Archive

Web Dev

Responsive Web Design Interactive Guide

In a surprising twist, Template Monster, the (in)famous template provider, put together the most complete, interesting and interactive guide to the field of Responsive Web Design. Shaped like a children’s game, you can encounter glossary, blog articles, free PDF books, the official position of Google as well as many tutorials, plugins, tools and ready-made templates.

Flex Slider 2 – responsive image carousel from WooThemes

WooThemes created this great responsive image carousel and gives it away for free. The plugin works with jQuery and it is loaded with many features. It can adapt to various content sizes, can load both images and video and works on all modern browsers.  

Percentage Loader Plugin

jQuery.PercentageLoaderĀ is a jQuery plugin for displaying a rounded progress widget, different than the classic progress bars. It makes use of HTML5 Canvas and vectors, allowing it to be scaled at will.  

Responsive CSS3 Slider

CSScience offers a fully responsive slider created only with CSS3 (and a minor Javascript fix for iOS devices). The functionality is supported in all modern browsers (Firefox, Chrome, Safari and Opera) and IE9 (without transition effects).  

A great way to use icon fonts

As icon fonts see more and more use , there is an increasing concern on the best way to use them, in a practical and semantic way. With two main categories of clients that don’t see images but only text (search engine robots and screen readers), it is imperative to optimize the process without affecting […]

Google+ Style User Interface

Bruce Galpin from Social-IT-e Media offers this easily customizable framework of Google+ style buttons, icon buttons and drop-down menus. The code is free to use in commercial projects and can be forked from GitHub.

Modernizr

Monernizr is what people in the field call a “polyfill” – a javascript library that detects what your browser is capable of and allows you to take special actions if necessary to compensate for the lack of support for the latest HTML5 and CSS3 features.

HTML5 Boilerplate

HTML5 Boilerplate is a code base (HTML/CSS/Javascript) that can be used as a starting template for any web project. Developed over four years and reaching version 3.0 (at the time of writing this), this code base profits from all best practices in the field. Among the list of features one can encounter: Cross-browser compatible Optimal […]

Toast – a simple CSS Framework

Toast is a very simple CSS Framework. It offers a global reset and a 12 column responsive grid. Due to the use of inline-block display for the grid elements, there are no floats and there is need of no clearfixes. The only downside is that it does not support older browsers like IE6 and IE7. […]

TipTip jQuery plugin

TipTip is a smart jQuery plugin, able to detect the viewport edges and adjust its position so that it always stays visible, just like the native browser tooltips. TipTip uses no images, it is very light and can be customized with CSS.