Visual-Blast Media

Free web resources for designers and web developers | Tutorials, Scripts, Graphics, Photoshop, CSS

Design News

Boilerplate: A simple CSS framework

A stripped down version of Blueprint which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions.

If you prefer:{ float: left; width: 240px; margin-right: 110px; } over class=”column span-2 append-1″

then you’re in the right place.
CSS Framework

         |  Subscribe to RSS

The seven rules of unobtrusive JavaScript

Chris Heilmann … over the years developing, teaching and implementing JavaScript in an unobtrusive manner.

7 Rules of unobtrusive JavaScript:

  1. Do not make any assumptions
  2. Find your hooks and relationships
  3. Leave traversing to the experts
  4. Understand browsers and users
  5. Understand Events
  6. Play well with others
  7. Work for the next developer

Full Article

         |  Subscribe to RSS

MooTools 1.2 beta 1

The first beta for MooTools 1.2 is finally here!

Some parts of MooTools 1.2 aren’t immediately compatible with those found in MooTools 1.1. In the downloads page, you’ll find a box that says:”include compatibility with previous version”. Clicking that box will add the missing pieces and will make MooTools 1.2 play nice with code written for MooTools 1.1.

Visit MooTools blog for the full details

         |  Subscribe to RSS

CSS Transforms

WebKit now has rudimentary support for specifying transforms through CSS. Boxes can be scaled, rotated, skewed and translated. The current nightly builds support affine transformations.A transform can be specified using the -webkit-transform property.
It supports a list of functions, where each single function represents a transform operation to apply. You can chain together operations to apply multiple transforms at once to an object (e.g., if you want to both scale and rotate a box).
At the moment transforms do not affect layout, so they are similar to relative positioning in that respect. We are exploring ideas for how to do transforms in ways that could affect layout.

Full article

         |  Subscribe to RSS

Graceful E-Mail Obfuscation

Hide e-mail addresses from spam bots while revealing them to readers as real, clickable links. This transparent and fully automated solution guarantees that all addresses on your site will be safe-even the ones that show up in blog comments!

Issue No. 248 of A List Apart: Stop robots from reading your e-mail address!

Full Article

         |  Subscribe to RSS

Accordion v2.0

A lightweight accordion that is built with scriptaculous and works properly in every browser

Script handle nested vertical and horizontal accordions. New in v2.0:

  • Open/Close functionality added
  • Nested Vertical Accordions
  • Accordions will dynamically resize on content added REAL TIME!
  • bug fixes!

Accordion v 2.0

Visit Accordion

         |  Subscribe to RSS

10 Absolute “No’s!” for Freelancers

A great round-up of ten must read things to avoid when freelancing as a web designer

  1. Can you show me a mock-up to help us choose a designer/developer?
  2. Can you give us a discount rate?
  3. Can you copy this site?
  4. … and more

Full Article

         |  Subscribe to RSS

Dynamically loading an external JavaScript or CSS file

Tutorial on how to load, remove, and replace external JavaScript and CSS files on demand and asynchronously.

Visit javascriptkit

         |  Subscribe to RSS

Prototip 1.1.0 preview: Adding more control to your tooltips

The second mayor update to the library

You can now open, close and toggle tooltips using any mouse event. Keeping your tooltips open adds a new dimension to the library, allowing tooltips to be used in new ways. This release also introduces close buttons, delay and the option to add your own close links inside your tooltip text. An improved CSS model makes it even easier to style your tooltips.

Change log

  • Added Prototype and Scriptaculous version check.
  • Improved the CSS model, no more CSS hacking is needed for smooth effects.
  • Added close buttons and links.
  • Allow to open, close, toggle tooltips on any event.
  • … and more

Tooltip demos

Visit Prototip 1.1.0

         |  Subscribe to RSS

Page 4 of 4«1234

Translations

English flagItalian flagPortuguese flagGerman flagFrench flagSpanish flagRussian flag