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

jQuery – это удивительный инструмент, позволяющий разработчикам и дизайнерам работать с JavaScript без особых навыков . Однако, как учил нас Спайдермен, «с большой силой приходит большая ответственность». Главный недостаток jQuery в том, что несмотря на то, что он упрощает работу с JavaScript, все равно можно написать самый настоящий го#%!код. Скрипт, который будет тормозить загрузку страницы и увеличивать время отклика интерфейса, и будет запутан такими узлами спагетти, что следующему невезучему разработчику будет не обойтись без бутылки виски.

Задача становится еще сложнее для тех из нас, кто еще не переехал в волшебную сказочную страну чудес, где ни один из наших клиентов не использует для просмотра страниц Internet Explorer – скорость JavaScript движка IE сравнима со скоростью движения ледника, и не идет в сравнение с другими современными браузерами. Поэтому оптимизация производительности нашего кода становится делом еще более важным.

Ниже представлен вольный перевод статьи “An Introduction To Object Oriented CSS (OOCSS)“

Слышали ли вы когда-нибудь выражение «Содержание – наше все»? Если вы веб-дизайнер, который часто занимается работой, связанной с созданием контента, – то, вероятно, слышали. Это чересчур часто используемое, но правдивое выражение о том, что именно притягивает людей на сайт.

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

К сожалению, CSS кажется обделенным вниманием в этой области, в то время как многие другие разработчики (и не без оснований) серьезно фокусируются на производительности JavaScript и многом другом.

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

Вендорные префиксы и кроссбраузерная поддержка

Вас, наверное, не удивит тот факт, что Internet Explorer не поддерживает (пока) модуль flexbox. Вот как CanIUse видит нынешнее отношение браузеров к модулю:

Также, нам следует добавить несколько вендорных префиксов, чтобы обеспечить как можно более широкую поддержку других «современных» браузеров. В идеальных условиях мы можем положиться на следующее…

В этой части статьи вы узнаете:

Анимация эластичных блоков
Колонки равной высоты: приятное совпадение!
box-orient и box-direction
box-ordinal-group

box-flex-group и box-lines
box-pack и box-align

Ниже представлен вольный перевод статьи “CSS3 Flexible Box Layout Explained“. Для удобства восприятия информации, я разделила публикацию на 3 части.

Модуль создания макета «резиновых» блоков – часто именуемый просто flexbox – это интересная часть проекта W3C. Спецификации flexbox по-прежнему не утверждены окончательно и периодически корректируются, так что остается ждать новостей от консорциума. Тем не менее, модуль является важной частью нового арсенала свойств, которые революционизируют сам подход к верстке. По крайней мере, он будет таковым, как только получит кросс-браузерную поддержку.

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

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

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

Мы множество раз слышали, как 2011 называют годом мобильного интернета, хотя подобные заявления нам доводилось слышать не единожды и в прошлом. Технология непрестанно развивается, а вместе с ней и мобильные телефоны, называемые в наше время смартфонами. Использование ресурсов интернета растет с каждым месяцем, а мобильные телефоны и планшетные компьютеры появляются в каждой семье. 53,6 миллиона людей в Японии ежемесячно выходят в интернет с помощью мобильных устройств, приблизительно столько же выходят в интернет через PC. В Соединенных Штатах около 20 миллионов пользователей обновляют свой статус в Facebook ежемесячно, а значит число людей, активно пользующихся интернетом еще больше. Согласно различным источникам, это число превышает 100 миллионов и постоянно увеличивается. Еще 10 лет назад никто не ожидал подобного, но это именно так. А значит, все большее количество компаний желают завести собственные мобильные веб-сайты и теперь у дизайнеров гораздо больше работы.