24 ways is the advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.
Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.
Welcome to our advent calendar. Every day in december 2011 (until the 24th) we will post new cool HTML5 and CSS3 techniques here. These techniques may not work yet in all browsers because they are part of not quite finished specs. This also means that you may not be able to view all of the examples, but we'll always tell you in which browser it actually does work.
Welcome to our advent calendar. Every day in december 2011 (until the 24th) we will post new cool HTML5 and CSS3 techniques here. These techniques may not work yet in all browsers because they are part of not quite finished specs. This also means that you may not be able to view all of the examples, but we'll always tell you in which browser it actually does work.
Host your own site on your own connection from home/work/school/etc
Access your computer with a name (like zeus.afraid.org or yourdomain.com) instead of a numeric IP address
Run your own http server, ftp server, or anything you want to install on your computer/server
Fetchable URL to update your IP instantly on our network if you have a dynamic address
Host your own site on your own connection from home/work/school/etc
Access your computer with a name (like zeus.afraid.org or yourdomain.com) instead of a numeric IP address
Run your own http server, ftp server, or anything you want to install on your computer/server
Fetchable URL to update your IP instantly on our network if you have a dynamic address
CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.
Put the internet to work for you by creating tasks that fit this simple structure:
if this then that
Think of all the things you could do if you were able to define any task as: when something happens (this) then do something else (that).
CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.
Put the internet to work for you by creating tasks that fit this simple structure:
if this then that
Think of all the things you could do if you were able to define any task as: when something happens (this) then do something else (that).
For some time now, I’d been curious about how people like Rogie King, and John Hicks managed to grab the album art from their Last.fm feeds and displaying it on their websites.
For some time now, I’d been curious about how people like Rogie King, and John Hicks managed to grab the album art from their Last.fm feeds and displaying it on their websites.
jsMorph is a morphing - motion - tweening framework that knows what you need to do... get going!
It's a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.
jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience. Even if used for queued multiple elements, jsMorph can do single or grouped triggering as well as handling plenty of unique or overall callback functions.
All methods within jsMorph are chain able for less hassle and coding!
jsMorph can also be used for converting units to pixels or any other unit ( em, pt, pc, in, cm, mm, ex, % ).
Relative animation, color and opacity is now supported.
