December 2011
47 posts
1 tag
Hashify.me →
Hashify does not solve a problem, it poses a question: what becomes possible when one is able to store entire documents in URLs?
(discussion on Hacker News)
1 tag
1 tag
1 tag
1 tag
How To Build a Modern Website in 2011 →
Please note: I am not saying anything startlingly new, but because it’s hard not to get dizzy amidst the constant back-and-forth and endless RSS feeds, I’m hoping it’s helpful to gather the fundamentals into one place - it certainly is for me anyway!
Tom Milway summarises the state of cutting edge web design as it stands at the end of 2011:
Mobile First, Responsive Design
Mobile-First
...
1 tag
1 tag
1 tag
1 tag
1 tag
The problem with CSS pre-processors →
I’ve been considering to use a CSS pre-processor like SASS, LESS, Stylus, etc, for a very long time. Every time someone asked me if I was using any of these tools/languages I would say that I’m kinda used to my current workflow and I don’t really see a reason for changing it since the problems those languages solves are not really the problems I’m having with CSS. Then yesterday I read two blog...
1 tag
5 tags
2 tags
Preboot.less →
Preboot is a super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development.
As used in Bootstrap, so you probably already knew…
1 tag
1 tag
1 tag
Some HTML5 Resources Worth Checking Out →
As the weeks go by, I find tons of new developer resources, tools, and things worth looking into.
I wrote a similar roundup of JavaScript resources, so this time I’m covering stuff related to what we commonly call “HTML5″ (even though a lot of this stuff could easily fall under a “JavaScript” umbrella too).
2 tags
3 tags
Bootstrap rising →
Anil Dash:
Twitter’s Bootstrap framework for creating web sites and apps is the culmination of half a decade’s work by the web design community in creating CSS resets, grid systems and toolkits for easily building flexible, adaptable websites. While Bootstrap is only a minor evolution over past efforts such as Blueprint or the 960 grid from a technical standpoint, Bootstrap’s...
1 tag
Mobile Performance Manifesto →
A roundup of mobile performance best practices. Loads of great stuff here.
1 tag
1 tag
Multi-direction hover →
Created by @kizmarh
1 tag
1 tag
The 50 Most Useful jQuery Plugins from 2011 →
With this post we have highlighted the 50 plugins that, we feel, are not only the most useful and popular from the this year, but also the most ground-breaking. To help you find a specific solution, we have split all of the plugins into the following categories: Form & Validation Plugins, Plugins for Responsive Layouts, Sliders, Galleries & Carousels, Modal Window Plugins, Mobile Specific...
1 tag
What You Need To Know About The HTML5 Slider... →
HTML5 brought a lot of new tags and new rules on how the old ones should be used. One of them is the range input element, or the slider. This control has been available in operating systems for decades, but is only now that it has found its way into the browser.
1 tag
Most Epic SEO Content of 2011 →
SEO is important, but the signal to noise ratio is very high. These articles all look pretty interesting.
1 tag
1 tag
Embedded Metadata Manifesto →
The Embedded Metadata Manifesto defines five guiding principles for creating and storing metadata, so important data is carried with the file wherever possible.
The Embedded Metadata Manifesto is an expression of a business need by those who use metadata. It is addressed to the parties adding and managing metadata and to the vendors of hardware and software whose systems enable media and...
1 tag
CSS Best Practices →
Luke Wroblewski:
In her Our Best Practices Are Killing Us presentation at An Event Apart in San Francisco CA, Nicole Sullivan walked through common CSS best practices that have outlived their usefulness and what we can do instead to improve CSS performance and maintenance long term. Here’s my notes from her talk.
1 tag
animate.css →
Just-add-water CSS animation
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
1 tag
1 tag
“// We always assume 96 CSS pixels in a CSS inch. This is the cold hard truth of...”
– CSSHelper.h (via Michael Mahemoff)
In an ideal world, web developers could discover width and height of the screen. This would tell you the form factor (tablet? TV? mobile?) and therefore let your app be truly responsive. (Not just dropping the sidebar and whatnot.) +Paul Kinlan and I went down...
1 tag
4 tags
dochub.io →
InstaCSS has transformed into dochub: instant reference for CSS, HTML, DOM, JavaScript and jQuery.
2 tags
Responsive News →
Where BBC News developers blog about responsive design.
Opinions expressed on this blog are those of a specific product team, and are not necessarily those of the BBC as a whole.
They’re on Tumblr. Go, follow.
2 tags
1 tag
jquery.timepicker →
A jQuery timepicker plugin inspired by Google Calendar.
1 tag
nanoScroller.js →
nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Lion-styled scrollbars for your website.
It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.
...
1 tag
1 tag
1 tag
Truncating text using only CSS →
Here’s how you can truncate text using only CSS. It works in IE 6+, Safari 4+, Firefox 7+, Opera 11+ and Chrome 10+
1 tag
Knyle Style Sheets →
Inspired by TomDoc, KSS attempts to provide a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a documentation specification and styleguide format. It is not a preprocessor, CSS framework, naming convention, or specificity guideline. This means it works great with ideas like OOCSS, SMACSS, SASS, and LESS.
(github)
1 tag
csg.js: Constructive Solid Geometry 3D Modeling in... →
badassjs:
Evan Wallace, the same guy who brought us that amazing WebGL water simulation is back at it again, this time with a library called csg.js for doing Constructive Solid Geometry modeling in JavaScript.
1 tag
1 tag
1 tag
Animation With CSS: It’s Easier Than You Think →
When we combine movements (transforms) of inanimate objects over different timeframes (transitions) we get animation. CSS3 expands on what’s possible with transforms and transitions with the aptly named animations module and I’d like to spend some time today looking through that module.
1 tag
1 tag
Image Tint With CSS →
In this post, I’ll offer a few solutions for mimicking a CSS image tint or semi-transparent color overlay. Each of these solutions has the drawback of requiring either an extra wrapper element or JavaScript.
(demo|demo|demo)