Эта статья является продолжением предыдущей и второй из общей серии биографий. На этот раз я рассмотрел несколько фамилий, которые более известны среди любителей JS.
Рубрика «веб-дизайн» - 141
Звезды мирового фронтенда 2. JS Lovers
2012-03-30 в 22:02, admin, рубрики: IT-Биографии, биографии, веб-дизайн, Веб-разработка, личности, фронтенд, метки: биографии, личности, фронтендНесколько примеров применения Responsive Web Design, или Ваш сайт может и должен быть резиновым
2012-03-29 в 12:33, admin, рубрики: css, css3, html5, responsive web design, адаптивный дизайн, веб-дизайн, Веб-разработка, метки: css3, html5, responsive web design, адаптивный дизайнДоброго времени суток!
Несколько дней назад, гуляя по интернету, я наткнулся на достаточно интересную подборку сайтов, которые следуют, если можно так сказать, практике под названием Responsive Web Design. В двух словах, эта практика подуразумевает создание «резинового» сайта, который будет тянуться в зависимости от размера окна вашего браузера, или же экрана вашего мобильного телефона. Итак, встречайте наших сегодняшних героев!
Читать полностью »
Современный дизайн веб-сайтов под грифом «Обновленная классика»
2012-03-28 в 5:46, admin, рубрики: css, веб-дизайн, интернет, метки: веб-дизайн, интернетЗа последние 10 лет, плавно перекачивая с места на место в интернете и анализируя ход развития веб-дизайна, я пришел к выводу, что интернет, испытав на себе красочность бессмысленных сверкающих эффектов, остался таким же, каким был далекие 10 лет назад. Правда, он оставил в себе несколько незначительных изменений, которые порой дизайнеры укладывают в оформление своих проектов:
- свободное пространство среди объектов верстки;
- приятная цветовая гамма для элементов оформления;
- эффекты теней и блеска благодаря CSS3;
- тенденции собственного оформления элементов зоны тега ;
внедрение пиксельных иконок в управляющие элементыЧитать полностью »
Звезды мирового фронтенда
2012-03-27 в 22:06, admin, рубрики: IT-Биографии, web-разработка, биографии, веб-дизайн, Веб-разработка, личности, фронтенд, метки: web-разработка, биографии, личности, фронтендВ любой профессии есть тонкая прослойка людей, которые являются действительно высококлассными специалистами. Не исключение и область фронт-енд разработки — здесь также есть выдающиеся личности. К их мнению прислушиваются, за ними следят в блогах и социальных сетях и читают их книги. В процессе своей работы они рождают различные оригинальные решения или техники, которые мгновенно расходятся по миру веб-разработки и остаются актуальными не один год. Они создают удобные онлайн-сервисы для верстки, пишут полезные js-библиотеки, совершенствуют браузеры, пропагандируют веб-стандарты и оказывают непосредственное влияние на их развитие. Они могут называть себя front end engineer, front-end developer, web developer, web designer, UI Designer, browser compatibility expert или просто css lover, но для большинства из нас они — звезды мирового фронт-енда, которые делают интернет таким, каким мы его знаем. На Хабре довольно часто появляются обзоры интересных решений, техник и новостей из мира веб-разработки с указанием западных авторов, однако далеко не все знают что-нибудь о них кроме имени. Мне захотелось вкратце рассказать для широкой публики о некоторых из этих товарищей.
Форма входа и регистрации с помощью HTML5 и CSS3
2012-03-27 в 18:05, admin, рубрики: css, css3, html, html5, веб-дизайн
Здравствуй, дорогой хабрадруг! В этом туториале мы научимся создавать две формы HTML5: форма входа и форма регистрации. Эти формы будут меняться друг с другом местами с помощью псевдо-класса CSS3 :target. Мы будем использовать CSS3 и шрифт с иконками. Идея этого демо в том, чтобы показать пользователю форму входа и предоставить ему ссылку “перехода” к форме регистрации.
В этом туториале я подробно расскажу о том, как создавать эффект как в Демо 1.
Читать полностью »
Почему я ненавижу AJAX-автоподгрузку и люблю ссылки с номерами страниц
2012-03-27 в 8:05, admin, рубрики: ajax, автоподгрузка, веб-дизайн, индексация, интерфейсы, Юзабилити в IT, метки: ajax, автоподгрузка, индексация, интерфейсы Я не луддит. Я понимаю, что AJAX даёт возможность более быстро просмотреть большее количество контента экономя трафик и время. Но у автоподгрузки с моей точки зрения есть ряд существенных недостатков. Читать полностью »
Почему я не люблю AJAX-автоподгрузку и предпочитаю ссылки с номерами страниц
2012-03-27 в 8:05, admin, рубрики: ajax, автоподгрузка, веб-дизайн, индексация, интерфейсы, Юзабилити в IT, метки: ajax, автоподгрузка, индексация, интерфейсы Я не луддит. Я понимаю, что AJAX даёт возможность более быстро просмотреть большее количество контента экономя трафик и время. Но у автоподгрузки с моей точки зрения есть ряд существенных недостатков. Читать полностью »
CSS3 градиент для границ блока
2012-03-26 в 19:59, admin, рубрики: css, css3, linear-gradient, веб-дизайн, метки: css3, linear-gradient
В этой статье я покажу один из вариантов создания градиента для границ у любого блока с помощью CSS3.
Читать полностью »
Введение в CSS3 Grid Layout. Работаем с сетками
2012-03-26 в 10:45, admin, рубрики: css, css3, internet explorer 10, Windows 8, Блог компании Microsoft, веб-дизайн, верстка, метки: css3, internet explorer 10, Windows 8, версткаВведение
Модуль CSS3 Grid Layout — это один из самых интересных, на мой взгляд, модулей в семействе CSS3. Официальная история модуля в виде черновика спецификации насчитывает сегодня чуть менее года. О предварительном анонсе еще с названием CSS Grid Alignment на TPAC 2010 Владимир Юнев писал еще в декабре 2010. Надо также отметить, что с чуть другим названием и несколько отличным синтаксимом, но с той же сутью, он был заявлен в качестве WD еще в 2007г. Сегодня работы по доводке модуля идут полным ходом, предварительная реализация уже есть в Internet Explorer 10 и есть надежда, что поддержка новых возможностей также появится в будущих версиях других популярных браузеров.
Зачем нужен Grid Layout?
Задача, которую решает модель CSS3 Grid Layout очень проста и понятна любому веб-верстальщику (да и не только ему): предоставить удобный механизм расположения контента по виртуальной сетке.
В отличие от старых табличных подходов, основанных на использовании table, здесь не замусоривается семантика документа и представление четко отделено от содержания. В отличие от различных вариаций блочной верстки со становящимися при сколь-нибудь сложной структуре безумными и многоэтажными float'ами в сочетании с вручную просчитанными отступами, здесь описание стилей становится тривиально простым и прозрачным. В отличии от абсолютного позиционирования с привязкой к координатам, здесь сохраняется гибкость. В отличие от популярных сегодня css/js — библиотек для разметки по сетке путем указания соответствующих классов (взять хоть те же bootstrap или yui css grids), здесь не замусоривается привязка классов.
Сплошное удовольствие! Осталось только дождаться широкой поддерки :) Впрочем, если вы планируете делать приложения в стиле Metro для Windows 8 на html/js, ключевые возможности, описываемые в модуле CSS3 Grid Layout, уже работают — и можно двигаться вперед, используя удобные и практичные механизмы.
Читать полностью »
Креативные сайты с нестандартными элементами
2012-03-25 в 22:05, admin, рубрики: css3, веб-дизайн, параллакс, сайты, тренды, метки: css3, веб-дизайн, параллакс, сайты, трендыПоследнее время все чаще можно встретить сайты с необычным дизайном и функциональностью, увидев которые, можно залипнуть на некоторое время. Увидев такие, у меня рука непроизвольно тянется к f12, чтобы открыть firebug и посмотреть, как же реализован тот или иной компонент. Таким образом можно открыть для себя интересные техники и в будущем реализовать их на своих проектах. Некоторые из них стали доступны с приходом новых технологий, например таких, как CSS 3 — то, что раньше было реализовано на флеше, теперь можно воплотить с помощью строк кода в таблице стилей. Дизайнеры тоже не теряют времени, создавая новые тренды и все плотнее взаимодействуя с верстальщиками. В этой статье я хотел бы показать 15 сайтов, которые так или иначе удивили и порадовали меня. Возможно, кого-то они вдохновят на собственный шедевр