Using this widget you can easily place an image in the sidebar. You can also specify a URL to link to when clicking on the image. It supports multiple instances, so you can use it multiple times in multiple sidebars.

As a web designer you might be already familiar with the PNG image format which offers a full-featured transparency. It’s a lossless, robust, very good replacement of the elder GIF image format. As a Photoshop (or any other image editor) user you might think that there is not that many options for PNG optimization, especially for truecolor PNG’s (PNG-24 in Photoshop), which doesn’t have any. Some of you may even think that this format is “unoptimizable”. Well, in this post we’ll try to debunk this myth.

CoffeeScript is a little language that compiles into JavaScript. Underneath all those awkward braces and semicolons, JavaScript has always had a gorgeous object model at its heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable.

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.

Compass is an open-source CSS Authoring Framework.

A Design & Interaction blog—our three hundred foot view. Primarily written by/for UX designers, visual designers, and front-end developers.

Much like we did with index.php, we’re going to get one master template done right and use it to build our other templates. Our master Template in this case is the Archive Template.

Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts.

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:
Kerning Type
Editorial Design
Manageable Code
Complete Control

Using the same conditional comments, we're just conditionally adding an extra class onto the html tag. This allows us to keep our browser-specific css in the same file, plus it totally validates and works in all browsers.

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder. Like this: http://placekitten.com/200/300

The mediafront platform is an open source (GPLv3) front end media solution for the web. Through its integration with popular content management systems, it employs an innovative and intuitive interface that allows any website administrator to completely customize the front end media experience for their users without writing any code!

В последнее время наметилась тенденция оформлять графику в виде шрифтов. Это действительно многое упрощает. Но есть затруднения чисто практического характера: а где, собственно, взять шрифт с теми символами, которые нужны именно вам? Чаще получается, что нужна пара иконок из одного шрифта, пара из другого, и т.п. А ещё у каждого дизайнера шрифта своё представление насчёт мапинга глифов. Подключать все — неудобно, и тяжеловесно.
Возникла идея соорудить инструмент, чтобы свой шрифт можно было составить простым движением мышки. Профит очевиден — шрифт минимального размера, именно под ваши конкретные нужды. Получился fontomas :)

Для того, чтобы получить первое представление о сайте, достаточно пятой доли секунды. Об этом говорится в сообщении об исследовании на сайте Научно-Технологического Университета Миссури.

Сейчас можно сделать 1 сайт с единственной версткой, который будет работать на устройствах, начиная с телефонов, заканчивая огромными телевизорами.

Type is the foundation of print and web design. Everything you need to know about thinking with type, you will find here. This richly detailed update to the classic text belongs on the shelf of every designer, writer, editor, publisher, and client.

We've created a WordPress Plugin to emulate the “Next Post” buttons you see once you scroll to the bottom of New York Times web articles.