I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes

An omline magazine about IA, UX and prototyping for web

We visited this concept of re-sizeable background images before… but reader Doug Shults sent me in a link that uses a really awesome technique that I think is better than any of the previous techniques.
This technique and the above background image is credited to this site. Here is what this technique is going to accomplish:
Fills entire page with image, no white space; Scales image as needed; Retains image proportions; Image is centered on page; Does not cause scrollbars; Cross-browser compatible; Isn’t some fancy shenanigans like Flash.

Не существует самого лучшего браузера, самого лучшего текстового редактора, самой лучшей операционной системы… А самая лучшая кодировка существует. Это UTF‑8.

The Typotheque Web Font Service enables you to use custom fonts in your website using the @font-face rule in CSS. Just add a line of code to your page and get it working in minutes. Simple, fast and standard-compliant.

Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm not the first to think so: see the examples at the end of this article).

jQuery is a great library for this type of task but out of the box, it can't animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer). Grab the latest version (1.0.2 as of this writing) of the Background-Position plugin.

Adds a small color picker dialog when editing CSS rule in Firebug. The addon scans for values that can be parsed as CSS colors (#abc, rgb(1,2,3), blue, red etc.) and displays them in a drop-down list right below the firebug's CSS editor box. Clicking on the color value in the drop-down brings up a color picker dialog.

Graphic Design daily selection

Вашему вниманию предлагается импровизированное видео, смонтированное из слайдов и аудио-записи доклада «Веб-шрифты vs. Шрифты для веба», прозвучавшего 8 декабря на ВСТ-встрече в Москве в рамках WebHiTech Party.

Проект бесплатных шрифтов создан дизайнерами, которые нарисовали, а после разрешили распространять свои шрифты бесплатно. В данном проекте может принять участие каждый. Для этого достаточно нарисовать шрифт в любом векторном редакторе в едином масштабе, затем прислать этот файл мне.

Vertical centering with CSS isn’t an easy thing to do. There are many different ways that may not work in some browsers. Let’s review 5 different ways to vertically centering objects, as well as the pros and cons of each method. (You can see my test page briefly explaining all of them.)

Sei su Edit, il blog di HTML.it dedicato a web design, web development e sicurezza.

VPC Hard Disk Images for testing websites with different Internet Explorer versions on Windows XP and Windows Vista

Рынок интернет-СМИ России трудно назвать окончательно сформировавшимся. Вместе с тем большинство петербургских медиаменеджеров не находит пока сил и, главное, средств для создания качественных online-версий своих газет и журналов.

Питер Морвилль выкатил расширенную версию древней триады „Context-Content-Users“, на которой строилась почти вся ИА и инфопроектирование после выхода в 1998-м году первой книги „с белым медведем“ („Information Architecture For WWW“). Два года назад, выпустив вторую редакцию „IA For WWW“, Морвилль с Розенфельдом оставили эту концепцию баланса между целями бизнеса/клиента, пользователя/посетителя и разработчика/автора без изменений.

DURIS (Data URI [CSS] Sprites) — это новый современный способ подключения фоновых изображений на сайте. Предназначен для автоматизации процесса сборки и генерации CSS спрайтов на основе data:URI технологии. Создан для замены классического метода CSS Sprites, имеет более высокую эффективность и легкость модернизации спрайтов фоновых изображений.

Иногда возникает необходимость связать с HTML элементом дополнительные данные, с которыми потом будет работать JavaScript. Простое и очевидное решение — добавить новый атрибут, но с ним не согласен валидатор. Как тут быть?
Решение очевидно, отправить старичка на пенсию и посмотреть в будущее. В HTML5 мы можем объявить любой атрибут с тем лишь условием, что его имя должно начинаться на data-.

Почему Сафари 4 отображает в шрифте Georgia кириллицу шрифтом Times? -
Отключил дубликаты шрифта, и всё заработало. А откуда они вообще взялись, как думаете? Может, все дубликаты шрифтов вообще стоит удалить? (Они там, кстати, когда включены, помечены точечкой справа от названия шрифта, не знаю, что это значит…)

I’ve noticed lately that some web designers don’t seem to be using color profiles correctly in Photoshop. If you’ve ever saved images for the web and discovered that they come out slightly lighter and more desaturated than what you saw when you worked on them, this guide is for you.

Konstruktors is a collection of CSS snippets for constructing grid based layouts, columns, basic typography and navigation elements.