Skip to main content

Home/ CSS Evangelist/ Group items tagged js

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
2More

JS Bin - Collaborative JavaScript Debugging - 1 views

jsbin.com ajax html5 css javascript js visual free gratis webdesign html online
shared by Alberto Adrián Schiano on 30 Jan 10 - Cached
  • yc c on 30 Jan 10
     
    specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively. JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code - new tabs doesn't). Once you're happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.
  • Alberto Adrián Schiano on 13 May 13
     
    Edit, test, visualice HTML5, CSS & JS on-line in a sandbox Editar,probar, visualizar HTML5, CSS & JS on-line en un arenero
3More

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr html5 css3 javascript library browser modernizr css webdesign
shared by Vernon Fowler on 15 Mar 14 - No Cached
  • 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">
  • Vernon Fowler on 15 Mar 14
     
    "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."
1More

CssUserAgent (cssua.js) - 9 views

cssuseragent.org css javascript js
shared by Hussain M Elius on 03 Jan 11 - No Cached
  • Hussain M Elius on 03 Jan 11
     
    Avoid CSS hacks! Use cssua.js to apply special CSS classes to your pages allowing you to use valid CSS to work around browser-specific quirks
1More

typeface.js -- Rendering text with Javascript, <canvas>, and VML - 0 views

typeface.neocracy.org javascript font web sifr typeface
shared by Frederik Van Zande on 27 Oct 08 - Cached
  • Frederik Van Zande on 27 Oct 08
     
    With typeface.js you can embed custom fonts in your web pages so you don't have to render text to images.
1More

WinLess - Windows GUI for less.js - 0 views

winless.org css less windows compiler webdesign
shared by Vernon Fowler on 14 Jan 14 - No Cached
  • If you have a folder called 'less' and a folder called 'css' on the same level, add the parent folder. WinLess will then automatically use the css folder as output folder.
2More

Creating a Slick Auto-Playing Featured Content Slider - 0 views

css-tricks.com/laying-featured-content-slider javascript menu sliding slider css jquery webdesign tutorial webdev Javascript slideshow
shared by Bartłomiej Małysz on 17 Feb 09 - Cached
  • Bartłomiej Małysz on 17 Feb 09
     
    nice menu building technique
  • Bartłomiej Małysz on 17 Feb 09
     
    Dynamic, sliding JS based on JQuery menu with sliding images (used by wp.pl, itc.com, etc.)
2More

LESS « The Dynamic Stylesheet language - 8 views

lesscss.org css less css3 webdesign functions variable
shared by Vernon Fowler on 09 Feb 10 - Cached
  • yc c on 09 Feb 10
     
    The LESS Ruby gem compiles LESS code to CSS.  LESS is an extension of CSS. You can write LESS code just like you would write CSS, except you need to compile it to CSS. That's what the gem is for. If you are on Mac OS X, you can install the gem by typing the following command in the terminal:
  • Vernon Fowler on 29 Apr 13
     
    LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
1More

HTML5 presentation - HTML5 Slides - 10 views

apirocks.com/...html5.html HTML5 slides presentation whatis webdev
shared by yc c on 17 Apr 10 - Cached
  • yc c on 17 Apr 10
     
    Take a walk through the woods and learn about all things HTML5. Starting with the JS APIS (selector API, storage, appcache, web workers, web sockets, notifications, drag and drop, and geolocation). Then delve into the new HTML semantic tags, link relations, micro data, ARIA, forms, audio and video, Canvas, and WebGL. Finally, the holy trinity finishes with CSS and selectors, fonts, text, columns, stroking, opacity, HSL, rounded corners, gradients, shadows, backgrounds, transitions, transforms, and animations.
4More

37 navigation techniques - 0 views

alvit.de/...gation-techniques-showcase.php css
shared by mikhail-miguel on 16 Feb 07 - Cached
  • ...1 more annotation...
  • Hybrid CSS Dropdowns Photo Matt Intelligent Menus Inverted Sliding Doors Tab // 456bereastreet.com Accessible Image-Tab Rollovers // Simplebits Simplebits Mini-Tabs Simplified CSS Tabs // Simplebits Tabtastic
1More

13 Awesome Javascript CSS Menus - 0 views

www.noupe.com/...some-java-script-css-menu.html css
shared by anonymous on 11 Nov 07 - Cached
  • 13 Awesome Javascript CSS Menus Posted in: Ajax, Javascript, CSS 31 Comments, Add a Response
1More

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

24ways.org/...flickr-photos-on-demand flickr script tools
shared by yc c on 25 Mar 07 - Cached
  • yc c on 25 Mar 07
     
    A script (.js + .css files to download) that will generate a gallery to an HTML link as you use the CSS class getflickrphotos.
2More

Yahoo! UI Library: Graded Browser Support - 0 views

developer.yahoo.com/...index.html browser css support
shared by yc c on 09 Mar 09 - Cached
  • Tim Berners-Lee, inventor of the World Wide Web and director of the W3C, has said it best: “Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.”
  • Methodologies including layered development via progressive enhancement, Unobtrusive Javascript, and Hijax ensure that higher layers don’t disrupt lower layers. However, representative testing of the core experience is critical. If you choose to adopt a Graded Browser support regime for your own web applications, be sure your site’s core content and functionality is accessible without images, CSS, and JS. Ensure that the keyboard is adequate for task completion and that when your site is accessed by a C-grade browser all advanced functionality prompts are hidden.
1More

mooShow 0.03 Beta . Javascript Slideshow based on moo.fx - 0 views

www.eatpixels.com/mooshow css download javascript script slideshow
shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    mooShow is a simple javascript/css slide show based on moo.fx the superlightweight javascript effects library, written with prototype.js. From Mad4milk, Rome.
1More

13styles.com :: Navigation menus online - 0 views

www.13styles.com webdev css navigation menus
shared by mikhail-miguel on 22 Feb 07 - Cached
  • Saturday   Photoshop template included for color customization. Pre-built in light green/auburn. Dolphin   Photoshop template included for color customization. Pre-built in blue. Fox   Photoshop template included for color customization. Pre-built in red. Background color controlled in css. Slate   Photoshop template included for color customization. Pre-built in red, blue, green and purple. Wax   Photoshop template included for color customization. Pre-built in blue, orange, red, green and grey. Style #1 Photoshop template not included. Pre-built in grey/blue. Style #2 Photoshop template not included. Pre-built in grey/blue. Style #4 Photoshop template not included. Pre-built in red/grey. Top red line controlled via CSS. Style #5 Photoshop template not included. Pre-built in dark blue. Bottom pink-ish line controlled nia CSS.    

Adapt.js - Adaptive CSS - 0 views

adapt.960.gs css
shared by mikhail-miguel on 05 Mar 18 - No Cached
1 - 20 of 20
Showing 20▼ items per page