Псевдоклассы в CSS

Ну кто из нас не знает, что такое псевдоселекторы (или псевдоклассы) в CSS? Да-да, это то, что обычно пишут после селектора через двоеточие. Самые известные псевдоклассы это :link, :hover, :visited и :active.

Такие конструкции в CSS, как правило, можно встретить в каждом файле стилей, но их использование ограничивается лишь описанием состояния ссылок и не более того.

В общем, тема псевдоселекторов еще не обсуждалась на нашем сайте, так что самое время приступить ;-)

Важен ли первый экран сайта

80% своего времени пользователи уделяют информации, находящейся в первом экране. Несмотря на то, что люди пользуются прокруткой, лишь 20% их времени посвящается тому, что находится ниже.

К прошлым переводам Нильсена я пару раз видел комментарии, что слишком много букв. Уже переведя треть этой статьи я понял, что я не обязан перводить каждое слово, изливая на вас потоки воды, а могу сделать краткую выжимку. Что ж, попробуем, что из этого выйдет. Сегодня у нас пересказ статьи Якоба Нильсена Scrolling and Attention, опубликованной у него на сайте 22 марта.

Уже после того, как я закончил перевод, Паша показал мне, что статья переведена на Хабре. Но работу я уже проделал, выкидывать жалко, да и интересно посмотреть, как скажется на читабельности материала мой эксперимент с выкидыванием воды. Кому хочется сравнить, вот хабровский вариант: http://habrahabr.ru/blogs/ui_design_and_usability/88692/

Продвижение статьями

Всем привет.

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

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

Подборка уроков по макетированию сайтов 2: акварель, гранж, бумага

Привет всем. Помните, как-то давно мы собрали с вами неплохую поборку уроков по макетированию сайтов в фотошопе? Так вот, случайно и ненавязчиво, аккурат под весну (у нас в Питере весна второй день) собралась вторая подборка — тематическая.

Всем, кому интересно, как рисовать разводы краски, загнутые и потрепанные уголки, складки, потертости и просто грязь, предназначены эти тринадцать тьюториалов. Приятного аппетита.

Пять простых шагов к разметке модульными сетками. Шаг 2

Продолжаем цикл Марка Болтона.

Оригинальная статья — «Five simple steps to designing grid systems — Part 2». В очередной раз убеждаюсь, что данный цикл скорее философский, чем практический. Но, несмотря на то, что мой замысел был прежде всего коснуться практики, я решил перевести цикл полностью. Ниже представлена вторая часть. Начиная отсюда, все «я» принадлежат Марку Болтону.

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

Цели и последовательность переходов в Google Analytics

Всем привет!

Как многие могли заметить, давно не появлялось статей от меня. Не буду объяснять с чем это связано, поэтому перейду сразу к тому, о чем поговорим сегодня.

Этой статьей мы стартанем серию переводов статей о статистике для сайтов от Google — Google Analytics.

Конкретно в этой статье речь пойдет о задании целей, смысле их использования, а также о последовательности конверсии в Google Analytics.

Фотошоп моей мечты

Вчера в очередной раз разгребал псдшку какого-то дизайнера. В псдшке стопятьсот слоев, ничего не подписано, элементы футера вперемешку с элементами сайдбаров. В общем, классический такой бардак. И пока я раскладывал элементы сайта по полочкам, мне пришло в голову несколько идей из разряда «а вот здорово, если бы Фотошоп умел...».

Оказывается, далеко не всегда для счастья нужен супернавороченный функционал типа грядущего деформационного инструмента warp tool. Иногда очень тоскуешь по гораздо более приземленным вещам.

Яндекс.Карты, статья №1: Элементы управления и параметры вызова

Привет,

Сегодня мы начнем знакомство с апи Яндекс.Карт. Судя по вашим комментариям, мои статьи по Google Maps оказались полезными, поэтому я решил написать еще и про Яндекс.Карты.

Для начала давайте разберемся, зачем могут понадобиться Яндекс.Карты, если вы можете использовать Google Maps. Пожалуй самый веский аргумент для использования карт от Яндекса — лучшая поддержка городов России и СНГ. Да, Гуглокарты охватывают больше городов по миру, но по России Яндекс все же лучше.

Итак, хватит лирических отступлений, переходим к делу. Сегодня мы научимся подключать карты и настраивать элементы управления. 

Иконки — ежемесячный выпуск №9 (иконки офисных документов)

Всем привет,

Продолжая добрую традицию ежемесячных тематичных выпусков иконок, в сегодняшнем выпуске у нас очередные полезные иконки — иконки документов.

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

В этом выпуске я собрал более-менее нейтральные по дизайну иконки, которые подойдут большинству сайтов.

Пять простых шагов к разметке модульными сетками. Шаг 1

Всем привет!

Продолжаем изучать модульные сетки. К сожалению, не получилось быстро перейти от введения к переводу. Данная статья — перевод первого шага из цикла Five simple steps to designing grid systems. Этот и последующий шаги: объяснение принципов построения модульной сетки. Первые два шага не имеют непосредственного отношения к веб-дизайну, скорее даже к печатной продукции, но в них раскрыт смысл сеток. Весь цикл может послужить вводом в тему. В дальнейшем я планирую перейти к более углубленным практическим статьям. Тема эта становится популярной в рунете, что очень радует.