«Динамические» шаблоны в Блоггере

Движок для блогов от Гугл обзавелся новыми шаблонами которые используют силу современных веб технологий.

Динамические шаблоны поддерживают подгрузку записей на лету, при прокрутке вниз, быстрый поиск без перезагрузки страниц а так же красивые эффекты при переходе в разные режимы просмотра блога или архивов.

Впрочем, лучше об этом расскажет видео



или примеры за ссылками:

• Классический (classic) (Gmail) — добавлена подгрузка постов и картинок при прокрутке


• Карточки (flipcard) (M loves M) — фотографии в виде иконок, переворачиваются при наведении курсора


• Журнал (magazine) (Advanced Style) — элегантный и простой стиль


• Мозаика (mosaic) (Crosby’s Kitchen) — россыпь картинок разных размеров


• Панель (sidebar) (Blogger Buzz Blog) — в боковой панели «бесконечный» список постов


• Снимок (snapshot) (Canelle et Vanille) — список записей будет показан как интерактивная панель со снимками


• По времени (timeslide) (The Bleary-Eyed Father) — «горизонтальный» список постов по времени

Что бы проверить как оно смотрится на блоге, достаточно дописать к ссылке /view/<английское_название_стиля>

Например http://radio-t.com/view/classic

Источник: Хабрахабр - Google
Оригинальная страница: «Динамические» шаблоны в Блоггере

[Перевод] Установка размеров с помощью единиц vw и vh

В CSS3 появились новые единицы измерения. (Я, кажется, уже говорил об этом.^eng) Вы уже слышали о px, pt, em и новых rem. Давайте рассмотри еще несколько: vw и vh.

Веб-разработка на iPad

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

Инвентарь

Нам понадобится текстовый редактор (я выбрал Gusto, хотя можно было использовать, например, Textastic), графический редактор (установил на всякий случай сразу два: Adobe Photoshop Express и PhotoPad, оба бесплатные), приложение Яндекс.Фотки для загрузки картинок в интернет, и CSS3Machine — про нее расскажу прямо сейчас.

Далее в посте очень много изображений. Пользователи медленного, мобильного или дорогостоящего интернета могут испытывать дискомфорт и легкое головокружение.

8 полезных сервисов для веб-разработчика и дизайнера

Под катом — описание восьми сервисов, которые могут заметно облегчить жизнь веб-разработчика, верстальщика или дизайнера.

[Ссылка] Ipad симулятор

Работающий симулятор Ipad, написаный на HTML + Jquery + CSS3.

Ссылка: http://habrahabr.ru/linker/go/111299/


Источник: Хабрахабр - Web-разработка
Оригинальная страница: [Ссылка] Ipad симулятор

Немного пятничной радости на CSS3

Вот решил принести немного пятничной радости, продемонстрировать силу CSS3 и поднять настроение тем, у кого Internet Explorer. Смотреть тут.

Ну а если интересно — как я это сделал, то…

Дрессируем box-shadow

Разработчики W3C сделали box-shadow очень гибким свойством. Благодаря этому, можно получать весьма весьма интересные результаты, если использовать это свойство нетривиальным образом. В этой статье я напишу о некоторых эффектах, которые мне удалось получить при помощи «теневых технологий».

Пока я составлял примеры, я неожиданно обнаружил, что браузеры отображают их совсем неодинаково. В итоге, помимо простой демонстрации возможностей box-shadow, получился еще и маленький браузерный тест на поддержку CSS 3. Все примеры снабжены CSS-кодом и картинкой (общий объем всех PNG: 161 КБ). В статье я не стал прописывать свойства с вендорными префиксами -moz- и -webkit-, чтобы не ухудшать читабельность. В суммарной странице со всеми примерами эти префиксы есть (предупреждаю, что у Оперы есть баг с прорисовкой внешних box-shadow при прокрутке).

getColor.ru — online color picker, позволяющий обмениваться цветами

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

Color picker

Многим должна быть до боли знакома ситуация, когда внезапно требуется HEX-цвет на полтона темнее или, скажем, бирюзовее, чем есть сейчас.
Если вы до сих пор не умеете представлять точный RGB-цвет в голове — вам не обойтись без color picker’а, который сделает эту работу за вас.

Лично я знаю только три вменяемых варианта, где можно взять color picker:

1. Отдельная программа, специально предназначенная для этого;
2. Практически любой графический редактор;
3. Online-сервис

Надеюсь, утверждение, что онлайн-сервис является самым простым решением, не вызовет ни у кого сомнений — количество символов в каждом пункте тому свидетель.