Always remain updated about current software development trends

Articles in HTML5 CSS

Node.contains: Check if a Node is a Child of Another Node

There are\xa0loads of basic, native JavaScript methods that many developers don’t know about. \xa0Many people don’t know about the Element.classList API, for example, so className management becomes another case for needing a JavaScript toolkit...

Don’t use `picture` (most of the time)

Jason Grigsby: Unless you're solving for art direction, you don't need to the element. In fact, you're likely doing your users a disservice by using the<picture>element. I'd wager that the majority of "responsive images" use is serving appropriatelysizedimages...

Unwrapping JSON-P

This is a quickie simple post on JavaScript techniques. We’re going to look at how to unwrap the “P” function-call padding from a JSON-P string to get the JSON from it. Note: Obviously, the recent push toward ubiquity of CORS is making JSON-P...

The Web vs Apps Outcome

There was time when some people thought the future of mobile development was the web. That thinking was based on the fact that the web was a common platform across all types of device and that would be the only way to solve fragmentation. If you look at the...

Build Web Layouts Easily with Susy

I've been coming around to the idea of using Susy (a Sass add-on for grids) lately. I like the idea of grids-on-demand, rather than a strict framework (no matter how simple). We evenadded supportto CodePen. Last week I ran into Eric Suzanne, the creator of...

The Bézier Game

A game to help you master the pen tool. By Mark MacKay. Early in my career I had a job where a good half of it was cutting detailed clipping paths on photos (using the Pen Tool in Photoshop). We had an in-house photography department that shot furniture and...

Getting Started with CSS Shapes

I just watched Jen Simmons give a talkModern Layouts: Getting Out Of Our Rutsand she had some great examples of how easy CSS shapes are to use, even with safe progressive enhancement. If you haven't heard of them, essentially it's a way to wrap content (typically...

Scroll-Then-Fix Content

A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. (Presumably the homepage you see when you launch Chrome on Android?) There is a search input in the middle of the page that scrolls with the page, but as it's about to scroll...

Responsive and Infinitely Scalable JS Animations

Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() \u2013 this is the hook that allows Javascript code to synchronize with a web browser’s native paint loop. Animations using this method can run at 60 fps and...

A Look at SVG Light Source Filters

The following is a guest post by Joni Trythall. Joni recently finished aPocket Guide to Writing SVG. I've been excited about SVG for a while now, working with it, learning about it, writing about it... but there is so much to know. It really is another whole...