Это заметка о подходе к реализации автоматизации механизма psd to html.Читать полностью »
Рубрика «css» - 129
Автоматизация вёрстки
2013-03-26 в 12:41, admin, рубрики: css, html, psd, Веб-разработка, верстка, идея, Песочница, метки: css, html, psd, верстка, идеяAccordion меню на чистом CSS
2013-03-25 в 8:25, admin, рубрики: css, html, Веб-разработка, метки: css, html Доброго времени суток уважаемые читатели. На сегодняшний день большинство техник создания меню-гармошки включают в себя использование псевдо-класса :target. Проблема использования :target заключается в невозможности закрыть какой либо блок в нашем меню, работать будет только «рыскрытие» гармошки.
Пример 1: раскрывающийся список (checkbox)
Пример 2: схлопывающийся список (radio)
Поэтому хочется показать Вам пример реализации Accordion меню на чистом CSS с помощью псевдо-класса :checked. С помощью этого метода у Вас появиться возможность контролировать открытие/закрытие блоков. Меню будет двух типов: полностью раскрывающееся и отображение одного блока при схлопывании других. Использовать будет checkbox и radio соответственно.
Почтовые клиенты и вебморды. Что теперь?
2013-03-19 в 7:35, admin, рубрики: css, gmail, hotmail, html, Lotus Notes, mail.ru, thunderbird, Yahoo! Mail (Classic), почта, электронная коммерция, метки: gmail, hotmail, Lotus Notes, mail.ru, thunderbird, почта, Яндекс.Почта 
Автор изображения Louie Mantia
Приветствую!
В последнее время все больше времени уделяю разработке новых методик для верстки писем, которые облегчат жизнь верстальщику, и не исключено, что в скором времени вас ждет новый свежий материал по теме. Меня интересует соотношение использования вебморд и почтовых клиентов на сей день. Выборка, разумеется, не так точна как хотелось бы. Но все же хабр показывает интересные результаты. С прошедшего опроса прошло полтора года. Вероятно картина изменилась. Бесспорно гмыло будет лидировать, но как я уже говорил раньше, суть опроса — выявление не победителя, а соотношения. Прошу голосовать. В камментах не прочь обсудить фичи тех или иных клиентов и вебморд, которые появились за последнее время. От себя скажу, что было очень приятно обнаружить поддержку фоновых изображений в яндекс почте и почте mail.ru. При всем этом гуглоиды были первыми в этом вопросе, анонсировав эту поддержку 1 февраля прошлого года. Второй опрос ищет долю мобильных платформ на рынке почты.
Если по какой либо причине ваш любимый почтовик не попал в опрос, то, увы, он скорее всего не так интересен для моих исследований.Читать полностью »
Небольшая предыстория: 8 марта я разместил на своем блоге вот такой букет цветов. В течение недели уже несколько человек поинтересовались его реализацией — и до сегодняшнего дня отвечал достаточно кратко — с помощью border-radius, inear-gradient и transform.
Но если кому-то это было интересно, то почему бы не написать развернутый мануал?
Одним из требований было минимальное количество обьектов на один цветок — это позволит использовать любое количество цветов с незначительными изменениями кода. У меня получилось всего 5 обьектов, включая стебель и лист, но вы, если захотите, можете рисовать более сложные цветы.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №48 (9 — 15 марта 2013)
2013-03-15 в 22:33, admin, рубрики: css, css3, galaxy s4, google reader, html, html5, jquery, JS, адаптивный дизайн, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, оптимизация, ресурсы, ссылки, ссылки на сми, юзабилити, метки: css, css3, galaxy s4, google reader, html, html5, jquery, адаптивный дизайн, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, оптимизация, ресурсы, ссылки, ссылки на сми, юзабилитиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №48 (9 — 15 марта 2013)")
Online-трансляция HTML5 Camp — 15 марта с 10:00
2013-03-14 в 12:06, admin, рубрики: css, html, javascript, Windows 8, Блог компании Microsoft, метки: css, html, javascript, Windows 8Друзья, рады напомнить (а кому-то сообщить), что завтра с 10:00 (мск) вас будет ждать online-трансляция третьего HTML5 Camp.
В рамках конференции у нас будет три трека:
- Бизнес-дискуссии + технологические сессии
- Технологические сессии по веб-разработке
- Технологические сессии по разработке для Windows 8 на HTML/JS.
Времена меняются для веб-разработчиков — 6 советов чтобы выжить
2013-03-14 в 11:04, admin, рубрики: css, css-фреймворк, css3, html, html5, http, javascript, javascript library, jquery, node.js, responsive design, rest, Twitter Bootstrap, метки: css-фреймворк, css3, html5, http, javascript, javascript library, jquery, node.js, responsive design, rest, Twitter Bootstrap 
Контекст данного поста об изменениях для веб-разработчиков, я вижу многих разработчиков которые «застряли», особенно в .NET.
Если вы еще не начали совершенствоваться в Вашем искусстве и адаптироваться к изменяющимся трендам, вы должны начать это делать сегодня.
Подумайте о разработке веб-приложений должным образом. Используйте здравый смысл чтобы смешивать и сочетать основываясь на данных советах.
А теперь 6 советов для веб-разработчиков, чтобы оставаться на пике того что вы делаете.
Читать полностью »
Drupal + Omega + Bootstrap: быстрое создание полностью кастомных тем оформления без верстки (Часть 1. Omega)
2013-03-11 в 8:11, admin, рубрики: Bootstrap, css, drupal, html, веб-дизайн, метки: bootstrap, css, drupal, htmlDrupal 7 на сегодняшний день развился настолько, что позволяет создавать темы оформления для сайтов любой сложности, практически не прибегая к HTML-верстке. Процесс создания таких тем напоминает использование конструктора, вся основная работа по переносу эскиза макета в жизнь заключается только в задании необходимых стилей в CSS. Дополнительных ограничений при этом никаких не возникает, можно создавать темы любой сложности, причем полностью настраиваемые; и разве что натыкаешься на ограничения самой платформы (Drupal) или выбранного фреймворка (Bootstrap).
Мой опыт разработки под Drupal более 7 лет, начинал в 2005 году с Drupal 4.6, с тех пор использую и восхищаюсь тем, как он развивается и становится лучше и удобнее от версии к версии. В этой статье я поделюсь своим опытом создания и использования сабжевой связки. Подразумевается, что вы знакомы с Drupal, умеете устанавливать модули и создавать темы оформления, но по каким-то причинам еще не используете фреймворк Omega для разработки своих тем. Первая часть статьи представляет собой простую инструкцию о том, как создать и настроить субтему на базе Omega. Также надеюсь, что идея этой статьи будет интересна пользователям альтернативных платформ, и немного прорекламирует мощь, простоту и гибкость Drupal в этом вопросе.
Читать полностью »
Frontender Magazine: давайте поговорим о фронтенде
2013-03-11 в 2:49, admin, рубрики: css, css3, frontend-разработка, html, html-верстка, html5, JS, журнал, журналы online, фронт-энд, фронтенд, фронтэнд, я пиарюсь, метки: css, css3, frontend-разработка, html, html-верстка, html5, журнал, журналы online, фронт-энд, фронтенд, фронтэнд Перед вами — русскоязычный журнал посвященный фронтенду и публикующий новые материалы два раза в неделю. Интересно?
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №47 (2 — 8 марта 2013)
2013-03-08 в 20:23, admin, рубрики: CeBIT, css, css3, html, html5, ie10, jquery, JS, opera, безопасность, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: CeBIT, css, css3, html, html5, ie10, jquery, opera, безопасность, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №47 (2 — 8 марта 2013)")