Дорогие подписчики Chrome Dev-channel!

Спешу сообщить, что браузер обновился до версии 5.0.366.2.

Из нововведений заметил несколько интересных вещей, которыми я с вами и хочу поделиться:

Как известно, пару месяцев назад свет увидела jQuery 1.4, в которой мы можем наблюдать множество новых функций и возможностей. А значит, стало еще больше информации для изучения и запоминания. И не важно, насколько хорошо вы владеете искусством jQuery — запомнить всё в любом случае не удастся. И вот здесь нам на помощь приходят всевозможные сборники документаций и шпаргалки, которые очень полезно держать под рукой и периодически в них заглядывать).

В ноябре 2009 года я познакомился с www.opencart.com и остался очень доволен этой CMS построенной с соблюдением основных принципов MVC. Это просто замечательная система код которой можно легко адаптировать под собственные нужды. Файлы системы разделены по папкам controller, model, view, language.

Гениально и просто. Настолько просто, что я за считанные часы понял как работает система и уже смог адаптировать несколько файлов контроллеров под свои нужды. Как CMS эту систему лучше не рассматривать в принципе! Все очень скудно и печально. Но площадка для коммерческой деятельности очень приличная. Главный лозунг сайта интернет-магазин с минимальными усилиями при разработке.

Важным для меня преимуществом является высокая скорость генерации страницы. Простой код с разделением на модель, вью, контроллер. Шаблоны дизайна лежат в папках с понятной структурой. Простая система по сравнению с magento commerce в которой что-то поменять ну очень не просто.

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

Каждый день на сайте выходит несколько хороших обзоров новых и интересных гаджетов. И если все особенности устройства обычно описаны «на отлично», то вот фотографии гаджета зачастую не выдерживают никакой критики. Часто приходится видеть подобное:

А ведь для получения качественного фото даже глянцевого телефона не потребуется никаких особых приспособлений, даже затраты времени на получение качественных фото будут минимальны. Все нужное есть практически в каждом доме, а фотографировать можно и на телефон, хотя даже самая простая цифромыльница даст более качественный результат.

Для тех, кто следит за обновлениями компонентов публикации I'm Sync, есть хорошая новость. Как мы и обещали, теперь компонент публикации «Магазин» позволяет добавлять товары в корзину и оформлять заказ. Прямо на вашем сайте!

Вдохновленный недавними статьями про собственноручное изготовление корпусов для флешек, я решил рискнуть и испытать терпение хабровчан. Желание сделать корпус появилось давно, но руки все не доходили. И вот, вооружившись палисандром, красным деревом, наждачкой, напильником и линейкой, в течение 4 вечеров собрал корпус.

Под катом описание процесса.

Nivo Slider — весьма интересный слайдер картинок.



Возможности:

• 9 эффектов смены картинки
• простота использования
• настраиваемые параметры
• встроенная навигация
• упакованная версия 5 кб
• бесплатен, лицензия GPL

По заверениям разработчиков работает в браузерах —
Internet Explorer v7+
Firefox v3+
Google Chrome v4
Safari v4

Проверил — на Opera — также работает.
Пошел прикручивать красавца ;-).

Примечание: ниже перевод заметки John Resig «How JavaScript Timers Work», в которой автор jQuery ясно и подробно излагает тонкости работы различных методов отложенного исполнения функций. Мои комментарии по клиентской производительности далее курсивом.

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

• var id = setTimeout(fn, delay); — создает единичный таймер, срабатывание которого выливается в вызов определенной функции после указанной задержки. Данный метод возвращает уникальный ID, с помощью которого можно в дальнейшем отменить таймер.
• var id = setInterval(fn, delay); — похож на предыдущий метод setTimeout, но совершает вызовы заданной функции постоянно (каждый раз с заданной задержкой), пока не будет отменен.
• clearInterval(id);, clearTimeout(id); — принимают в качестве параметр ID таймера (возвращаемый двумя предыдущими методами) и предотвращают дальнейшие вызовы таймера.

Для того чтобы уяснить внутренние аспекты работы таймеров, стоит учесть одну важную деталь, которую стоит осветить: задержка при выполнении таймера не гарантируется. Так как весь JavaScript исполняется в браузере в один поток, то асинхронные события (например, клики мышкой или таймеры) запускаются только по возникновению «окна» в этом основном потоке (обработчики событий и вызываемые функции, фактически, «встраиваются» в основной поток выполнения, подробнее об организации тяжелых вычислений). Лучше всего это можно продемонстрировать с помощью следующей диаграммы:



Рисунок 1. Схема работы таймеров в JavaScript

читать дальше на webo.in →

Многим из нас нравится загрузить RSS ленту в utorrent(или ему подобный поддерживающий загрузки с лент), настроить правила и в дальнейшем не заботясь о выходе новых серий любимого сериала, передач, видеть их скаченными по-приходу домой. И все хорошо, когда речь идет о Новафильме или Лосте, но мир не сошелся на них клином, часто хочется настроить автоматическую загрузку с другого трекера. А трекер конечно, как на зло не содержит в своей RSS ленте ссылки на .torrent файлы, ведь авторы хотят чтоб вы постоянно заходили к ним на сайт и набивали счетчик посещений, проводили там свое время.

Сегодня мы запустили новый сервис для веб-разработчиков — хостинг популярных JavaScript-библиотек на серверах Яндекса.

Используя загрузку библиотек из CDN Яндекса, вы получаете следующие преимущества:

• Снижается нагрузка на ваш сервер.
• Браузеры, следуя рекомендациям спецификации HTTP 1.1, обычно устанавливают не более 2 одновременных соединений с одним хостом (в современных браузерах — 6). Библиотеки загружаются с домена Яндекса, поэтому не блокируют загрузку данных с вашего домена.
• Правильное кэширование и использование gzip.
• Если пользователь уже посещал какой-либо сайт, который использует библиотеки Яндекса, ему не надо будет заново загружать файлы на вашем сайте — они сохраняются в кэше.
• При использовании нашего загрузчика вы получаете неблокирующую загрузку JS и Яндекс.Метрику в подарок.
• Каждая библиотека доступна как в сжатом виде, так и в стандартном (версия для разработки). Например, последнюю версию jQuery можно загрузить по такому адресу: http://yandex.st/jquery/1.4.2/jquery.min.js

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

Новости проекта будут публиковаться в нашем клубе, там же вы можете задать вопросы и оставить отзывы.

Алексей Андросов и Леонид Хачатуров, ускоряем интернет

Сиобан Куинн, менеджер продукта Blogger

Мы рады поделиться с вами замечательной новостью. Сегодня в Черновике Blogger, экспериментальном полигоне нашей службы блогов, появилась новая возможность. Это дизайнер шаблонов.

Он позволит вам создавать красивые и уникальные по своему оформлению блоги. В вашем распоряжении:

— 15 новых профессиональных шаблонов. В дальнейшем их станет гораздо больше.
— Настройка количества колонок: одна, две или три.
— Сотни профессиональных фоновых изображений.
— Настройка цветов, шрифтов — и многое, многое другое!

Чтобы ваш блог выглядел еще лучше, мы сотрудничаем с ведущим фотобанком iStockphoto. Благодаря этому вы сможете бесплатно использовать сотни фоновых изображений.



И это только начало. В рамках нашей группы дизайнеров шаблонов мы сотрудничаем с широким сообществом дизайнеров. Это позволяет постоянно создавать новые уникальные шаблоны для сервиса Blogger.



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

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

— Здравствуйте, аудитория!
— Привет-привет!

— Все мы были свидетелями великого и ужасного ХабрЭффекта, верно?
— Да-да!

— И часто падают не сайты, о которых пишут, а хостинги, на которые вешают картинки, размещаемые в посте.
— Всё верно!

— И если о пиарящихся ресурсах мы позаботиться не можем, то о картинках позаботиться вполне в наших силах!
— Ура!

Нашёлся однажды у нас сервачок, местечко на хардах и нормальный канал. Представляем вашему вниманию фотохостинг ХабрЭффект.ру. Никаких рюшечек, мультизагрузок и прочего, извините. Зато мы можем просто разместить у нас вашу картинку и показывать её всем, кто только захочет!

Спасибо за внимание!

P.S.: Если всё-таки какие-то рюшечки будут жизненно необходимы, то да, мы будем их реализовывать.

Spritely — является JQuery плагином для создания динамического изображения и фоновой анимации.

Сейчас многие сайты насыщены графикой в разных видах: аватары, иллюстрации к постам, галереи и тп.

Читатели блога «Клиентская оптимизация» как никто другой знают цену лишних запросов к серверу.

Количество обращений к серверу можно легко уменьшить с помощью техники пост загрузки изображений, которые не попадают в область видимости(первый экран). Т.е изначально будут загружаться только те изображения которые пользователь способен увидеть, остальные будут загружаться по мере скролинга страницы.

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

Навеяно постом http://habrahabr.ru/blogs/python/59236/.
Почитав вышеуказанный пост, предположил, что не каждый сможет использовать домашний комп для таких целей (например потому, что он включен не постоянно). Но зато многие из нас имеют php-хостинг, который так же поддерживает cron. Для разминки написал данный скрипт.

ОФФТОП: Хочу выразить свою благодарность, всем кто плюсанул мой предыдущей пост и карму, это позволило мне пригласить на Хабр еще несколько хороших людей.

Во многих студиях нет единого формата ТЗ, у нас его тоже не было. Просмотрев множество различных форматов и ГОСТов, мы выбрали самые значимые пункты и разработали типовой шаблон ТЗ для нашей компании.
Возможно, это будет полезно и другим студиям, т.к. если мы все будем работать по единым стандартам плюсы очевидны как для студий, так и для заказчиков.

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