WebCodeBlog.ru Голосов: 0 Адрес блога: http://webcodeblog.ru Добавлен: 2013-06-07 14:37:40

Портируем web-приложение в Firefox OS приложение за 5 минут

2013-05-06 19:13:02 (читать в оригинале)

Шаг 1: Манифест приложения Файл manifrst.webapp — это возможно единственный нужный шаг для того что бы превратить ваш веб-сайт в приложение для Firefox OS. Этот файл нужно поместить в корень вашего веб-приложения: И дописать эту строчку в .htaccess Шаг 2: Offline кэш Невежественная пресса иногда смеется над Firefox OS, поскольку они считают, что приложение должно [...]

---

Делаем модное плоское меню на CSS

2013-04-08 16:33:40 (читать в оригинале)

Тенденция плоского дизайна очень популярна, сегодня мы попытаемся сделать горизонтальное меню в этом стиле, будем использовать яркие цвета и простые иконки. Вот что получится в итоге: Демо Иконки нам любезно предоставили IconsPedia, а шрифт Roboto Condensed возьмем из Googel Web Fonts. При наведении на пункт меню, текстовая метка будет появляться справа от навигации, с цветом фона пункта [...]

---

CSS @support

2013-04-06 21:09:13 (читать в оригинале)

Обнаружение доступности определенных свойств с помощью Javascript является всем известной практикой. Но совсем недавно в браузеры Firefox, Chrome и Opera была введена поддержка директивы @support в CSS и CSS.support в Javascript для обнаружения поддержки браузера CSS свойств. Давайте посмотрим как это работает! @support в CSS Директива @support используется также как @media запросы: @support позволяет разработчикам проверить [...]

---

Создание эллиптической тени без использования изображений

2013-04-03 14:43:06 (читать в оригинале)

Сегодня посмотрим как можно создать эллиптическую тень для элемента без использования изображений, с минимальной разметкой и нескольких строк CSS кода. Техника Для создание такой тени мы будем использовать псевдо-элемент :after со скругленными углами, тем самым получая эллипс, а затем применим к нему тень Код HTML CSS В коде не используются префиксы, так что вам нужно [...]

---

Кнопка с градиентом в качестве границы

2013-04-01 11:08:50 (читать в оригинале)

Привет всем. Сегодня будем делать кнопку с градиентной границей. Как вы наверно знаете, в CSS, даже 3 версии, нет стандартного средства, чтобы задать цвет границе в виде линейного градиента. Вот что я имею в виду: На изображении видно, что у кнопки граница имеет градиентный цвет. Так как же сделать такой эффект на чистом CSS? Трюк [...]