Front-end web development rants & curation
Posted on Wednesday, June 19th, 2013
Photoshop is the industry-standards for creating great looking website mockups—so, with Photoshop CS6 for Web Designers, we want to make it free and easy for anyone to learn.
In this 26 video series, Craig Campbell will take you through designing a web page in Photoshop, showing you new features in CS6 that can enhance your web design workflow along the way.
Posted on Friday, May 31st, 2013
This is one of those things that makes you facepalm and say to yourself, “…why the hell didn’t I think of that”. It’s so simple, yet amazing.
Posted on Monday, May 27th, 2013
Screensiz.es is a nifty little database of screen specifications for the most popular devices on the market.
Posted on Tuesday, May 21st, 2013
Framer is a prototyping tool for animation and interaction on desktop and mobile.
Framer can help you to quickly build interactions and animations. Built for designers and integrates with Photoshop. Great alternative to Quartz Composer, Flash or Keynote.
Posted on Tuesday, May 21st, 2013
In this tutorial I am going to give an explanation of JavaScript regular expressions by dissecting it as if it were a language. From this enlightened perspective, I hope to push you past the insurmountable learning curve that stops most developers from knowing regular expression basics.
Posted on Tuesday, May 7th, 2013
Pedro Botelho form Codrops put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics.
Posted on Monday, May 6th, 2013
Last week I came up with an interesting concept. Make a block-level element appear as if it’s sunken into the screen and its edges parallax on page scroll. So I whipped up a quick demo on CodePen to demonstrate. It turned out pretty good, so I thought I’d share it with Chris Coyer from CSS-Trick.com (Also the creator of CodePen). He liked it and asked me if I would like to showcase the concept on his site as a guest post. You can check it out here.
Posted on Thursday, May 2nd, 2013
Entity Conversion Calculator is a quick and easy way to get the Numeric, CSS and JS values for special characters. This is great for creating CSS pseudo elements (before and after).
Posted on Tuesday, April 23rd, 2013
The Pixel Perfect Precision Handbook by the folks at ustwo goes into the nitty-gritty of pixel perfection and design etiquette. This is a must read for any designer or developer that uses Photoshop on a regular basis.
Posted on Tuesday, April 23rd, 2013
Phone-Size.com is Phone size comparison made easy. It shows the actual size of a phone on your screen.