Главная » Архивы

Статьи в категории CSS

CSS »

[29 Июл 2011 | 1 комментарий | просмотров 1 864]

У сайта Five Simple Steps простой интуитивный дизайн с интересной особенностью: если сузить окно браузера, верхнее правое меню из обычного горизонтального превращается в выпадающее.

Когда вы просматриваете сайт на небольшом экране (например, на iPhone, как на скриншоте) и кликаете по выпадающему меню, вы видите интерфейс, в котором пункты набраны крупным шрифтом и их удобно выбирать. Вот бы здорово это смотрелось и на сайте фирмы, изготавливающей пластиковые окна.

Конечно, в таком выпадающем меню легче выбрать, куда перейти, чем в обычном меню с рядом крошечных ссылок, хоть это и два клика вместо одного (кстати, …

CSS »

[14 Июл 2011 | комментариев 5 | просмотров 3 489]

Есть у меня на блоге старая статейка о том, как сделать красивую кнопку с помощью CSS. Но современные возможности CSS3 позволяют оформить кнопку в разы симпатичнее :) Поэтому в этой статье речь пойдет о дизайне кнопки с помощью CSS3.

CSS »

[1 Июл 2011 | комментариев 4 | просмотров 6 162]

Сегодня CSS3 – самое модное слово в среде современных веб-дизайнеров и разработчиков всего мира. Благодаря инновационным возможностям CSS3 оказало существенное воздействие на сообщество веб-дизайнеров, сделав их жизнь проще и веселее. В этой статье я хочу осветить такую замечательную функцию CSS3, как псевдокласс :target. Поиграв и поэкспериментировав некоторое время с псевдоклассом :target, я разработал отлично выглядящее выпадающее меню на чистом CSS. Оно полностью создано с помощью CSS и HTML без использования изображений или javascript, а значит, оно может быть легко настроено любым, кто владеет основами CSS/HTML. Прежде чем начать разговор о том, как создать подобное меню, давайте взглянем на полностью функциональный образец

CSS »

[25 Июн 2011 | комментариев 4 | просмотров 3 216]

Британский дизайнер сайтов Paul Underwood, автор блога www.paulund.co.uk, решил поделиться набором разработанных им CSS стилей для оформления блоков с уведомлениями.

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

CSS, SEO, Веб-разработка, Дизайн »

[27 Апр 2011 | комментариев 9 | просмотров 2 473]

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

Теперь можно работать в уединении до первых морозов, т.е. полгода можно дышать свежим воздухом )
Из планов по обустройству: повесить шторку (в полдень солнышко жарит), поставить монитор и клаву и, только что подумал, освещение какое-то замутить.
Из грандиозных планов – …

CSS, SEO, Веб-разработка, Дизайн »

[26 Апр 2011 | 0 комментариев | просмотров 1 614]

На конец-то CSS сделал шаг вперед и теперь, для браузеров, поддерживающих CSS Transformations, стали возможными повороты элементов до 360 градусов. Давайте посмотрим на реализацию и примеры. Пример Mozilla CSS -moz-transform:rotate(120deg); Свойство CSS с приставкой -moz говорит о том, что оно работает только в браузерах Mozilla. Вы можете крутить элемент на любое количество градусов. Также, вы [...]
Похожие статьи:

Рекламный щит на CSS3
Создание вращающихся лучей с помощью CSS3 анимации и JavaScript
Маска контента под углом на CSS

CSS, SEO, Веб-разработка, Дизайн »

[25 Апр 2011 | комментариев 3 | просмотров 1 604]

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