Pull to refresh
14
0
Send message

Плавающая контентная область сайта.

Reading time5 min
Views2.2K
Приветствую Хабр.
По мотивам cайта, сделанного сами знаете кем :)
В свое время увидел, такой эффект – слева сайта находятся ссылки, при клике на которые контентная область сайта плавно перемещается к указанному идентификатору. Эффект запомнился — решил повторить.
Для реализации плавного перемещения взял JQuery.

Читать дальше →
Total votes 125: ↑108 and ↓17+91
Comments78

Сброс стилей с помощью CSS Reset

Reading time6 min
Views345K
Данная статья — первая из цикла на тему укрощения CSS. Сегодня мы рассмотрим технологию CSS Reset.

Зачем это нужно?


Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.

Например, вы используете элемент a в вашем документе. Большинство браузеров, как Internet Explorer и Firefox, добавляют ссылке синий цвет и подчёркивание. Однако представьте, что через пять лет кто-то решил создать новый браузер (назовём его UltraBrowser). Разработчикам браузера не нравился синий цвет и раздражало подчёркивание, поэтому они решили выделять ссылки красным цветом и полужирным шрифтом. Именно исходя из этого, если вы установите базовое значение стилей для элемента a, то он гарантированно будет таким, каким вы хотите его видеть, а не как предпочитают его отображать разработчики UltraBrowser.

Читать дальше →
Total votes 100: ↑85 and ↓15+70
Comments102

Главные стартапы 2008 года

Reading time8 min
Views1.6K
Краткий обзор главных стартапов Рунета за 2008 год (именно те, кто стартовал в этом году). Все сайты разделены на 2 группы: в первой находятся «тяжеловесы» — большие сервисы, порталы, социальные сети, в которые вкладывали зачастую немалые бюджеты; вторая группа – «одуванчики» — небольшие проекты, реализованные силами энтузиастов или небольшими компаниями.

«Тяжеловесы»:

moskva.ruMoskva.ru
Социальная сеть. Есть все, что необходимо иметь прогрессивной социальной сети, от групп до загрузки видео. Стартовала совсем недавно – 1 июля.
Перспективы: Может стать социальной сетью №3 после Одноклассников и Вконтакте. Проектом занимаются очень серьезно. Об этом говорят как домен (куплен, видимо, не за одну сотню тысяч долларов), список сервисов уже к моменту старта, сильная команда разработчиков.
Думаю, можно смело предположить, что за Москвой стоит какой-то серьезный инвестор. При должной рекламной политике сайт может стать социальной сетью №3 в России. С другой стороны, хотя разработчики и говорят, что Москва.Ру проект не только для жителей столицы, но домен может оттолкнуть пользователей из регионов.

Читать дальше →
Total votes 214: ↑153 and ↓61+92
Comments269

PNG vs. Internet Explorer

Reading time1 min
Views5.5K

В двух словах

В догонку появившейся недавно статье о преодолении привередливого отношения браузера Internet Explorer 6-й версии по отношению к .png, опишу еще один рецепт.Речь идет о разработке TwinHelix под банальным названием IE PNG Fix.
Читать дальше →
Total votes 2: ↑2 and ↓0+2
Comments35

10 лучших вебсайтов по обучению Photoshop

Reading time1 min
Views56K
Вместо того, чтобы тратить впустую время, обыскивая сеть, в поисках хороших уроков по Photoshop, придерживайтесь этого списка.

PS Heroперейти


PSD tutsперейти


Tutorial 9перейти

Читать дальше →
Total votes 83: ↑73 and ↓10+63
Comments61

Применение Золотого сечения в Web

Reading time5 min
Views49K
К сожалению, в наше время перенасыщенное рекламой, у многих сложился стереотип, что дизайн – это просто симпатичная и яркая картинка.

Многие начинающие дизайнеры не задумываются, что прежде всего, дизайн должен быть эффективным, т.е. доносить до конечного пользователя конкретную цель.

Сделав сногсшибательную картинку, иногда видишь, что все-таки в ней что-то не так. И это отражается на потребителе, когда продажи товара просто не идут. В отличие от конкурента, у которого совершенно пустая белая картинка, с парой выражений (скажем с рекламным слоганом) и логотипом.

На тему эффективного дизайна можно привести несколько ссылок:

10 принципов эффективного веб-дизайна
Пять дизайнерских правил применяемых в Web

Это из того что вспомнилось. Рекомендуется почитать блог Дизайн пользовательских интерфейсов и юзабилити.

Это, скажем так преамбула, которую можно отнести к любому направлению дизайна. В этой статье мы поговорим о Web-дизайне и о применении Золотого Сечения и Правила Третей.

Одной из главных задач эффективного дизайна в Web – это ясность и интуитивность. А также концентрация внимания пользователя на нужных местах страницы. Как этого добиваются?

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

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

Читать дальше →
Total votes 116: ↑106 and ↓10+96
Comments57

Краткий справочник по Вордпресс

Reading time1 min
Views3.2K
Краткий справочник по Вордпресс

Перевод данного документа на русский язык включает в себя:

* Список основных файлов шаблона
* PHP теги шапки шаблона (header)
* PHP теги, используемые в шаблоне для формирования блога
* Дополнительную информацию.

Подробнее + скачать документ
Total votes 35: ↑32 and ↓3+29
Comments19

Оформление кликабельных картинок

Reading time1 min
Views7.4K
img

Очень практично оформлять кликабельные картинки, к примеру при наведении на картинку появится изображения говорящее о том что эта картинка кликабельна — как на картинке выше.
Читать дальше
Total votes 63: ↑57 and ↓6+51
Comments84

Information

Rating
Does not participate
Location
Москва и Московская обл., Россия
Registered
Activity