Твит

Вы, наверное, были на сайтах подобных JSBin. На нем можно написать HTML, CSS или javascript коды и потом увидеть результат на соседней панеле. Это может быть очень удобно для быстрой проверки кода. Сегодня я покажу вам, как можно реализовать подобный функционал свомим руками за 10 минут. Для ввода кода у нас будет два поля: HTML и CSS
Выводиться код будет в iframe окне. При создании iframe в нем создается html объект...

Твит

История CSS начинается в 1994 году, когда Хокон Виум Ли предложил концепцию каскадных таблиц стилей для HTML документов. В то, теперь уже далекое время, когда браузеры были достаточно ограничены в функционале, вопросы новичков «Как изменить цвет и размер шрифта?» были первыми и основными. Язык HTML, созданный в 1990 Тимом Бернерсом-Ли предполагал все же структурное описание документа, а не визуальное.
В начале 90-х браузеры имели свои собственные таблицы стилей, HTML тоже кое-что мог предложить в плане визуального оформления. Поэтому CSS не получил должного развития.

Твит

Когда-то давно, полутоновое изображение должно было быть вручную преобразовано, чтобы быть выведенным на экран в сети. Теперь с CANVAS HTML5, изображениями можно управлять шкалой полутонов, не имея необходимости использовать программное обеспечение для редактирования изображений. Я соединил демонстрационный пример, чтобы показать Вам, как использовать HTML5 & jQuery, чтобы динамически клонировать цветные изображения в шкалу полутонов.

Твит

Думаю, нет ни одного сайта, где не использовалось бы свойство CSS background. Казалось бы, что может быть проще этого свойства? Но нет, его возможности гораздо шире обычного назначения картинки или цвета в качестве фона страницы. Что-то будет знакомым, а что-то наверняка для многих станет новинкой. В любом случае — досконально знать, как работает background будет полезно. CSS3 привнес немало нового в свойство, это и прозрачность, и назначение нескольких изображений в качестве фона, но об этом мы поговорим ниже, а для начала рассмотрим основы свойства background.

Твит

Я недавно столкнулся с задачей, в которой надо было создать двухколоночный макет страницы с "шапкой" и "подвалом", причём в коде страницы контент должен был быть расположен перед блоком боковой колонки. Я решил воспользоваться возможностью продемонстрировать малоизвестный приём CSS-вёрстки: отрицательные поля (negative margins). Отрицательные поля позволяют нам сместить область контента за границы окна браузера, освободив место для боковой колонки.

Твит

Сегодня поговорим о псевдоклассах CSS. Они не являются физическими объектами, а носят скорее виртуальный характер. Но, тем не менее, это очень мощное средство, которое, в тоже время, применяется очень просто. В этой части обсудим спецификацию CSS 2.1, а конкретнее - :first-letter, :first-line, :before и :after. Причем, на двух последних остановимся подробнее — очень уж интересные вещи можно сделать, используя эти два псевдоэлемента.

Твит

Проводя техническое тестирование одного из клиентских сайтов с помощью PageSpeed — увидел одно из рекомендуемых изменений, которое многие, даже именитые разработчики, частенько упускают из вида. Оптимизация CSS файла — не такое уж и критическое изменение, но может здорово помочь при прохождении валидации и даст прирост скорости, пусть даже небольшой. Для нагруженных проектов даже незначительный прирост это уже здорово.

Твит

Типографика – это то, с чем любят играться многие дизайнеры и веб-разработчики. С появлением свойства text-shadow в CSS3 с его помощью стали заменять эффект наложения тени в Photoshop. При чем тень в Photoshop использовалась по большей части для выделения определенного текста из общей массы. Свойство text-shadow позволяет нам делать более интересные вещи с текстом, а именно создавать определенные эффекты. Сегодня мы добавим к этой коллекции еще несколько готовых эффектов, которые вы можете легко внедрить в свои проекты.

Твит

Сегодня речь пойдет о казалось бы банальном – о меню в WordPress. Со времен второй версии осталось множество сайтов, где вебмастера используют старый вывод меню – вывод страниц в меню. С выходом WordPress 3.0 появилась возможность использовать пользовательские меню. Именно о них сегодня и пойдет речь, а так же о настройке и стилизации этих меню.
Как добавить поддержку меню в ваше тему WordPress?
Как вывести меню в WordPress?
Кастомизация (стилизация) пользовательского меню в WordPress
Индивидуальный класс CSS для каждого пункта меню

Твит

В этой статье расскажу вам об интересном трюке. Мы создадим иконку для документа с помощью чистого CSS3. Так же плюсом данного метода будет являться то, что мы будем использовать всего один HTML элемент. Вот порядок наших действий: мы создадим прямоугольник, закруглим углы, используем псевдо-элементы для создания загнутого уголка, создадим видимость текста с помощью градиента на CSS3.

Создаем красивую иконку с помощью CSS3

Твит

Добрый день, сегодня хочу представить вам урок по созданию простых подсказок на CSS3 которые очень красиво будут смотреться на сайте и при этом нести огромную помощь, помогая пользователям понять смыл термина или слова.

При оформлении бокса с подсказками используются основные свойства CSS3: градиенты, закруглённые углы, тени. Можно конечно обойтись без них, но будет не так красиво смотреться. Все подробности на страницах блога.