Верстка \ HTML&CSS

50 фрагментов CSS полезных каждому дизайнеру

От автора: так много новых направлений, усовершенствуется каждый год, что совсем нелегко поспевать за индустрией. Дизайнеры вебсайтов и разработчики пользовательских интерфейсов глубоко прониклись новейшими свойствами CSS3, устанавливая максимальную браузерную поддержку и находя необычные хаки. Но все еще существуют не получившие должного внимания великолепные фрагменты кода CSS2.

Продолжить чтение

Верстка \ HTML&CSS

Подсказка: Помните о стилях альтернативного текста

От автора: атрибут alt внутри тэга img обеспечивает альтернативный контент для пользователей, которые не могут скачивать изображения, или тех, у кого они отключены. Мы все время пользуемся этим атрибутом, чтобы сделать свой контент более доступным, но вы задумывались когда-нибудь, как на самом деле это смотрится?

Продолжить чтение

Верстка \ HTML&CSS

Примеры анимации и переходов псевдоэлементов

От автора: творческие эксперименты с применением анимации и переходов к псевдоэлементам для создания интересных эффектов.

Сегодня мы собираемся поэкспериментировать с анимацией и переходами применительно к псевдоэлементам (:before и :after) и раскрыть их потенциал. Мы немного поговорим об анимации псевдоэлементов и рассмотрим четыре примера, где применяются специальные техники достижения многих эффектов. Сначала давайте рассмотрим преимущества и недостатки применения к псевдоэлементам анимации и переходов.

Продолжить чтение

Премиум \ PHP \ Регулярные выражения

Регулярные выражения

От автора: регулярные выражения — это невероятно мощное средство для работы с текстами — для поиска по массиву текста и для обработки текста. При помощи шаблонов регулярных выражений можно найти в тексте буквально что-угодно. Именно благодаря мощи регулярных выражений, они включены во многие языки программирования — PERL, PHP, JavaScript, Python, Ruby и множество других. Поддержка регулярных выражений включена во множество редакторов — Notepad++, Sublime Text, AkelPad, всевозможные IDE.

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

Продолжить чтение

Верстка \ HTML&CSS

CSS: reset или normalize?

От автора: сайтостроение в Сети бывает похоже на строительство на зыбучих песках. Браузеры делают все то же, но время от времени у них получаются раздражающе непредсказуемые отличия. Например, у всех браузеров есть «таблицы стилей user agent» — набор стилей CSS по умолчанию, чтобы заголовок выглядел заголовком и т.д., еще до назначения вами стилей странице1. Конечно, в каждом браузерном движке наборы по умолчанию применяются немного разные.

Продолжить чтение

Верстка \ HTML&CSS

Красивое меню на CSS без JavaScript

От автора: меню — это элемент, который присутствует практически на каждом сайте. Красивое меню, безусловно, становится украшением сайта. В этом уроке мы с Вами создадим простое, но вместе с тем красивое меню. При этом мы не используем ни строчки JavaScript-кода.

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

Продолжить чтение

Верстка \ Адаптивная верстка

Адаптивное меню для экранов RETINA

От автора: адаптивное меню для Retina с поддержкой сенсорного ввода и тремя разметками для разных размеров браузера.

Сегодня мы создадим яркое адаптивное и подходящее к экранам Retina меню, вдохновленное цветовой палитрой Maliwan, производителя игры «Borderlands». Меню автоматически изменяется под одну из трех разных разметок в зависимости от размера окна браузера: встроенную версию «десктопа», оптимизированную под «таблетку» версию с двумя колонками и мобильную версию с ссылкой на меню для отображения и сокрытия навигации для маленьких экранов. Чтобы сделать меню полностью под retina, мы применим шрифты-иконки с тем, чтобы иконки меню при изменении размера не поддавались пикселизации.

Продолжить чтение

Премиум \ PHP \ Создание доски объявлений на PHP

Создание доски объявлений

От автора: посещая интернет страницы, думаю, Вы неоднократно сталкивались с сайтами, которые предлагают бесплатно или платно выкладывать Ваши объявления на определенный срок. Такие скрипты еще называют доской объявлений, и любой хороший разработчик должен уметь ее создавать. Поэтому с этого урока мы с Вами начинаем создание для сайта скрипта – доска объявлений. Данный скрипт достаточно объемный, поэтому на его создание потребуется несколько уроков.

В сегодняшнем уроке мы определимся с функционалом будущего скрипта, создадим базу данных и реализуем основную логическую структуру веб-приложения.

По результатам урока мы с Вами начнем создавать скрипт доска объявлений, а именно, создадим и наполним данными базу данных, определимся с шаблоном будущего скрипта и разделим его на отдельные составляющие. Рассмотрим схему работы логики всего скрипта и механизма отображения динамических блоков, создадим конфигурационный файл для хранения основных настроек и реализуем единственную точку входа на сайт доски объявлений. Ну и, конечно же, выведем на экран шаблон главной страницы.

Продолжить чтение

Верстка \ HTML&CSS

Применение CSS attr и content для создания подсказки

От автора: оказывается, я влюблен в content и attr CSS; я недавно писал о том, как можно в общем применять эти свойство и выражение, как выполнить в CSS счетчики и воспользоваться ими для локализации. Я хотел бы поделиться с вами несколькими методами применения выражения attr и свойства content для назначения стилей всплывающим подсказкам — тултипам.

Продолжить чтение

Web-программирование \ PHP

Файл htaccess

От автора: думаю, практически каждый веб-мастер в своей работе сталкивался с файлом htaccess — файлом дополнительной конфигурации веб-сервера Apache. Рано или поздно возникает задача, которую проще решить посредством именно данного файла, а иногда и вовсе невозможно решить без его использования. Файл htaccess — это чрезвычайно полезный инструмент, который, однозначно, должен присутствовать в арсенале веб-мастера.

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

Продолжить чтение