Web-разработка & Web-дизайн

  • Сокращение длинных ссылок
    На помощь спешат “укорачиватели” длинных линков, коих в интернете не мало. Они помогут нам сохранить время, нервы, телефоны и клавиатуры. Итак, устроим “ночь длинных ножей”?
  • HTML5 уже изменил Сеть!
    HTML5 — это самый большой рывок в сетевых стандартах за почти полное десятилетие. Сейчас HTML вступает в ту фазу, когда он не просто создан для отображения контента, его пытаются сделать средой разработки, так сказать прикладной платформой, где звук, видео, графика и прочее — всё стандартизировано и предельно ясно описано в спецификации…

  • Верстка для мобильных устройств
    Так как мобильных устройств существует великое множество, то одна модель может поддерживать какие-либо возможности HTML/CSS, а другая наоборот — либо не поддерживать, либо поддерживать неправильно. Но большинство устройств среднего и уж тем более hi-end класса поддерживают HTML/CSS в той или иной степени. Таким образом, язык WML для разработки сайтов под мобильные устройства устарел и практически не используется. На смену ему постепенно приходит общепризнанный стандарт в разработке сайтов — XHTML/CSS. Кодировка — строго UTF-8 (No BOM)…
  • Статистика Google Analytics на вашем сайте
    Помню, как-то проскакивала пара записей по поводу импортирования данных из Google Analytics для отображения сводных диаграмм на сайте, в общем, как на хабре. Прочитав вышеупомянутые топики и не обратив особого внимания тогда, я о них успешно «забыл» и пошел себе дальше. И вот сейчас, появилась необходимость реализовать нечто подобное на одном из своих проектов…
  • Flip! Flip! Flip!
    Flip это очень простой и занимательный визуальный эффект на jQuery. Этот маленький эффект делает переворот любого блока, например с текстом…
  • PHPDL: Улучшаем вид директории

CSS

  • Прелести CSS 3: псевдо-класс :not()
    С момента публикации спецификации СSS 3 прошло почти 3 года, но вебмастера так и не могут воспользоваться всеми преимуществами нового стандарта. Перетирать причины и искать виновников — дело бесполезное т.к. все равно ничего с места не сдвинется. Можно лишь сказать спасибо разработчикам FireFox и Safari, за возможность “пощупать” новые свойства CSS 3…
  • Выделение внешних ссылок при помощи CSS
    Во-первых, о чем речь? Внешние ссылки — ссылки на другие сайты, внутренние ссылки — соответственно, на внутренние страницы собственного сайта. С внешними ссылками все понятно…
  • Анимация при помощи спрайтов
    Ох, давненько я не писал о интересных реализациях меню. Сегодня мы создадим анимированное меню и за одно раскроем тему спрайтов, о которой, насколько помню, я писал лишь один раз. Так вот, суть спрайтов — использование одного изображения как несколько изображений при помощи изменения backgroundPosition. Если Вы не поняли, то чуть позже при виде примеров будет намного понятней. Для начала создадим каркас нашего меню…
  • Выравнивание изображений с помощью vertical-align
    Начинающие разработчики часто задаются вопросом: Как вертикально выравнивать изображения в тексте? Давайте начнём с небольшого примера. Строка с текстом и небольшим изображением в виде квадрата…
  • Оформление внешних ссылок с помощью CSS
    Этот урок, наверное, многим из вас будет хорошо знаком, но вот используете ли вы его на практике? Задача состоит в том, чтобы выделить в тексте страницы внешние ссылки с помощью CSS кода, чтобы они отличались от внутренних ссылок сайта. Для этого мы будем использовать регулярное выражение, с помощью которого напишем шаблон для ссылок…











Смотрите также:

Понравилась статья? Поделитесь ей в социальных сетях: