HTML5 CSS

Facebook Twitter
Inbox - jnavon - Gmail New features Meet the new inbox New customizable tabs put you back in control so that you can see what's new at a glance and decide which emails you want to read and when. More about the new inbox Talk across devices

Inbox - jnavon - Gmail

What is specificity? 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. CSS: the cascade, specificity, and inheritance CSS: the cascade, specificity, and inheritance
Save time. Create with confidence. ★ Analytics, icons, and more A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks. ★ Normalize.css and helpers Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

These days, everyone is consuming content differently. 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. 10 Beautiful Examples of Responsive Web Design 10 Beautiful Examples of Responsive Web Design
“SMACSS is becoming one of the most useful contributions to front-end discussions in years” * I’ve been analyzing my process (and the process of those around me) and figuring out how best to structure code for projects on a larger scale. What I've found is a process that works equally well for sites small and large. Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows. Get smacked! What is it? Home - Scalable and Modular Architecture for CSS

Home - Scalable and Modular Architecture for CSS

Patterns For Large-Scale JavaScript Application Architecture

Patterns For Large-Scale JavaScript Application Architecture Today we're going to discuss an effective set of 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
Then, when you're ready to dig in and see CodeKit at full power, watch the video tutorials below. They're the fastest way to get up to speed! Note: these videos were made using older, beta versions of CodeKit, so not everything in them is accurate. I'm working on new videos.

CodeKit — THE Mac App For Web Developers

CodeKit — THE Mac App For Web Developers
Try jQuery is a combination of videos, interactive console challenges, and writing code in the browser. You'll need about 2 hours of time to make it through everything. Try jQuery currently uses jQuery 1.9.1. Sign in with your Code School account to save your progress and earn badges. jQuery Air - First Flight

jQuery Air - First Flight

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. 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. Web Design Tutorials Web Design Tutorials
Subway Map Visualization jQuery Plugin » TechBubble

Subway Map Visualization jQuery Plugin » TechBubble

I have always been fascinated by the visual clarity of the London Underground map. 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.
Registration is now open for Camp Sass, held in San Francisco on April 19th. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has worked endlessly to not only keep up, but stay ahead.

Sass - Syntactically Awesome Stylesheets

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes.

LESS « The Dynamic Stylesheet language

README.md impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. impress.js may not help you if you have nothing interesting to say ;)

bartaz/impress.js - GitHub