Coding

Twitter Bootstrap has some cool add-ons, one of them is Bootswatch Free Themes for Bootstrap. With Bootswatch you can quickly load another “Color Scheme” stylesheet into your website. It’s very cool. I coded a small example to dynamically load another Bootswatch ...

Nearby App Example of Google Maps Places API to find different places like ATM, Restaurant, Airport etc nearby you. (with full source-code) [crayon-599c43ef9f951364665955/] Preview on CodePen.io

Playing around t with Etsy API. Here’s a working example of how to make a simple search request to the Etsy API with jQuery. [crayon-599c43efa025d058883750/] Preview and Edit on Codepen.io

A curated list of popular code editors for front-end developer.

Must-have Bootstrap widgets/components extensions that enhances and extends  Twitter Bootstrap for effective development with the framework.

A curated list of workflow tools for front-end developers to speed up our existing workflow processes and take it to the next level. If you want to contribute, please comment and your resource will be added.

How to speed up your site to meet the expectations of visitors and search engines. Below you will find a list of tools to help you measure your site’s speed and identify bottlenecks. We’ll also review techniques like CSS sprites, ...

It’s hard, if not impossible, to deny that performance is by far one of the most critical aspects of any decent web project, be it a small portfolio site, a mobile-first web app, right through to a full-scale ecommerce project. Studies, articles ...

Hammer.js is a lightweight (only 2kb) JavaScript library for multi-touch gestures. It’s easy implementation of touch events in your website. The gestures supported by Hammer.js are: tap, double tap, hold, drag, and transform (such as pinch to zoom).

What Are Media Queries CSS3 brings us many new features we use for our web designs and one of the features that can help improve the web site usability is Media Queries. Media Queries Boilerplate [crayon-599c43efa0aa6721026706/] Animating the layout change With CSS ...

PanoJS3 – An interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles. This widget can be used for viewing images that are much larger than the available space in the browser viewport. Examples ...

Web developers go mobile by mastering new development skills Amsterdam, March 13, 2012 — The first Dutch Mobile Conference (DMC), June 7, 8 & 9 in Amsterdam, will help developers create their next innovative mobile web apps. The rise of web applications ...

Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you’d like to learn more about the medium you’re designing for and gain ...

An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. The HTML is very simple and ...

Recommended experience: Working knowledge of JavaScript Client-side scripting can make your application dynamic and active, but the browser’s interpretation of this code can itself introduce inefficiencies, and the performance of different constructs varies from client to client. Here we discuss ...

Web standards are so important for email, while working with email client developers to ensure that emails render consistently. The Email Standards Project is about working with email client developers and the design community to improve web standards support and ...

jPath is a platform for developing cross – platform native applications using JavaScript and HTML. Project is in “pre-alpha” state, so don’t expect to see very descriptive information on this page. You can download this demo here: Demo 12-07-2011 (jPath + ...

Doctype is the show for people who make websites. Whether you’re a designer that wants to learn some coding or a developer that thinks everything they make looks like crap, Doctype is the show for you! Every episode, Nick and ...

I recently came across a solution on CSSPlay for a JavaScript free lightbox that uses invalid markup. So, being a sucker for a challenge, I set myself the task of creating one with valid markup and I eventually succeeded. Note: This article ...

Site speed reflects how quickly a website responds to web requests. Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we’ve seen in our internal studies that when ...