Skip to main content

Home/ CSS Evangelist/ Group items tagged link

Rss Feed Group items tagged

Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  •  
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
Jesse McPherson

Stu Nicholls | CSSplay | Removing active/focus state borders - 0 views

  • CopyrightYou may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
    • Jesse McPherson
       
      Can you really apply a Copyright to a CSS technique?
anonymous

External Batteries for many brand laptop battery and cell phone battery - 0 views

    • anonymous
       
      A cool battery will be appeared at once,i remarked it when it can be bought.In this case,i won't find it diffculty.The battery suited so many brand,laptop batteries and cell phone batteries,it is very cool,i should tell the more friends.
anonymous

Permanent Link to Extremely efficient image rollovers using CSS sprites and NO Javascript - 0 views

  • Extremely efficient image rollovers using CSS sprites and NO Javascript
yc c

24 ways: Flickr Photos On Demand with getFlickr - 0 views

  •  
    A script (.js + .css files to download) that will generate a gallery to an HTML link as you use the CSS class getflickrphotos.
yc c

Image to CSS Converter - 0 views

  •  
    This is the direct link from http://elliottback.com/wp/archives/2005/04/25/convert-image-to-css/
     Convert Image to CSS
    Posted in Code, Plugins, Graphics by Elliott Back on April 25th, 2005. [Del.icio.us]

    Ever wanted to take an image and convert it, pixel by pixel, into CSS, HTML, or xHTML? Well, now you can, thanks to my handy conversion tool! Just give it the URL of the image to convert, select a pixel resampling ratio, a mode, and off you go. You can also save the html. Just right click on the permalink and "save target as" to your favorite location.

        * Example: Born into Brothels [via]
        * Example: Cambridge, England [via]
        * Massive deforestation [via]

    Note: If you give a very large image, with a very small pixel ratio, the image could take a long time to load, or eventually overload your browser with multiple megabytes of web information. These "images" are very large!


leengy

favourite links. - 0 views

shared by leengy on 23 Feb 07 - Cached
Jason Bao

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for down... - 0 views

shared by Jason Bao on 14 Feb 07 - Cached
  • In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing: on each of them you'll find also a download link (if you want, you can download the entire collection, 40 HTML pages in a single zip file). Further details can be found below the gallery.
yc c

Mike Rundle: Accessible Image Replacement - 0 views

  •  
    #replaceText { text-indent: -9000px; background: url(bg.gif); .... }
css rank

CSSRank - CSS Gallery For The Best Designed Web 2.0 Sites - 172 views

The development of web applications has drastically changed since its advent. Websites were normally designed with dominant tables in it. But this changed to a more portable and reliable method of ...

general

started by css rank on 28 Oct 08 no follow-up yet
my mashable

Smub.it : Save and Share Tweet, Facebook and Digg from Your Mobile - 0 views

  •  
    People today read latest topics and updates via mobile phones. Reading the tweet, Facebook updates and your favorite Digg is possible in phone, but still share the information is still challenging for for phone app makers. Recently i read about Smub.it, it offers simple social sharing and bookmarking tool that proves especially useful for iPhone and other smart phone users.
« First ‹ Previous 41 - 60 of 90 Next › Last »
Showing 20 items per page