Skip to main content

Home/ CSS Evangelist/ Group items tagged library

Rss Feed Group items tagged

Wanda Terral

Drawter.com - DrawAble Markup Language - 3 views

shared by Wanda Terral on 30 Jan 10 - Cached
  •  
    Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required. Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called "Amateur". Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching 2010.
  •  
    Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.
yc c

HTML Purifier - Filter your HTML the standards-compliant way! - 1 views

  •  
    HTML Purifier is a standards-compliant HTML filter library written in PHP. HTML Purifier will not only remove all malicious code (better known as XSS) with a thoroughly audited, secure yet permissive whitelist, it will also make sure your documents are standards compliant, something only achievable with a comprehensive knowledge of W3C's specifications. Tired of using BBCode due to the current landscape of deficient or insecure HTML filters? Have a WYSIWYG editor but never been able to use it? Looking for high-quality, standards-compliant, open-source components for that application you're building? HTML Purifier is for you!
Al-Mehatb Shaikh

Getting Started with Chrome extension - Diigo help - 0 views

  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
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."
Jonathan Mike

Design Patterns Library & Code Standards - 0 views

  •  
    Check out some design samples.
yc c

Dynamic Drive CSS Library- Practical CSS codes and examples - 0 views

  • var rate87=new rateit(87, "26", "090%") rate87.displaytext("26") 4.5 CSS Gradient Shadow var rate74=new rateit(74, "72", "078%") rate74.displaytext("72") 3.9 CSS Thick Tabs var rate47=new rateit(47, "71", "080%") rate47.displaytext("71") 4 SuckerTree Vertical Menu (v1.1) var rate52=new rateit(52, "60", "074%") rate52.displaytext("60") 3.7 Overlapping horizontal tabs var rate51=new rateit(51, "128", "080%") rate51.displaytext("128") 4 Animated link underlines var rate50=new rateit(50, "78", "075%") rate50.displaytext("78") 3.8 SuckerTree Horizontal Menu <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xm
Frederik Van Zande

CSS Compatibility and Internet Explorer - 0 views

  •  
    A chart displaying IE compatibility to CSS from version 5 to 8
  •  
    With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is planned to be a fully CSS Level 2.1-compliant browser, and will support some features of CSS 3. If the browsers your Web site is targeting include earlier versions of Internet Explorer, however, you want to know the level of CSS compliance for those as well. This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 8 Beta 1 for Developers and planned support in the final version of Internet Explorer 8.
Frederik Van Zande

Design Stencils - Yahoo! Design Pattern Library - 0 views

  •  
    Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics: * Ad Units * Calendars * Carousels * Charts and Tables * UI Controls * Form Elements * Grids * Menus and Buttons * Mobile - General * Mobile - iPhone * Navigation and Pagination * OS Elements * Placeholder Text * Screen Resolutions * Tabs * Windows and Containers
yc c

Yahoo! UI Library: Graded Browser Support - 0 views

  • 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.
anonymous

CSS Dock Menu - 0 views

  • If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.
‹ Previous 21 - 40 of 54 Next ›
Showing 20 items per page