Твит

Часто ли вы сталкивались с сайтами, у которых фоновый рисунок растянут на всю страницу? И не важно в каком разрешении вы просматриваете сайт – фон всегда занимает весь экран браузера и не смотриться растянутым. Я тоже задавался этим вопросом и нашел ответ в хорошей статье Криса Койера. Сегодня приведу вольный перевод, максимально близко к тексту. Будут рассмотрены четыре разных способа сделать фоновый рисунок на всю страницу. В конце статьи – ссылка на архив с демо страницами.

Твит

Что общего между свойством CSS @font-face и Google Web Fonts?
@font-face позволяет использовать свои шрифты (не веб-безопасные шрифты) при отображении сайта, Google дает нам инструмент для быстрого внедрения. Этот самый Google создал онлайн хранилище шрифтов, чтобы мы с вами могли их использовать в своих работах. Самое главное - все шрифты абсолютно бесплатны и на 100% легальны. К тому же хранилище шрифтов построено таким образом, что даже новички смогут воспользоваться им без проблем

Твит

Часто возникают вопросы связанные с созданием различного рода границ, с использованием свойства border. Чаще всего используются обычные границы, например, solid или dotted. Сегодня же мы разберем примеры, в которых создадим границы, которые будут выглядеть совсем иначе. Это будут границы с различными эффектами, такими как тени, вдавленность, границы со скосом. Давайте приступим.

border css css3 border-radius border-shadow

Твит

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

Любой сайт на WordPress имеет стандартную логин форму, которая многим уже успела надоесть.

Этот пост будет полезен в первую очередь тем, кто хочет полностью изменить логин форму WordPress.

Твит

Сегодня хочу продолжить тему построения геометрических фигур с помощью CSS и CSS3. Фигуры сегодня будут еще более сложные, нежели в предыдущей статье Геометрические фигуры с помощью CSS и CSS3. Вот перечень фигур: ромб, яйцо, pac man, рамка цитаты, 12-ти конечная звезда, 8-ми конечная звезда. Итак, приступим.

Фигуры на CSS Фигуры на CSS Фигуры на CSS Фигуры на CSS Фигуры на CSS Фигуры на CSS Фигуры на CSS

Твит

Google Chrome становится популярнее день за днем, так как он превосходно подходит веб дизайнерам и веб разработчикам. Я уже рассказывал о полезных плагинах для Google Chrome. Сегодня я бы хотел заострить внимание на плагинах, которые ориентированы на работу со стилями CSS и позволяют редактировать их на ходу.

плагины для Google Chrome плагины для Google Chrome плагины для Google Chrome плагины для Google Chrome

Твит

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

Твит

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

text texttext texttext texttext texttext texttext texttext texttext texttext texttext text

Твит

На сайте http://hicksdesign.co.uk/ впервые был применен эффект, который мы сегодня будем создавать. Суть эффекта такова: по краям окна браузера создается граница вокруг всего сайта, которая при прокрутке страницы не исчезает, а контент находиться внутри границы. В этой статье мы рассмотрим несколько разных техник создания такого эффекта.


texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

Твит

Я думаю, что многие согласятся с утверждением, что дизайн продуктов Microsoft частенько радует глаз. К примеру, мини-бар, который мы увидели с выходом в свет MS Office 2007. По сути он повторяет часть функций одной из панелей быстрого доступа. Главным его плюсом является возможность изменять стиль выделенного текста «на лету». Мини-бар обычно появляется рядом с курсором мыши, что позволяет пользователю быстро применить нужные действия к выделенному тексту. Примерно такой же мини-бар мы попробуем создать сегодня для сайта. Вариантов его применения масса. Один из них комментарии – позвольте пользователям применять стандартные тэги для оформления своих комментариев.

Твит

Как мы все знаем, Internet Explorer это тот браузер, который доставляет веб разработчикам массу неудобств. Возможно это происходит потому, что Microsoft на данный момент имеет 3 совершенно разные версии браузера. Возможно потому, что ранние версии не стнадартизованы. Возможно потому, что IE6 не обновлялся несколько лет. Какова бы не была причина, IE с нами и нам нужно что-то с этим делать.

В каждой версии IE мы сталкиваемся с проблемами с CSS и javascript.