Group items tagged

an online CSS authoring tool that has many layout templates, background image maker, and other features. Requires Javascript. (Safari, Firefox, Internet Explorer; free; in Japanese)

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.

Cody Lindley is a front-end/JavaScript developer and recovering Flash developer. He has an extensive background working professionally (20+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design or front-end application architecture. When not sitting in front of a computer, it's a sure bet he is hanging out with his wife & three boys in Meridian, Idaho. In his spare time Cody is working towards being a 'One Dollar Apologist' and enjoys defending ...

Windows 8 is very different from its previous versions. It has colorful as well as smooth modern interface to entertain Ultra books and other touch-screen devices. By customizing the Windows 8 Start-screen, you can have easy access to favorite apps. This Techvedic tutorial is all about customizing Windows 8 Start Screen.

Patternify is a simple CSS pattern generator. Its graphical web-based interface lets you draw the pattern you want, and then it generates the CSS code for you. Instead of having to launch your graphics editor and creating a 2px by 2px image, you can just build your pattern online using this. And with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to rock.

A Nimble button uses just one PNG image (for transparancy). After that you set a background-color and your colored button is finished!

Did you like my previous CSS tutorial on how to create gradient text effects? I'm using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra tag and apply a background image to create the overlaying effect. It is very easy and flexible - see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).

Trick to show how to decorate your images and photo galleries without editing the source images.

Free Voting - surveys for 100 people! Make your own surveys for your community
¡Votaciones gratis, encuestas para 100 personas!  Arma tus propios sondeos para tu comunidad

tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layouts in different browsers. You can either highlight tags directly or type in a tag, id or class name to highlight the matching element(s).

Web tool to find color matches: use=3, abuse=6
Herramienta web para hallar combinatoria de colores: usar=3, abusar=6

All you need to know to build your own website!

Web designers: try your pages here and see screenshots of every sort of browser
Disenyadores web: probar paginas aqui y ver como se ve en cada tipo de navegador

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

Bookmarklet with a guide to use it to change any site's view
Bookmarklet con guia para usarlo y cambiar el aspecto de cualquier sede