10 лучших сайтов с адаптивной версткойВы наверняка слышали о необходимости оптимизировать сайты к мобильному трафику. Уже в ближайшее время пользователи будут выходить в Сеть с помощью смартфонов и планшетов чаще, чем с помощью лэптопов и десктопов. Вы также точно знаете об адаптивном дизайне, который входит в число способов оптимизации сайтов под мобильный трафик. Этот метод […]

Табличная верстка, блочная верстка сайта Различают два вида верстки сайта HTML — табличная верстка и блочная верстка. В каких случаях следует использовать ту версту, а в каких другую зависит от конкретного вебмастера и его стиля создания сайтов. В данном уроке рассматриваются оба эти варианта, делается сравнение и выявляются положительные и отрицательные стороны каждой верстки. Табличная верстка

Табличная верстка блочная верстка: Блочная вёрстка сайта или табличная? – Табличная верстка, блочная верстка сайтаRead More »

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

Шрифты для верстки – Автоматизированная корректировка отступов в верстке на основании типографических стилей и текстовых метрикRead More »

Фотошоп для верстальщика | Типичный верстальщик Данная статья посвящается всем тем, кто только-только взялся за изучение верстки макетов, и тем, кто пока плохо разбирается в Adobe Photoshop. Моя цель рассказать откуда брать данные из PSD-файлов и научить приёмам, которые будут полезны всем верстальщикам. Как вырезать и сохранять картинки? Простые картинки, которые состоят из геометрических фигур, лучше всего

Верстка картинка: Как сверстать веб-страницу. Часть 1 / Habr – Как верстать изображения с выносными названиями её элементов? — Хабр Q&ARead More »

Респонсивный Vs адаптивный дизайн: что лучше для пользователя? Современные веб-разработчики и маркетологи все чаще отдают предпочтение респонсивному дизайну (responsive design), позволяющему создать страницу, доступную для просмотра на любом устройстве. И хотя такой подход достаточно хорош с точки зрения Google, который «любит» респонсивные сайты — это далеко не единственный вариант, способный приспосабливаться под нужды пользователя.

Responsive верстка что это – Возможна ли адаптивная верстка под любое разрешение экрана? — Хабр Q&ARead More »

Фотошоп для верстальщика | Типичный верстальщик Данная статья посвящается всем тем, кто только-только взялся за изучение верстки макетов, и тем, кто пока плохо разбирается в Adobe Photoshop. Моя цель рассказать откуда брать данные из PSD-файлов и научить приёмам, которые будут полезны всем верстальщикам. Как вырезать и сохранять картинки? Простые картинки, которые состоят из геометрических фигур, лучше всего

Верстка картинка: Как сверстать веб-страницу. Часть 1 / Habr – Как верстать изображения с выносными названиями её элементов? — Хабр Q&ARead More »

Профессиональная верстка сайтов. HTML5 и CSS3 в Санкт-ПетербургеДлительность курса: 40 ак.ч.График обучения: 10 дней по 4 ак.ч. Курс посвящён изучению технологий верстки сайтов по современным стандартам с использованием профессиональных приемов и инструментов веб-разработки. Рассматриваются подходы в веб-разработке, облегчающие взаимодействие верстальщика, графического дизайнера, заказчика на различных этапах создания сайта – прототипировании, отрисовки графического интерфейса, верстки. В

Верстка профессиональная: Профессиональная верстка №1 по версии fl.ru – HTML верстальщик — Профессиональная верстка сайтов. Заказать верстку.Read More »

Адаптивная верстка Bootstrap: уроки и объяснения Приветствую вас на страницах блога start-luck. Удача начинается здесь. Если вы стремитесь как можно проще создать хороший грамотный сайт, но пока не совсем разбираетесь в программах, всех терминах и коде, то эта статья для вас. Адаптивная верстка Bootstrap – как это все взаимосвязано? Зачем нужен фреймворк, что это вообще

Bootstrap адаптивная верстка: Как сверстать веб-страницу. Часть 2 — Bootstrap / Habr – Адаптивная верстка Bootstrap: уроки и объясненияRead More »

Адаптивная верстка писем, всё о ней и не толькоАдаптивная верстка писем отличается от привычной веб-вёрстки из-за особенностей интерпретирования в различных веб-интерфейсах и почтовых клиентах.Давайте на примерах рассмотрим, как добиться хорошего отображения письма во всём разнообразии ISP и почтовых клиентов.Как выглядит общий шаблон адаптивного письма:<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»> <html> <head> <meta http-equiv=»Content-Type»

Верстка писем адаптивная – Как правильно верстать письма для рассылки (пример или шаблон)? — Хабр Q&ARead More »

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

Табличная верстка сайта – Урок 6. Табличный макет сайта | табличная верстка сайта табличный макет сайта уроки html и css | Уроки MODx EvoRead More »