Довольно часто при верстке сайтов возникает задача вставить в макет какую-либо геометрическую фигуру (треугольник на рисунке ниже).
Конечно для этой цели можно просто вырезать картинку типа .gif или .png, но загрузка лишнего файла это не слишком красивый способ. Я рекомендую использовать для этого CSS. Читать далее
В этой статье я хочу перечислить полезные online сервисы для вебразработчиков.
1. RegExr - хороший сервис для создания и отладки регулярных выражений.
2. Spys.ru - обновляющиеся списки прокси-серверов по всему миру. Очень удобно использовать в паре с расширением для Google Chrome - Proxy SwitchySharp.
3. Ultimate CSS Gradient Generator - генератор CSS градиентов. Позволяет быстро и наглядно формировать CSS для кроссбраузерного отображения градиентов. Читать далее
Часто во время верстки форм можно встретиться с задачей размещения названия полей внутри самих полей. При получении фокуса, это поле очищается, давая возможность пользователю вводить данные. Раньше реализовать это можно было только используя JavaScript. Но с появлением HTML5 у нас появилась возможность достичь того же эффекта используя атрибут placeholder.
- <input placeholder="Введите Email" type="email" />
Но, к сожалению, есть небольшие проблемы при использовании данного атрибута. Читать далее
Для удобной валидации форм я обычно использую плагин jquery.validate. С его помощью очень просто валидировать любую форму используя уже готовые правила валидации (основаные на регулярных выражениях). Но иногда возникает нужда в использовании своих регулярных выражений и jquery.validate предоставляет хороший инструмент для этого. Например требуется, чтобы пользователь ввел адрес своей странички VKontakte, если она у него есть. Можно конечно использовать готовое правило url, но хотелось бы проверку более точную — наличие в url строки ‘vk.com/’. Читать далее
Иногда приходится сталкиваться с задачей, когда при вставке строк в таблицу требуется какое-либо поле сделать уникальным при чем без использования primary key. Например при импорте на сайт определенных материалов с другой таблицы требуется сделать уникальный link. Для этого мы можем использовать функцию ROW_NUMBER():
- INSERT INTO News (link, title)
- SELECT row_number() over(ORDER BY name) , name
- FROM Old_News
При работе с HTML и XSLT для вставки некоторых символов очень часто приходится использовать сущности (или мнемоники). Ниже представлены таблицы с полным набором данных символов.
Иногда при верстке кнопок можно столкнуться с проблемой в браузере Firefox, если нам надо полностью убрать отступы в кнопке. Для остальных (новых) браузеров достаточно написать следующий CSS:
- .button{
- padding:0;
- border:0;
- }
Но Firefox упрямо оставляет между текстом и границей кнопки по 3px. Это касается как тега button, так и input (с атрибутом type=«button | reset | submit«). Читать далее
Fancybox — популярный JQuery плагин для создания фотогалерей и вывода фотографий и другого контента в модальных окнах в стиле Mac. Он обладает довольно широким API, но некоторых возможностей иногда не хватает.
Например мне надо, чтобы при перелистывании фото у меня менялся и url для того, чтобы можно было легко дать кому-то ссылку на изображение, не открывая картинку в отдельном окне. Читать далее
Тем, кто занимался разработкой сложных web-приложений часто приходилось сталкиваться с ситуацией, когда необходимо хранить какие-либо данные прямо в html — документе. Будь то дефолтные значения для чего-либо или свойства элементов. Зачастую они добавляли сложные классы, которые надо было парсить, жертвуя семантикой верстки или же пользовались атрибутом rel, что сказывалось на валидности документа. Или вообще добавляли свои собственные атрибуты…
В HTML5 появилась возможность добавления универсального атрибута data-* для любых элементов DOM дерева. Читать далее
Для глубокого анализа действий посетителей на вашем сайте возникает необходимость в сборе информации об их действиях. С этой задачей отлично справляется Google Analytics. Читать далее