Думаю любому современному дизайнеру или верстальщику рано или поздно в голову приходила мысль «А почему бы на этом проекте не использовать принципы отзывчевого веб-дизайна?». Пожалуй, сложно найти человека, который не слышал о responsive design в наше время, когда сёрфить веб могут с телефона, микроволновки и тапочек. Приступая к работе над подобным проектом, неплохо было бы иметь под рукой примеры возможного поведения лейаута и его отдельных элементов.
Читать полностью »
Рубрика «html» - 146
Коллекция паттернов поведения для элементов отзывчивого веб-дизайна
2012-09-12 в 10:41, admin, рубрики: css, html, javascript, media queries, mobile design, responsive design, responsive web design, Веб-разработка, Дизайн в IT, Мобильный веб, Отзывчивый веб-дизайн, метки: css, html, javascript, media queries, mobile design, responsive design, responsive web design, Отзывчивый веб-дизайнО практических применениях свойства float
2012-09-12 в 9:39, admin, рубрики: css, float, html, Веб-разработка, верстка, метки: css, float, html, верстка 
Каждый хороший верстальщик скажет, что только безукоризненное знание собственной работы способно принести позитивные результаты. Собственные наблюдения привели меня к выводу, что не только начинающие верстальщики не совсем понимают сути применения свойства float. На Хабре просмотрел имеющиеся публикации на данную тематику. Появилось желание поделиться некоторыми замечаниями и практическими применениями данного свойства. Приведенные ниже разъяснения в большинстве своем могут стать полезными для начинающего верстальщика.
Читать полностью »
Facebook признал что разработка мобильных приложение на HTML5 была ошибкой
2012-09-12 в 9:27, admin, рубрики: Facebook, html, html5, mobile development, метки: Facebook, html5, mobile development Буду краток господа, так как хочу лишь донести до вас на мой взгляд достаточно интересное событие: Facebook отказывается от разработки мобильных приложений и на html5 и переходит на нативную разработку под каждую платформу.
Читать полностью »
Facebook признал, что разработка мобильных приложение на HTML5 была ошибкой
2012-09-12 в 9:27, admin, рубрики: Facebook, html, html5, mobile development, метки: Facebook, html5, mobile development Буду краток, господа, так как хочу лишь донести до вас на мой взгляд достаточно интересное событие: Facebook отказывается от разработки мобильных приложений на HTML 5 и переходит на нативную разработку под каждую платформу.
Читать полностью »
Facebook признал, что разработка мобильных приложений на HTML5 была ошибкой
2012-09-12 в 9:27, admin, рубрики: Facebook, html, html5, mobile development, метки: Facebook, html5, mobile development Буду краток, господа, так как хочу лишь донести до вас на мой взгляд достаточно интересное событие: Facebook отказывается от разработки мобильных приложений на HTML 5 и переходит на нативную разработку под каждую платформу.
Марк Цукерберг в свой речи признался, что стратегия разработки HTML 5 приложений не оправдала себя. Он признал, что использование HTML 5 было самой большой ошибкой компании, а итогом стало лишь потерянное время. Как он выразился, «We just were never able to get the quality of it we wanted...» — «мы так и не смогли добиться от приложений такого качества, которое хотели бы». Он не говорит, что HTML 5 — это плохо. Это лишь констатация факта, что в конкретной ситуации данная технология не смогла решать поставленные задачи на должном уровне.
Заинтересовавшиеся могут ознакомиться с более полным текстом тут (Текст на английском)
CSS слайдер
2012-09-11 в 7:58, admin, рубрики: html, html-верстка, html5, Веб-разработка, метки: html-верстка, html5С развитием CSS3, возможности верстки растут экспоненциально. Всё больше функционала можно реализовать на «чистом» CSS. В этом посте показан процесс разработки интерактивного циклического слайдера без единой строчки JavaScript. Автоматическая ротация, выбор любого слайда с плавным переходом – на «чистом» CSS. Ссылка на демо есть в конце статьи.
jQuery plugin для форм с динамической структурой
2012-09-08 в 17:30, admin, рубрики: forms, GUI, html, javascript, jquery, метки: forms, gui, html, javascript, jqueryХочу поделиться с обществом собственным плагином, который упрощает работу с динамическими формами и называется jqDynaForm. Под динамическими формами я подразумеваю формы, в которые при заполнении пользователь может добавлять по необходимости дополнительные поля или блоки полей. Разумеется, в каждом месте разрешено добавлять только заранее разрешенные виды блоков. Вот примеры подобных простейших форм:
1. Контактная форма, в которой есть поле «телефон». Пользователь может добавить еще несколько дополнительных полей для телефонов, если возникнет желание.
2. Счет на оплату. Есть фиксированный набор полей, таких как «имя плательщика» и «номер счета». Кроме того, есть таблица с позициями. Каждая позиция состоит следующих полей: «наименование», «количество», «цена». Пользователь может добавлять произвольное количество дополнительных позиций.
Давайте рассмотрим работу с jqDynaForm на примере такого счета. Вот пример такой формы:
DoJo — JavaScript нового поколения
2012-09-06 в 20:09, admin, рубрики: ajax, dojo, html, javascript, метки: ajax, dojo, javascript 
Заглянем на новую и очень мощную библиотеку такая как Dojo. Сначало определение. Dojo — свободная модульная библиотека на JavaScript. Это подобие движка jQuery, только теперь работающий на много быстрей. На данный момент разработчики выпустили новую версию — 1.8.0
Читать полностью »
Кроссбраузерный placeholder + fix для Chrome
2012-09-05 в 11:30, admin, рубрики: chrome, html, jquery, placeholder, webkit, метки: chrome, jquery, placeholder, webkitПредыстория:
Начался сегодня день не очень удачно… Начальство начало совокуплять мозг по поводу нестандартного поведения браузера Chrome относительно атрибута placeholder (не исчезание подсказки при появлении фокуса на элементе)
Сайтов много, желания что-то переделывать мало.
В результате данной совокупности факторов появился доработанный плагин для jQuery — powerful-placeholder, который добавляет поддержку placeholder старым браузерам + в Chrome при появлении фокуса на элементе скрывает placeholder.
Плагин: github.com/evgentus/powerful-placeholder
Использование:
Читать полностью »HTML и CSS исходя из потребностей
2012-09-03 в 12:32, admin, рубрики: css, html, Веб-разработка, идеи, метки: css, html, идеиКогда продолжительное время занимаешься в какой-либо сфере, особенно связанной с разработкой, приходится постоянно выполнять одни и те же действия (дальше всё в контексте веб-верстки): сделать овальную кнопку, реализовать управление элементами и т.д. И большинство из этого удается реализовать, смешивая технологии или при помощи всякого рода «костылей».
В таких ситуациях у каждого припасены свои собственные методы работы. Одни начинают использовать Фреймворки, у вторых в наличие собственные «заготовки», используемые раз за разом. Но, думаю, рано или поздно каждый задумывался о том, что было бы неплохо, иметь нативные инструменты для решения подобных задач. Вот в этот момент обычно и появляется вопрос «А как бы сделал я?», и если дать волю фантазии (в разумных пределах), то можно получить весьма неплохие задумки. Перед вами сейчас, собственно, они и есть.