Selectivizr : CSS3 selectors for IE

Selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations.

Selectivizr : CSS3 selectors for IE

Selectivizr works automatically so you don’t need any JavaScript knowledge to use it — you won’t even have to modify your style sheets. Just start writing CSS3 selectors and they will work in IE.

Selectivizr requires a JavaScript library to work. If your website already uses one of the 7 supported libraries you just need to add the selectivizr script to your pages. If not, you will need to pick a library too.

Source Website

JavaScript Modal Windows – TinyBox2

This TinyBox modal box script brings a ton of new features and still clocks in under 5KB. The script now supports iframes and images natively. You can POST with Ajax. Clicking ESC will close the window. Callback functions can be passed for load and close events. You can set CSS IDs to override the default styling. CSS position can be toggled between fixed and absolute. The mask opacity can be sent. You have full control over window location. And of course there is now a close button out of the box you can toggle.

The script is now executed by passing an object due to the large number of options. There is nothing to initialize, just call the function on whatever mouse or browser event you like.

JavaScript Modal Windows – TinyBox2

This script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects under the creative commons license.

Source Website

Compact News Previewer with jQuery

Codrops shared a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.

Compact News Previewer with jQuery

View Demo Source Website

FREE CSS3 Video Course – 24 hours only

Think Vitamin have made their entire CSS3 Video Training Course free for 24 hours! That’s 51 free videos and over six hours of free video tutorials. They will only be free until Wednesday, March 16th at 11:59pm so watch them now.

FREE CSS3 Video Course - 24 hours only

These are all the topics you can learn …

Borders

  • Border Radius
  • Border Image
  • Basic Box Shadows
  • Advanced Box Shadows

Gradients

  • Linear Gradients in WebKit
  • Linear Gradients in Firefox
  • Radial Gradients in WebKit
  • Radial Gradients in Firefox
  • Additional Syntax

Animation

  • Transitions
  • 2D Transforms
  • 3D Transforms
  • Animations
  • Project: Part 1 and 2

Typography

  • Text Shadows
  • Text Stroke
  • Reflections
  • Overflow and Wrapping
  • Columns
  • @font-face
  • Font Services
  • Complete CSS3 Project: Part 1, 2, 3 and 4

Media Queries

  • Introduction
  • Basic Syntax
  • width and height
  • device-width and device-height
  • orientation, aspect-ratio, and device-aspect-ratio

Selectors

  • Attribute Selectors
  • Pseudo-Classes
  • More Selectors

Backgrounds

  • Multiple Backgrounds
  • Background Sizing
  • Origin and Clip

Source Website

Loads.in – Test How Fast a Webpage Loads from Over 50 Locations Worldwide

loads.in gives you the possibility to see how fast your (or any) website loads in a real browser from over 50 locations worldwide.

If you have a worldwide audience, or your site is hosted in a different country from where your visitors live, it is useful to see how long it takes to load your web pages. With loads.in you simply enter the full URL of the page you want to check, and the page is retreived by a browser at a random location. For each subsequent check you can choose a specific location and browser profile.

As a result you will be presented with:

  • The load time of the web page.
  • Snapshots of the webpage at different times during load.
  • Errors or warnings if they occur.
  • A complete timing break down of all elements of your page in a waterfall chart.
  • The possibility to download the timing results in the Http Archive (HAR) format.

Loads.in - Test How Fast a Webpage Loads from Over 50 Locations Worldwide

loads.in is a unique and free tool:

  • Checks your site with real browsers.
  • Choose from Safari, Chrome, Internet Explorer or FireFox browser profiles.
  • Checks your site from over 50 locations.
  • Provides snapshots and waterfall charts for each check.

Source Website