Veronica Carrillo-Marquez

25 Flips | 7 Magazines | @veiko | Keep up with Veronica Carrillo-Marquez on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Veronica Carrillo-Marquez”

Rubber Duck [UX] Debugging

It was on a HN comment thread where I first heard about Rubber Duck Debugging (hat tip @danielbmarkham).<p>The basic premis is that you debug your code …

User Stories

I'd like to demo a simple how-to. There are many, many techniques to make pages load faster, but this post attempts to demonstrate large gains from very small code changes. People often build beautiful sites with multiple easy-to-use JavaScript libraries. Then, when it comes to addressing frontend performance, suddenly those libraries are an enormous download that the users are forced to bear. Read on to see how you could make bigger and better optimizations.

I’d like to demo a simple how-to. There are many, many techniques to make pages load faster, but this post attempts to demonstrate large gains from …

CSS Wizardry

shame.css – full .net interview<p>Written by <b>Harry Roberts</b> on <b>CSS Wizardry</b>.<p>Since writing about shame.css last week, there has been a lot of buzz and …

Coding, Fast and Slow: Developers and the Psychology of Overconfidence

I’m going to talk today about what goes on in inside developers’ heads when they make estimates, why that’s so hard to fix, and how I personally …

The design process of my infographic about women cycling for Grinta!

I was also thinking about adding a big title, somewhere in the centre of the page, covering the total width of the spread seemed like a perfect spot. …

Simplifying For The Wrong Reasons

There has been a recent shift to Flat UI, No Interface and Hiding Navigation Menus. The basis of simplifying is good, but can be counter-intuitive if …

The Best Hidden Features In Sketch Part 2

This is a follow-up post to The Best Hidden Features In Sketch. After 5 months, I still find myself learning new design techniques in Sketch. It’s a …

iicns.com

SVG Patterns Gallery

SVG images are typically smaller than bitmap images and remain sharp on high-dpi screens. Unlike CSS3 gradients, SVG images are supported on IE9.

Flat+3D mockup kit. Express your creativity and show your works at best. #flat3d

On Responsive Layout and Grids – David Bushell – Web Design (UK)

I often get asked which responsive grid system I use. This is a very frustrating question because it implies a requirement where I have none. With …

The Flat Build – David Bushell – Web Design (UK)

The flat build is the process of coding a static website in HTML & CSS without worrying about complete functionality or CMS integration. UI …

Hammer for Mac 6.8

Forget writing front-end code the <i>old</i> way. Hammer will save you time.<p>Built in support for SASS (w/Bourbon), CoffeeScript, Slim, HAML & Markdown, as …

Photoshop Actions & Workflows, updated to version 1.2

Over the last few years I’ve built a small set of Actions that I use daily. They save a bit of time, but more importantly, they remove the need to …

5 Things I learned designing for high-resolution retina displays

I was lucky enough to receive a 13” MacBook Pro with Retina display for work a few months back.<p>It’s a beautiful device. At first I didn’t think it …

ZenCoding.vim

The Lengths of CSS | CSS-Tricks

By Chris Coyier On March 13, 2013<p>There are quite a few properties in CSS that take a length as a value. The box model properties are the obvious …

Responsible Considerations For Responsive Web Design

Context-Sensitive Interactions<p>Pattern Translations<p>In a responsive Web design project, each breakpoint defines the experience within a certain range …

Improving UX Through Front-End Performance

Imagine you’re at an intersection waiting for your turn to walk across the street. You push the button to call the walk signal, and you take out your …

Web Development

Open source HTML5 Charts for your website

New in 2.0 Mixed chart types<p>Mix and match bar and line charts to provide a clear visual distinction between datasets.<p>New in 2.0 New chart axis …

Step-by-step guide and feature introduction for your website

Conceptual iPhone Photography from Brock Davis

Brock Davis is a Minneapolis based artist, creative director, thinker, and maker. Brock has worked in advertising for the past 17 years and is …