Верстка \ HTML&CSS

Создайте анимированный 3D Sidebar

От автора: Кристиан Хайлманн (Christian Heilmann) из Mozilla – это ярый миссионер, который умеет и сказать, и подтвердить свои слова. В своем блоге и великолепном Mozilla Hacks он часто создает отличные демо-примеры . Одна из моих любимых штучек от Кристиана – это не демо, а используемый у него в блоге эффект 3D боковой колонки. Я решил препарировать ее, чтобы показать вам, как он это делает!

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

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

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

От автора: в этом уроке мы начнем постигать азы такой непростой темы, как регулярные выражения. Знакомство с любым языком начинается с изучения синтаксиса данного языка. Именно поэтому мы начнем этот урок с изучения синтаксиса шаблонов регулярных выражений.

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

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

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

Кэширование данных

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

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

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

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

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

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

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

Хочу заметить, что систему регистрации и авторизации пользователей, мы с нуля создавать не будем, для этого мы воспользуемся уже готовым решением, разработанным в предыдущих уроках, которые ранее публиковались на нашем сайте, вот эти уроки:

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

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

Верстка \ HTML&CSS

Плагин Google Translate

От автора: бывает, что тематика Вашего сайта предполагает мультиязычную аудиторию, и Вам, конечно же, не хотелось бы терять пользователей, которые не поймут (хотя бы приблизительно) о чем идет речь в той или иной статье. Как же быть в этом случае?

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

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

Верстка \ 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.

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

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