HTML5: Факты и Мифы

HTML5: Факты и Мифы Вы никуда не денетесь - сейчас все говорят о HTML5. Наверно, это самая разрекламированная технология, после которой люди стали пихать закругленные углы и градиенты куда только можно. Фактически, многое из того, что люди называют HTML5, является старомодным DHTML или AJAX. Достоверная информация перемешана с выдумками, и, чтобы исправить положение, Реми Шарп (эксперт JavaScript) и Брюс Лоусон (евангелист Opera) рассмотрят некоторые мифы и отделят истину от распространенных заблуждений.

Начнём с фактов →

Полупрозрачные CSS спрайты

Полупрозрачные CSS спрайты Один из самых полезных методов вёрстки за последние годы - это незаметные на первый взгляд CSS спрайты. Этот метод стал известным благодаря Дэйву Шеа, который в 2004 году опубликовал статью под названием CSS Sprites: Image Slicing’s Kiss of Death. Техника работы со спрайтами очень проста, и, как только вы поймёте основы, вы сможете применять их где угодно. Обычно спрайты используют для графических меню, но они также подходят и для кнопок, и для стилизованных заголовков.

Узнать больше →

32 совета для ускорения MySQL запросов

32 совета для ускорения MySQL запросов Сегодня начинаю новую тему в блоге - MySQL. Начинаю её с перевода статьи 32 Tips To Speed Up Your MySQL Queries.

Если вам интересно, как создавать по-настоящему быстрые запросы к MySQL, эта статья для вас.

1. Используйте постоянное соединение с базой данных, чтобы избежать системных издержек.

2. Проверьте, чтобы на столбцах с высоким количеством уникальных элементов был PRIMARY KEY. Например, у столбца `gender` есть всего 2 варианта (male и female). Уникальный ID пользователя, напротив, содержит большое количество значений и подходит для того, чтобы стать первичным ключом.

Узнать ещё тридцать не менее интересных советов →

Скрипт для определения браузера пользователя на PHP

Скрипт для определения браузера пользователя на PHP Недавно для одного проекта мне потребовалось сделать определение браузера и его версии на PHP.
Безуспешно просмотрев десятки устаревших скриптов, я решила написать свой собственный.
Чем он лучше других? Тем, что может определять не только основные браузеры (Firefox, Chrome, IE, Opera, Safari), но и те, которые построены на ядре Trident (Maxthon, Avant Browser, MyIE2) и Gecko (Konqueror, K-Meleon,Flock), и даже старые версии Оперы, маскирующиеся под IE. Кроме того, скрипт находит и отображает версию браузера.

А теперь немного подробнее →

AutoComplete - расширяемый плагин автозаполнения на jQuery

AutoComplete - расширяемый плагин автозаполнения на jQuery Хотя и с большим опозданием (я обещала написать об этом плагине ещё 3 месяца назад), но я всё-таки пишу о простом, но довольно интересном плагине автозаполнения на jQuery.
Интересен он своей расширяемостью и тем, что при наличии прямых рук и небольшого знания jQuery и php из него можно сделать практически что угодно.

Узнать больше →

Stikr - плагин для создания всплывающих сообщений на jQuery

Stikr - плагин для создания всплывающих сообщений на jQuery Идея плагина совершенно проста – он выводит сообщения (или стикеры) в любом углу экрана. Это может быть как сообщение, которое будет висеть определённое количество секунд и после этого исчезнет, так и сообщение, которое будет скрыто только после того, как вы нажмёте кнопку закрытия.

Узнать больше →

CheckPass - проверка надёжности пароля на jQuery

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

Посмотреть, что из этого получилось →

Drag - лёгкий плагин для перетаскивания элементов

Drag - лёгкий плагин для перетаскивания элементов Сегодняшний плагин призван заменить плагин Draggable в тех проектах, где не требуется довольно тяжелый jQuery UI. Плагин с незамысловатым названием Drag весит всего 400 байт и может выполнять те же действия, что и его старший собрат.

Узнать подробнее →

Shifty - выбор элементов с помощью клавиш Ctrl и Shift

Shifty - выбор элементов с помощью клавиш Ctrl и Shift Часто бывает так, что в одной таблице надо выбрать большое количество хаотично разбросанных строк. А если ещё десяток выбираемых строк идёт друг за другом... В этом случае на помощь приходит Shifty - небольшой плагин, написанный мной в попытке разрешить эту проблему.

Узнать, что он делает →

Что CSS грядущий нам готовит? Часть пятая: rgba и hsla

Что CSS грядущий нам готовит? Часть пятая: rgba и hsla Сегодня мы рассмотрим сразу два свойства - rgba и hsla. Данные свойства – производные от rgb и hsl (hsl, к слову, до сих пор не поддерживается в IE), и единственное отличие в них – это четвёртый параметр, отвечающий за прозрачность.
Возможно, вы спросите: зачем использовать эти свойства, если есть opacity, которое худо-бедно поддерживается большинством браузеров?

А вот зачем →

boxShadow - jQuery плагин для реализации box-shadow в IE

boxShadow - jQuery плагин для реализации box-shadow в IE В комментариях к этой статье меня попросили написать плагин для jQuery, который бы делал возможным использование CSS3 свойства box-shadow в IE. Идея показалась мне интересной, к тому же для одного из моих проектов был нужен подобный функционал.
Этот плагин похож на плагин textShadow - разница лишь в том, что в textShadow подложкой является текст, а в boxShadow для эффекта тени используется блок, размытый средствами IE.
К слову, в Internet Explorer есть фильтр, который создаёт тень от блока, но она выглядит слишком жёсткой и может быть направлена только в одну сторону, что нас совершенно не устраивает.

Читать дальше →

IE6? No way! или 3 способа заставить пользователя перейти на современный браузер*

IE6? No way! или 3 способа заставить пользователя перейти на современный браузер* * Под современным браузером в лучшем случае подразумеваем последние версии Firefox, Chrome, Opera или Safari, в худшем – IE 8.

Наверняка большинство людей так или иначе связанных с IT прекрасно представляют себе, что такое IE 6.
IE 6 был выпущен в 2001 году, и был довольно неплохим браузером для того времени.
Начало двухтысячных – время домашних страничек и гостевых книг, и с ними IE справлялся хорошо. Конечно, он иногда неправильно считал отступы, не мог отобразить полупрозрачный PNG – но кого это тогда волновало?
Время шло, и постепенно единственный игрок на рынке стал считаться лучшим.

Что произошло дальше →

jQuery textShadow - плагин для создания тени в IE

jQuery textShadow - плагин для создания тени в IE В предыдущей статье про свойство text-shadow я писала, что его вполне можно использовать, отказавшись от поддержки IE.
Но потом я подумала – а зачем отказываться?
И написала небольшой jQuery плагин для реализации этого свойства под IE.

Читать дальше →

Что CSS грядущий нам готовит? Часть четвёртая: text-shadow

Что CSS грядущий нам готовит? Часть четвёртая: text-shadow Не прошло и дня, как вышла новая статья из серии о новых возможностях CSS3.
Сегодня мы будем говорить о text-shadow.
Это свойство нельзя назвать новым – оно было включено ещё в спецификацию CSS 2.0, а в версии 3.0 было переработано и улучшено.

Надо заметить, это одно из немногих свойств в CSS 3, которое объявляется одинаково во всех браузерах (без приставок –moz и –webkit).

Читать дальше →

Что CSS грядущий нам готовит? Часть третья: gradient

Что CSS грядущий нам готовит? Часть третья: gradient В предыдущей статье я обещала рассмотреть свойство gradient. Приступим.
В настоящий момент gradient – само неоднозначное свойство. Браузеры поддерживают его по-разному, у каждого браузера свой стиль написания и свои возможности.
Сейчас свойство gradient так или иначе поддерживается в следующих браузерах:
  • Firefox (начиная с версии 3.6)
  • Safari (с версии 4)
  • Chrome
  • IE (с версии 5.5, через свойство filter)


Перейдём к реальным примерам →

Cheat-sheet для PHP функции date()

Cheat-sheet для PHP функции date() Меня всегда неприятно удивлял порядок символов в документации к функции date.
В документации они идут в алфавитном порядке, что очень неудобно, когда ты не знаешь, что именно тебе нужно найти.
Поэтому я сделала свой порядок список символов с сортировкой по типу времени, которое они возвращают.

PHP cheat-sheetPHP cheat-sheetPHP cheat-sheet

Скачать PNG или PDF →

Что CSS грядущий нам готовит? Часть вторая: box-shadow

Что CSS грядущий нам готовит? Часть вторая: box-shadow В первой части мы рассмотрели создание закруглённых углов с помощью свойства border-radius.

Сегодня мы рассмотрим свойство box-shadow, которое позволяет создавать тень вокруг блока.
Как и предыдущее свойство, его поддерживают далеко не все браузеры, но если вам нужен лишь декоративный эффект с минимальным использованием css, то box-shadow нет равных.

Читать дальше →

Что CSS грядущий нам готовит? Часть первая: border-radius

Что CSS грядущий нам готовит? Часть первая: border-radius Новая версия CSS (а именно CSS 3) не за горами, и уже сейчас некоторые браузеры поддерживают новые свойства.
Что это за свойства и как они могут быть полезны уже сейчас?
Об этом мы сегодня и поговорим, а именно о свойстве border-radius.

Читать дальше →

Новый взгляд на вложенные списки

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

Читать дальше →

Conditional Comments, или условные комментарии в IE

Conditional Comments,  или условные комментарии в IE В статье про закруглённые углы мы слегка затронули тему условных комментариев для написания костылей к IE.
Сейчас мы постараемся подробно разобрать, что же такое условные комментарии и как с их помощью можно сильно упростить себе жизнь.

Читать дальше →

Ещё раз про закругленные углы

Ещё раз про закругленные углы Тема закруглённых углов и их реализации многим уже наверняка набила оскомину :)
Всё-таки я предложу свои четыре кроссбраузерных способа создания закруглённых углов, которые тянутся по ширине и длине, с использованием минимального количества пустых тегов и изображений.

Читать дальше →

imgShow - плагин для создания слайдшоу на jQuery

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

Узнать подробности →

Автоматизируем уменьшение и обрезку изображений

Автоматизируем уменьшение и обрезку изображений Сегодня мы будем писать скрипт на PHP, который будет автоматически масштабировать и обрезать изображения.
Зачем это нужно?
Допустим, у вас есть 100 изображений, которые нужно уменьшить до 300 пикселей в ширину. Или сжать до размеров аватара (100 на 100, например) и урезать до квадрата. Или уменьшить вдвое. Или произвести любую другую манипуляцию с масштабом и обрезкой...

Интересно? Тогда читайте дальше →