Статьи о вёрстке, сценариях JavaScript, трюках на jQuery и других фреймворках, статьи о графическом дизайне, ну и ещё плюс всякие сопутствующие материалы.

design / Полезные веб-сервисы

Полезные веб-сервисы для расшаривания файлов, графики, скриншотов.

html / Подборка ссылок про HTML5 и CSS3

Подборка ссылок про HTML5 и CSS3За последнии три года HTML развился больше чем за предыдущие 10 лет. W3C прилепили приставку в виде цифры «5» к названию стандарта HTML и понеслась. Не проходит и дня, чтобы не появилось какого-то сайта или решения на html5 и css3.

js / Любой шрифт на сайте

Скорее всего, все знают о библиотеках sIFR3 и FLIR они позволяют использовать любой шрифт на сайте, однако установку этих библиотек вряд ли можно назвать легкой, по-крайней мере, с моей точки зрения.

sIFR, например, использует не только дваваскрипт, но и браузерный флеш плагин, а еще чтобы создать файл шрифта необходимо использовать какой-нибудь флеш редактор, например, адоди флеш. FLIR вообще требует, наличие PHP (причем, желательно пятого), как все уже догадались там основной трюк происходит на стороне сервера, он подготавливает картинку и в нужных местах и заменяет текст подготовленной картинкой. Привычный метод, но зачем грузить сервер понапрасну.

js / 20 подсказок и гайдеров на jQuery

Пользователи ещё давным давно привыкли видеть подсказки на странице, допустим подчеркнутый текст скорее всего означает ссылку, текст подчеркнутый пунктиром означает псевдо-ссылку, по нажатию на которую что-то произойдет без перегрузки. Это удобно и приятно. «Javascript now works.» — отличная фраза, чтобы описать сегодняшний веб, объединившись с html5 javascript умеет творить чудеса, и подчеркиванием текста уже не обойтись. Кто-то может нудеть, что хороший интерфейс в подсказках не нуждается, но подсказки были всегда. И сейчас многие ребята их используют, например — самая посещаемая в мире почта Гугла. Там вечно используются подсказки в виде всплывающих окошек с описанием новых фич почты.

design / Подборка PSD исходников айфона

Чуваки из компании teehan+lax сделали PSD - исходник графического интерфейса айфона. Много кто его делает, но вот их мне больше всех нравиться.

js / Слайдер контента SlideJS на jQuery

Мощный слайдер контента на jQuery с большим количеством разнообразхных настроек.

 

 

design / 30 сайтов с интересными прелоадерами на флеше

Не смотря на то, что Джобс, когда-то, объясняя причину, того, почему на iгаджетах нет флеша, сказал, что флеш это одна большая дыра. Он, конечно, имел ввиду безопасность. А в блогах именитых разработчиков есть всякие, далеко не хвалебные посты про флеш. Все-равно интересно посмотреть на всякие флеш-штучки. Вот, например, подборка из 30 сайтов, сделанных на флеше с интрересными заставками-прелоадерами.

design / Полосатый фон для сайта

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

soft / Темная тема для Аптаны

html / Цвет фона выделяемого текста с помощью CSS

soft / Настраиваем пользовательский клиент в Сафари

Иногда пишешь какой-нибудь скрипт в котором есть разные условия для разных браузеров пользователей. Оперу, Лису, Хром, Сафари или IE и так можно проверить — есть разные сервисы. А вот мобильный Сафари iPad'а или iPhone'а проверить сложновато, нужно выливать это все на сервер заходить по урлу и проверять. Это очень долго. Оказывается не все знают, что можно проще:

soft / Как настроить прокси в Опере

Открываем Оперу и заходим через верхнюю панель «Tool»s далее «Preferencts» («Инструменты» далее «Настройки…»)
Либо можно сразу нажать горячие клавиши ctrl + F12

soft /Подборка расширений для Google Chrome

Chrome вполне себе рабочая лошадка особенно с расширениями, которые делают работу на нем более комфортной.

 

soft /Конвертировать веб-страницу в PDF

Обычный браузер (обычный, в смысле без всяких примочек) позволяет сохранить любую веб-страницу в 4-х видах. Вот так:

iphone / Фавиконка сайта на айфоне

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

  • Имя «apple-touch-icon.png»
  • Примерный размер 57px звездочка

js / Полосатая таблица или псевдокласс :nth-child()

Играемся с :nth-child()

 

Используются технологии uCoz