Внимание, верстальщики! Тема этой статьи достаточно сухая и, возможно, кому-то будет совсем не интересна. Хочу обратиться к тем, кто планирует серьезно заняться версткой и нацелен на конечный результат – удовлетворить запросы заказчика и оставить хорошее впечатление о себе. Если вы не хотите выяснять отношения с заказчиком во время выполнения проекта, если в ваши планы не входит переделывать одну и ту же работу по несколько раз, если вы хотите иметь постоянных заказчиков, тогда не поленитесь прочитать эту статью. Возьмите себе за привычку писать техническое задание (ТЗ). И вы увидите, что работать станет намного приятнее!Читать полностью »
Рубрика «html» - 120
Зачем разрабатывать техническое задание?
2013-04-18 в 13:43, admin, рубрики: css, html, Веб-разработка, метки: htmlДайджест интересных новостей и материалов из мира айти за последнюю неделю №52 (6 — 12 апреля 2013)
2013-04-12 в 19:47, admin, рубрики: Blink, css, css3, github, Google Glass, html, html5, jquery, JS, parallax, Yandex, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, препроцессоры, ресурсы, ссылки, ссылки на сми, метки: Blink, css, css3, github, Google Glass, html, html5, jquery, parallax, Yandex, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, препроцессоры, ресурсы, ссылки, ссылки на сми Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Кстати, сегодня исполняется ровно год с момента поста нашего первого дайджеста на Хабре. Вам спасибо, что до сих пор нас читате, нам спасибо, что все еще продолжаем это дело :)
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №52 (6 — 12 апреля 2013)")
Гиперпространство на JavaScript
2013-04-12 в 8:57, admin, рубрики: canvas, html, javascript, LibCanvas, день космонавтики, сайт, эффекты, метки: javascript, LibCanvas, день космонавтики, сайт, эффектыХабровчане! С днем космонавтики!
В одном проекте, приуроченном к сегодняшнему празднику дизайнерами была поставлена задача создать имитацию гиперпространства. Немного поразмыслив решил что правильнее будет использовать Canvas элемент — для SVG достаточно много элементов, да и поддержка среди браузеров не такая хорошая, для видео слишком большой фон, а значит слишком большой размер файла и долгая загрузка. Canvas, к слову, тоже не идеальный вариант — он сильно нагружает процессор и забирает относительно много оперативной памяти. Но все же…
Twitter Bootstrap 3: неофициальный первый взгляд
2013-04-12 в 8:49, admin, рубрики: html, javascript, open source, Twitter Bootstrap, метки: Twitter Bootstrap 
Всем привет!
Судя по пулл-запросу, команда Twitter Bootstrap уже достаточно близка к завершению.
Но, к моему сожалению, их сайт-превью сейчас не работает.
А так как после списка изменений ну очень уж захотелось посмотреть, что они там наваяли, я форкнул их репозиторий, собрал документацию вручную и выложил у себя.
Наслаждайтесь: rnikitin.github.io/bootstrap/
Список изменений приводить не буду, он очень большой, посмотритеЧитать полностью »
Организация хостинга зашифрованного видеоконтента с помощью HTML5
2013-04-09 в 20:24, admin, рубрики: html, html5, javascript, w3c, Веб-разработка, видео, шифрование, метки: html5, javascript, w3c, видео, шифрование Не так давно на хабре обсуждалась новая инициатива от W3С — Encrypted Media Extensions или просто EME. Попробуем же разобраться на практике, что нового и интересного нам предлагают.
Читать полностью »
ASP.NET MVC Урок 7. Bootstrap, jQuery, Ajax
2013-04-09 в 18:54, admin, рубрики: .net, ASP, asp.net mvc, Bootstrap, css, html, javascript, jquery, метки: .net, asp.net mvc, bootstrap, c++, css, html, javascript, jqueryЦель урока: Определить правила работы с html, js и css файлами. Bootstrap и дополнительный css. Структура js-файлов. Использование jQuery, основные моменты, изучение селекторов, событий и др. addClass, removeClass, attr, data, динамическое создание dom-объекта, ajax.
Наконец мы приступаем к более детальному изучению клиентской части, которая уже в меньшей степени связана с asp.net mvc, но всё равно важна для веб-разработки.
Должен ли дизайнер уметь верстать свои макеты?
2013-04-09 в 17:35, admin, рубрики: html, веб-дизайн, Веб-разработка, верстка, обучение, метки: веб-дизайн, верстка, обучение 
Решил осваивать вёрстку / кодинг с нуля. Конечно с HTML и CSS я достаточно знаком, всегда мог подправить какие-то мелочи, внести небольшие изменения ну естественно как дизайнер имел полное представление о процессе вёрстки. Но на этом и всё заканчивалось. Сесть и начать писать код, именно писать, а не редактировать для меня было не под силу, да и сейчас я только учусь.
Кроссворд из регулярных выражений: интерактивная версия
2013-04-09 в 9:36, admin, рубрики: css3 transform, html, javascript, кроссворд, ненормальное программирование, Регулярные выражения, метки: css3 transform, html, javascript, кроссворд, регулярные выражения Вдохновлённый недавним постом и комментарием к нему, решил сделать аналогичную интерактивную версию.
Есть навигация с клавиатуры, подсветка активных строк, а также индикация соответствия строки регулярному выражению. Для удобства подсказки выделенной ячейки поворачиваются горизонтально.
Разметка – чистый HTML+CSS3.
Почти работает в последних версиях популярных браузеров. В IE9 глючит навигация мышкой, в FF и Opera наблюдаются проблемы с производительностью. И только Chrome – 100% OK.
Буду благодарен за советы по оптимизации.
Ссылка – вот. Детали реализации – под катом.
Читать полностью »
Прощай, Zen Coding. Привет, Emmet!
2013-04-07 в 20:15, admin, рубрики: css, emmet, html, zen coding, Веб-разработка, плагин 
Еще в 2009 году, 
Сергей Чикуёнок опубликовал статью, в которой представил новый способ написания HTML и CSS кода. Этот революционный плагин, назывался Zen Coding, он помогал многим разработчикам на протяжении многих лет и в настоящее время вышлел на новый уровень.
Emmet, ранее известный как Zen Coding, является самым производительным и экономным во времени плагином для текстового редактора. Простые сокращения мгновенно расширяются в сложные фрагменты кода, Emmet превратит вас в более продуктивного разработчика.
Для тех, кто предпочитает смотреть, а не читать, вот видео любимых трюков автора.
Читать полностью »
Стильный CSS переключатель без JavaScript
2013-04-06 в 15:08, admin, рубрики: button, css, html, метки: button, css, html Здесь я покажу, как сделать переключатель на основе input-а на чистом CSS.
