Weekly linkdump #177

Сегодняшний linkdump посвещен будет веб интерфейсам и клиентским технологиям.

• Fluid 960 Grid System — CSS фреймвок для быстрого прототипирования. Идея не нова, но особенность данной реализации — «резиновая» верстка, т.е. автоматическая адаптация под ширину окна браузера. Посмотрите по ссылке демо, в дистрибутив также включены заготовки JavaScript для создания анимации и меню.
• Dry Icons — очередной блог с бесплатными наборами иконок, фонов и других графических элементов. Может пригодиться для дизайна персональных страниц, твиттер-профайлов, блогов и т.п.
• jLinq — JavaScript Query Language. Своеобразная библиотека для выборки из массивов данных в JS (соответственно и JSON). Пример кода:
  var results = jLinq.from(data.users).is("admin").greater("age", 25).orderBy("-age").select()
• Загрузка скриптов без блокировок — хорошая статья на английском объясняющая как эффективно построить загрузку JavaScript на странице, не блокируя загрузку другого статического контента.
• Из новостей хочется отметить релиз новой версии GoogleMaps API (v.3). Главные изменения:
  
  • теперь не нужен api key;
  • MVC архитектура;
  • namespace: google.maps.*;
  • изменения в API геокодинга по просьбам разработчиков.
• jQuery vs MooTools — отличная документация и одновременно обзор-сравнение двух интереснейших JavaScript фреймвоков. По примерам автора можно легко сравнить и другие JS вреймвоки, если у вас есть сложности с выбором. Лично я заново открыл для себя MooTools, теперь это уже не просто библиотека визуальных эффектов, а полноценный фреймвок для работы с DOM, еще и с замечательной реализацией ООП.
• Еще одна технологическая новость от Dailymotion — запущен HTML5 видео плеер на специальной тестовой странице (работает пока только в Firefox Beta). Вот так HTML5 уверенно начинает шагать в массы. Остается надеяться, что разработчики браузеров быстро сумеют договориться о кодеках и других тонкостях использования медиа-тегов из HTML5.
• На закуску: «Создание красивых кнопок с помощью CSS3». Статья на английском, но вы можете просто скопировать из нее код (не забудте и фоновую png-картинку) и он будет отлично работать в вашем личном проекте. Я уже опробовал и оценил гибкость этой реализации в одном из своих текущих проектов. А если хотите подробнее разобраться в новшествах CSS3, советую заглянуть на www.css3.info

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

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU