HTML5 CSS

Facebook Twitter

Inbox - jnavon - Gmail. CSS: the cascade, specificity, and inheritance. What is specificity?

CSS: the cascade, specificity, and inheritance

Specificity is a method of conflict resolution within the cascade. Specificity is calculated in a very particular way, based on the values of 4 distinct categories. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. 10 Beautiful Examples of Responsive Web Design. These days, everyone is consuming content differently.

10 Beautiful Examples of Responsive Web Design

My mom has a netbook, I have a laptop, my friend has a 27″ iMac, my girlfriend and I have smartphones and her mom has an iPad. Since your content is now being viewed on more devices and browsers than ever before, you have to design it with that in mind. CSS3 Click Chart | CSS3 Browser Support and Information. Home - Scalable and Modular Architecture for CSS. Patterns For Large-Scale JavaScript Application Architecture. Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture.

Patterns For Large-Scale JavaScript Application Architecture

The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic? I'm currently a JavaScript and UI developer at AOL helping to plan and write the front-end architecture to our next generation of client-facing applications. As these applications are both complex and often require an architecture that is scalable and highly-reusable, it's one of my responsibilities to ensure the patterns used to implement such applications are as sustainable as possible. Coffescript - A Better Way to JS - Brain Spill. CodeKit — THE Mac App For Web Developers. Gear Compile Everything Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript. sync.

CodeKit — THE Mac App For Web Developers

LiveReload. jQuery Air - First Flight. Web Design Tutorials. One of the posts on this website that consistently gets a significant amount of traffic (5000+ page views this month alone) is a ridiculous article I wrote that discusses how to make a child element not inherit the opacity setting of its parent.

Web Design Tutorials

As we all know, opacity property can be annoying in this area. Basically, if a parent element has an opacity value set at, say, 0.5, all of its children will inherit that opacity setting, and there’s no way to reverse that opacity on the child elements. Subway Map Visualization jQuery Plugin » TechBubble. I have always been fascinated by the visual clarity of the London Underground map.

Subway Map Visualization jQuery Plugin » TechBubble

Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to create a YDN Metro Map. Bootstrap, from Twitter. Sass - Syntactically Awesome Stylesheets. LESS « The Dynamic Stylesheet language. Bartaz/impress.js - GitHub.