background preloader

CSS

Facebook Twitter

How Browsers Work: Behind the Scenes of Modern Web Browsers. Веб-браузеры, пожалуй, являются самыми распространенными приложениями.

How Browsers Work: Behind the Scenes of Modern Web Browsers

В этом учебнике я объясняю, как они работают. Мы подробно рассмотрим, что происходит с момента, когда вы набираете в адресной строке google.ru, до появления страницы Google на экране. Какие браузеры мы рассмотрим На сегодняшний день существует пять основных браузеров: Internet Explorer, Firefox, Safari, Chrome и Opera. Хабрацентр им. ilya42. Подборка инструментов для эффективной frontend разработки. В эту прекрасную пятницу осмелюсь предложить хабрасообществую небольшую подборку приложений, предназначенных для увеличения продуктивности во время работы с фронтэндом.

Подборка инструментов для эффективной frontend разработки

Если ваш любимый апп здесь не представлен — добро пожаловать в комментарии! Form Builder Этот прекрасный генератор форм поможет вам в создании красивейших CSS логин-боксов и прочих input вещей, при минимальных временных затратах. Помимо форм на сайте этого проекта можно создавать и другие не менее красивые CSS элементы, в том числе кнопки и ленты. Bootstrap Generator Для любителей Twitter Bootstrap был создан этот генератор, благодаря которому вы сможете легко изменять начальные настройки стилей и приступить к прототипированию. Генератор переключателей On/Off Переключатели и тумблеры на чистом CSS. Colllor Colllor генерирует гармонирующую цветовую палитру на основе заданного цвета. Minify and GZip Компрессия для ваших CSS и JavaScript файлов без забот и проблем. cssUpdater CSSComb CSS load.net Ribbon Builder Typecast Fontello Stitches.

Заголовок модулей Joomla. Как оказалось многих начинающих верстальщиков под joomla интересует вопрос о том как вывести заголовок модуля на страницу сайта.

Заголовок модулей Joomla

Некоторые из них даже ссылаются на ошибку в работе движка поскольку пункт "Показывать заголовок" включен, а заголовок модуля не выводится. Так вот в данной статье покажу и расскажу как вывести заголовок модуля. Так вот у тегов шаблонизатора движка joomla которые отвечают за вывод модулей в определенную позицию может быть не 2 параметра (type, name) как многие привыкли, а 3 или даже 4. Третьим параметром как правило идет параметр style который и стилизует вывод модуля. К примеру для наглядности создадим позицию для вывода модуля, к примеру такую: Как видно в примере выше задан параметр style, но все равно заголовок не выводится. В этой папке создаем файл modules.php с содержанием следующего php кода: Вот после добавления в папку html файла с таким кодом заголовок начинает выводится. Вот вроде бы и все, но нет, остался еще один параметр (attribs). Responsive web design.

Краткое содержание: Приход адаптивных сайтов полностью изменил процесс разработки.

Responsive web design

Если раньше макеты дизайна сдавались как этап и уходили дальше по производственной цепочке, то для создания responsive сайта необходимо плотное взаимодействие дизайнера и front-end разработчика на большинстве этапов разработки. Процесс создания сайтов меняется. В основе иллюстрации слайд из презентации Fashionably flexible responsive web design. 1. Проектирование Участник: Проектировщик. Входные данные: Цели и задачи проекта. Об этапе: Создаются прототипы интерфейса для десктопа с пониманием, что сайт должен работать на небольших мобильных устройствах. Основное правило: «Независимо от того, насколько ваш интерфейс классный, чем его меньше, тем лучше», Алан Купер. Прототипы удобно создавать в Axure PR или Gomockingbird. Результат: Черновик интерфейса для десктопа с описанием, как его элементы будут вести себя на мобильных устройствах. Имитация именованных переменных в LESS (с примером в jsFiddle)

Объяснять, что такое LESS, я не буду.

Имитация именованных переменных в LESS (с примером в jsFiddle)

Но таки пару слов скажу. LESS — это динамический язык стилевой разметки, код на котором компилируется в стандартный CSS. LESS использует переменные*, операции и функции (нерасширяемый набор), а также миксины**, которые могут принимать параметры. Каскадные таблицы стилей второго уровня - Спецификация CSS2. Далее содержание свойства указатель Рекомендация W3C от 12 мая 1998 г.

Каскадные таблицы стилей второго уровня - Спецификация CSS2

Данная версия: Последняя версия: Предыдущая версия: Редакторы: Bert Bos <bbos@w3.org>Håkon Wium Lie <howcome@w3.org>Chris Lilley <chris@w3.org>Ian Jacobs <ij@w3.org> Аннотация В данной спецификации вводится понятие каскадных таблиц стилей второго уровня (CSS2). Язык CSS2 базируется на своем предшественнике CSS1 (см. Статус документа В результате рассмотрения членами консорциума W3C и рядом других заинтересованных организаций по решению директора консорциума этому документу был присвоен статус рекомендации W3C. Список рекомендаций, выработанных W3C на данный момент, и других технических документов можно найти по следующему адресу: Открытая дискуссия, касающаяся характеристик языка CSS, происходит по адресу www-style@w3.org. Имеющиеся форматы Спецификацию CSS2 можно получить в следующих форматах: [eng] - [rus] - текст: [eng] - [eng] - HTML в файле gzip: [eng] - [eng] - [rus] - ColorScheme.Ru — Инструмент для подбора цветов и генерации цветовых схем.

Sprite Cow - Generate CSS for sprite sheets.