WebResourcesDepot

Posted by | Posted on 13:41

WebResourcesDepot


320 and up – A “Mobile-First” Boilerplate

Posted: 12 Apr 2011 10:01 AM PDT

320 and up is a CSS media queries boilerplate, a starting template for developing modern and responsive web pages, which follows a different approach then several other boilerplates.

As the starting point, it focuses on mobile and uses a tiny screen's stylesheet, so you won't have to load assets for desktop browsers.

320 and up

This tiny screen stylesheet contains only reset, color and typography styles. Media queries load assets + layout styles progressively and only as they’re needed.

320 and up contains 4 CSS3 media query increments: 480, 768, 992 + 1382px and there are 2 versions to choose from:

  • multiple linked stylesheets
  • single stylesheet with multiple media queries

The project can be used as an extension to HTML5 Boilerplate or as a standalone kit and it makes use of several well-known projects like Selectivizr, Respond.js and few others.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Live.js: Auto-Refreshes Pages That Are Updated

Posted: 11 Apr 2011 11:16 PM PDT

Here is an amazingly simple and functional script that all web designers/developers will probably start using instantly.

Live.js, once included to a web page, auto-refreshes it automatically if there is an update to the files used.

Simply, when you are editing your HTML, CSS or JS code, your browser will always show the latest version of the page. No more manual refreshes.

Live.js

Updates to the CSS are applied instantly/dynamically and the ones for HTML + JS will refresh the page.

At the back-end, the script sends consecutive HEAD requests to the server and detects the updates with the help of the responses.

P.S. The same team also has a Firebug extension named Backfire that does a similar job for CSS files being edited via Firebug..

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Comments (0)

Post a Comment