Skip to main content

Home/ CSS Evangelist/ Group items tagged js

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Alberto Adrián Schiano

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
Vernon Fowler

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."
Hussain M Elius

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
Frederik Van Zande

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.
Vernon Fowler

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.
Bartłomiej Małysz

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.)
Vernon Fowler

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).
yc c

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.
mikhail-miguel

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
anonymous

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
yc c

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.
yc c

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.
yc c

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.
mikhail-miguel

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

www.13styles.com

webdev css navigation menus

shared by mikhail-miguel on 22 Feb 07 - Cached
  • Saturday &nbsp; Photoshop template included for color customization. Pre-built in light green/auburn. Dolphin &nbsp; Photoshop template included for color customization. Pre-built in blue. Fox &nbsp; Photoshop template included for color customization. Pre-built in red. Background color controlled in css. Slate &nbsp; Photoshop template included for color customization. Pre-built in red, blue, green and purple. Wax &nbsp; 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. &nbsp; &nbsp;
mikhail-miguel

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