На той недели натолкнулся на интересное выпадающее меню pulldownMenu с анимацией в стиле iOS 7/8. Полностью повторяет поведение верхнего меню из iOS, вплоть до отскока от нижнего края экрана, если совершить резкий свайп сверху вниз. Движение шторки меню поддерживает касания и следует за движением пальца. Протестировал работу на iPhone 5s, анимация, очень плавная и без задержек. Старенький Galaxy Note показал терпимую задержку в анимации.

Скачать pulldownMenu можно с github или тут demo-pull-down-menu-master.zip [1,24 Mb] (cкачиваний: 141) . Пощупать можно тут. Для работы требуется jQuery 1.11+

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

При разработке сайтов информационной направленности хочется их сделать как можно быстрей и тут на помощь приходят готовые инструменты. Набор инструментов для создания сайтов и веб-приложений – CSS-фреймворк. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, блоков навигации и прочих компонентов веб-интерфейсов, включая javascript расширения для организации переключателей, слайдера и фотогалереи. Самым популярным точно можно назвать Twitter Bootstrap пишут, говорят и используют его многие. Мне приходилось с ним работать пару раз, но особой тяги к нему не возникло.

Год назад мне попался CSS-фреймворк Foundation (Фундамент). При первом знакомстве в глаза бросилась очень качественная документация, которая описывала все моменты Фундамента, возможность собрать свой пакет и поддержка sass. Качественная документация хорошо отразила возможности продукта, поэтому я решил использовать его в одном из крупных проектов.

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

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

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