An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. The HTML is very simple and it relies on CSS pseudo-elements rather than extraneous HTML elements. Known support: Firefox 3.5+, Safari [...]
IE WebDeveloper Toolbar Is a free plugin The Microsoft Internet Explorer Developer Toolbar provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages. Features: Explore and modify the document object model (DOM) of a Web page. Locate and select specific elements on a Web page through a variety of techniques. Selectively disable Internet [...]
Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:
In this “Collection of HTML5 and CSS3 Resources“, you will find articles and tutorials covered on different websites. Demos and examples are also included in this list. I tried my best to collect all useful and related information to put at one place. Still if you find something missing, kindly share it in the comments below.
A CSS framework, also known as a web design framework is a pre-prepared library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks (usually packaged as external .css sheets inserted into the header) package a number [...]
So, you’re a front-end developer, and you want to start taking advantage of new features in CSS 3 and HTML5. That’s great, but you know that most of your users aren’t running browsers that support these new standards. You could just wait for browsers to get with the times, or you could check out Modernizr. [...]
Tools and services to validate css / html / code. Walidator.com : front end to most common official validators Markup Validation Service : Markup Validation Service by W3.org CSS Validator : CSS Validation Service by W3.org CSSCheck : CSS validator at HTMLHelp Feed Atom and RSS Feed Validator : Atom and RSS Feed Validator at [...]
Sites with long, multiple tutorials on CSS. CSS Basics.com : Learn everything you ever wanted to know about the basics of CSS CSS Tutorials : at EchoEcho CSS Tutorials : Eric Meyer / Meyerweb CSS Tutorials : at Tizag CSS Tutorials : at Tutorialized CSS Tutorials : at W3 Schools CSS Tutorials : CSS guide, [...]
CSS techniques to overlay images on a webpage. Lightbox JS : Original; a simple, unobtrusive script used to overlay images on the current page. Greased Lightbox : Greasemonkey/Creammonkey/Opera user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, Facebook, MySpace, and deviantART. GreyBox : A pop-up [...]
CSS 2.1 has many new wonderful capabilities and cool tricks – automatic link icons. First, a look at the end result :- This is a normal link. This is an external link to Google. This is a link to a MS Word document. This is a .zip file. (don’t bother clicking the links though – [...]
