Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Рубрика «css» - 126
Дайджест интересных новостей и материалов из мира айти и веб-разработки за последнюю неделю №56 (4 — 10 мая 2013)
2013-05-10 в 18:51, admin, рубрики: css, css3, Google, Google Glass, html, html5, iForum, jquery, JS, mozilla, timelapse, WebRTC, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, css3, Google, Google Glass, html, html5, iForum, jquery, mozilla, timelapse, WebRTC, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми.png "Дайджест интересных новостей и материалов из мира айти и веб разработки за последнюю неделю №56 (4 — 10 мая 2013)")
Дайджест интересных новостей и материалов из мира айти и веб-разработки за последнюю неделю №55 (27 — 5 мая 2013)
2013-05-05 в 20:07, admin, рубрики: Bootstrap, css, css3, Foundation, Git, Google, Google Glass, html, html5, iForum, jquery, JS, WebP, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, нло, Новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти и веб разработки за последнюю неделю №55 (27 — 5 мая 2013)")
Стилизованные чекбоксы и радиобаттоны: label в 2+ строки или мои 5 копеек
2013-05-05 в 19:43, admin, рубрики: checkbox, css, html, radiobutton, метки: checkbox, css, html, radiobutton 
Буду предельно краток: ниже я хочу предложить решение проблемы, описанной мною в комментарии, так и оставленным без ответа в отличном посте юзера grokru по мотивам этой статьи.
Если лень кликать по ссылкам, вкратце опишу суть: при стилизации посредством обращения к label'у, стоящему после чекбокса и наличием нескольких строк текста в нём, мы видим ситуацию, показанную на изображении выше.
Кастомизация скроллбаров в браузере: компромисс между технологиями html, css, js и удобством использования
2013-04-29 в 8:39, admin, рубрики: css, html, javascript, usability, Веб-разработка, скроллинг, юзабилити, метки: css, html, javascript, скроллинг, юзабилитиПриветствую всех!
Статья посвещена решению проблемы кастомизации скроллбаров браузера ради воплощения в жизнь амбициозных идей дизайнера. Статья расчитана на тех, кто свободно ориентируется в технологиях html, css, js, т.к. предлагаемое решение основано на их компромиссном использовании.
В статье будут описаны и решены следующие задачи и цели:
- минимум JavaScript вычислений при прокрутке и изменении размеров элемента
- кроссбраузерность и работа на мобильных браузерах
- простота использования, кастомизации и внедрения
- учитывание поведения элементов при прокрутке с помощью выделения контента
- обновление параметров скроллбаров при обновлении, изменении или догрузке контента
- обход стандартного поведения содержимого браузера при изменении ширины его окна
Функции в css 3 и немного о возможностях для резиновых сайтов
2013-04-29 в 7:23, admin, рубрики: css, css 3, html-верстка, Песочница, метки: css 3, html-верстка 
Доброе время суток. Я хочу рассказать вам о тенденции появления функций в css 3 и о том, как это можно и даже порой нужно использовать в проектах.
Чтобы не тратить ваше время я распишу свойства, о которых я хотел бы вам рассказать:
- функция counter
- функция calc
- функция attr
- функция toggle
- единица измерения — rem
- единица измерения — vw
- единица измерения — vh
Небольшая хитрость всем известного футера
2013-04-28 в 13:51, admin, рубрики: css, html, jquery, верстка, метки: css, html, jquery, верстка Здравствуй хабр!
Рассмотрим старый, известный рецепт прижатия футера к низу страницы минусовыми отступами, это удобно, просто и главное — красиво.
Хочу предложить несколько нестандартную трактовку старого рецепта, с небольшим включением jQuery, просто еще один взгляд на привычные вещи, прошу заинтересовавшимся под кат.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)
2013-04-26 в 19:38, admin, рубрики: css, css3, html, html5, jquery, JS, Samsung, автомобили, Блог компании Zfort Group, браузеры, букмарклеты, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, хакеры, метки: css, css3, html, html5, jquery, Samsung, автомобили, браузеры, букмарклеты, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми, хакерыПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)")
Новая CSS директива @supports
2013-04-25 в 19:35, admin, рубрики: css, css.supports, feature detection, flexbox, javascript Проверка на поддержку конкретных технологий браузером с помощью JavaScript по праву считается наилучшей практикой при клиент-сайд разработке (Часто используют другой способ, заключающийся в проверке из какого браузера пользователь просматривает страницу — Прим. пер.), но, к сожалению, такую проверку нельзя было сделать с использованием только лишь CSS. Firefox, Chrome и Opera недавно объявили о поддержке CSS директивы @supports и CSS.supports (JavaScript), которые помогут разработчикам определять справится ли браузер пользователя с CSS свойством или нет. Давайте посмотрим на них в деле!
Читать полностью »
Онлайн редактор для Boostrap — LayoutIt
2013-04-24 в 3:43, admin, рубрики: Bootstrap, css, веб-дизайн, Веб-разработка, дизайн, интерфейс, юзабилити, метки: bootstrap, css, дизайн, интерфейс, юзабилити Twitter Bootstrap становится всё популярнее и популярнее, многие используют его в своих проектах, думаю еще больше людей используют для прототипирования интерфейсов. Я не исключение. И вот сегодня утром наткнулся на интересный сервис — LayoutIt. По сути LayoutIt — это онлайн редактор для создания интерфейсов с использованием Boostrap. Редактор представляет собой Drag & Drop интерфейс.
Читать полностью »
Редактирование своей статьи на Хабре через выделение цитаты в HabrAjax; поддержка Iceweasel
2013-04-21 в 13:33, admin, рубрики: css, Firefox 3.6, greasemonkey, HabrAjax, javascript, ZenComment, метки: Firefox 3.6, HabrAjax, ZenCommentВ скрипте HabrAjax (113.2013.04.20) добавлено удобное редактирование исправлений в собственных статьях. Достаточно просто выделить уникальный участок текста и среди контекстных кнопок выбрать кнопку <E>. В фрейме половинной высоты откроется поле ввода с выделением именно на том месте, которое было выделено.
Аудитория пользователей HabrAjax и направленность статьи
Среднее число пользователей скрипта — 40-60 человек. Поэтому, если статью прочитает 3000 человек, то практический интерес она может иметь только для 1.5% читателей. Пусть, ещё 10% будут иметь желание попробовать скрипт. Но не более. Потому что скриптами вообще пользуются немного людей. Остальным — достаточно узнать, что функции, сделанные для удобства пользования, имеются в том или ином скрипте.
Читать полностью »