MQFramework is a responsive CSS framework that uses the @media property (media-queries) and works perfectly on major screen sizes down to mobile. The framework is based on a 12 column-grid and includes a typography stylesheet to handle the basics and a CSS reset. It is simply a core for building responsive websites which you usually [...]
Archive for the ‘Design’ Category
Gridlover is a free to use web application for creating a type system with modular scale and vertical rhythm. Inside a page with major HTML tags for type like headings, lists, paragraphs or article, it allows playing with values like: body font size body line height scale factor sizes for each element the unit desired [...]
Transitions in CSS3 brings many possibilities on animating and morphing HTML elements. Lea Verou is sharing a beautiful experiment and resource -Animatable- that showcases different CSS transitions (and how simple they are). Each transition is applied to a box where you can activate by hovering them (or run the transitions for all items). You can [...]
Iconshock has released an exciting set of icons named: "Shock iPhone Icons" today. The set includes 600 unique items that are designed to meet the requirements of the iPhone iOS guidelines. Items inside are the ones that can be used by most of the mobile and web apps (like actions, devices, filetypes, smileys, etc. They [...]
LESS is a great language for writing styles faster and getting more out of CSS with its dynamic nature (variables, mixins, operations and functions). Normally, .less files are live-converted to CSS via JavaScript by the browser (or server -like Node.js-). SimpLESS brings another option for designers willing to generate the CSS from .less files quickly. [...]
Codrops, a web development blog publishing very nice tutorials, has released a set of creative navigation examples built with pure CSS(3). There are 10 unique examples, all have the same HTML structure but different CSS styles that make use of CSS transitions and animations. Icons used are from a symbols typeface, so, no images are [...]
Emailology is a website which aims to guide designers and developers with the best practices of e-mail design. The project includes an e-mail boilerplate, that is very well-commented and includes hacks for cross-client compatibility, for starting quickly. A knowledgebase lists the tips and tricks categorized for each e-mail client. It is the right place for [...]
Foundation is a very impressive and feature-rich framework for quickly prototyping + creating the production code. The framework is responsive, works smoothly on all major browsers (including mobile) and completely open source. It has styles for typography, links, lists, forms (with custom radio buttons, select lists and checkboxes), tables and buttons. There is a 12 [...]
Web Symbols is a free font that includes many widely-used icons in websites and apps rather than letters. It has icons for CMS interfaces, gallery navigation, social networks, social apps and various other items like a loader, e-mail or list. The typeface comes in all the required formats including .woff, .ttf, .svg, and .eot. Special [...]
Almost every browser comes with its own CSS prefix like -webkit-, -moz- or -o- which usually ends up in several repeated and unused CSS rules. PrefixFree is a script which enables us to use CSS properties without vendor-specific prefixes. At the backend, it detects the browser of users and adds only the prefixes needed to [...]
