Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

The craigslist team isn't interested in updating the site, so Wired asked leading designers to give it a user-interface lift.

UI Modeling Company — профессиональная команда в области проектирования пользовательских интерфейсов и юзабилити-консалтинга. Мы работаем над интернет-проектами — создаем и улучшаем веб-сервисы и порталы, веб-приложения.

Основная функция веб-сайта – это передача информации. Лучшему восприятию сведений способствует графическое оформление и удобное упорядочивание материала. Хороший веб-дизайн – это не просто удачное сочетание цветов и грамотно подобранные картинки. Это способ наглядного представления информации. Это удобная навигация, приятное и простое в работе меню, это доступность популярных разделов и быстрый поиск остальной информации.

Within the Books on Web Site User Science section you'll find books on accessibility, creating accessible Web sites, information architecture, and usability, creating user-friendly, user-centered sites.

ColorSchemer Studio OSX brings the power of ColorSchemer Studio to your Mac!

Tori's eye is a Twitter visualization tool, inspired by papercraft and origami. It's a visual and technical experiment implemented using only standard XHTML/CSS and Javascript.

Совместный проект Британского Совета в России, Института развития информационного общества и проекта "Российский портал развития" (грант # CG 012 программы infoDev Всемирного Банка).

Недавно нашел интересный метод обесцветить, т.е. сделать черно-белым любой элемент на веб странице, будь то изображение, таблица, форма или что-либо еще.

Казалось бы, зачем это может понадобиться? Однако у меня сразу же появилась мысль о том, где такая возможность пригодиться. Довольно часто в моей практике встречались дизайны, в которых существовали элементы управления (различные кнопки, иконки) в двух видах - цветной, обозначающий что элемент активен, и серый, обозначающий что элемент не активен и нажимать на него не имеет смысла. Раньше я использовал два разных изображения - одно цветное, одно черно-белое, и если элемент деактивировался, то я подставлял нецветную картинку. Недостаток такого метода в том, что браузер должен подгружать дополнительную картинку, и хуже всего, что этих картинок может быть довольно много…

Веб-типограф — инструмент, целью которого является графическое оформление печатного текста и его корректировка с использованием норм, правил и специфики русского языка. Это способствует улучшению восприятия текстовой информации на сайте и самодисциплины его владельца. Наличие веб-типографа проводит параллель между хорошими и плохими парнями, дает повод для гордости и внутренней гармонии.

With 16 languages and 19 countries, the Fake Name Generator is the most advanced name generator on the internet. Generate names, addresses, social security numbers, credit card numbers, occupations, UPS tracking numbers, and more absolutely free.

There’s a simpler workaround: Create a character style with an ‘underline’ (I don’t know how this option actually is called in English, but I hope you get the point), adjust its stroke width (full line-height or what you want), and its position (shift it upwards). Additionally, you then can assign a shortcut for this character style, and there you go.

Find and identify Unicode symbols

As I write this I am running Leopard again, and this time everything seems to work properly. I say again, because after running into too many problems after my initial install I thanked myself for taking the time to make a bootable clone of my hard drive before installing.

Flux 2 is The Escapers most important release ever. With a radically redesigned user interface, Flux 2 has the power to be your only web design tool.

Embedding video or audio streaming into websites and blogs is getting quite common these days. Video posts are used to give blogs a more personal touch and many tutorials are also provided as video recordings instead of long complex step by step. No doubt media on websites and blogs is here to stay and we need the best tools we can get to provide a good and professional experience to our visitors or readers. In this article you will find a list of the most popular free and commercial solutions.

typeface.jsiseasy...
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough at least to render the the graphic text on this site. Here's what it takes to get going: load the typeface.js library and some typeface.js fonts, then proceed like normal.

Samples and files

10+ promising jQuery Lightbox-Clones Plugins

Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.