Друзья, приветствуем вас после двухнедельного перерыва! Мы готовы рассказать вам о последних новостях из мира IT и обсудить несколько интересных тем: дизайн SVG прямо в коде, движение (motion) и UX, а также большое количество жизнеутверждающих тем вроде «как найти время, чтобы стать крутым программистом?». Устраивайтесь поудобнее и добро пожаловать на борт!
Часто мы рассуждаем про «адаптивный веб-дизайн», новым веянием которого являются «элементные запросы», которые делают блок адаптивным относительно его ширины и высоты. Без отношения к ширине и высоте браузера.
→ Прямая ссылка ←
На Smashing Magazine регулярно выкладывают крутые бесплатности, в том числе иконки. Сегодня на очереди — летние иконки. От пальмы и арбуза до теннисной ракетки.
→ Прямая ссылка ←
Предлагайте свои темы для выпуска #91 в комментариях!
Работаете с JavaScript массивами? А знаете про методы every и some? А вы посмотрите заметку на the new code и вообще весь список для работы с массивами.
→ Прямая ссылка ←
Новый инструмент Parker поможет проанализировать CSS в вашем проекте и дать большое количество полезной информации. Почитайте заметку о том, как его стоит использовать.
→ Прямая ссылка ←
Только на этой неделе на Creative Market раздают бесплатно крутые «лондонские» текстуры. Там кирпичи, облака, канавы и дорожные покрытия. В общем — круто!
→ Прямая ссылка ←
Если вы ещё не разобрались во всех новведениях ECMAScript 6 (по-новому ECMAScript 2015), то обязательно посмотрите этот гайд на гитхабе — очень круто расписано, с примерами.
→ Прямая ссылка ←
Существует много разных решений, которые позволяет реализовать анимации при скроллинге, но все они вызывают нарекания. Автор библиотеки AOS написал на CSS-Tricks заметку о том, почему его библиотека — самая лучшая.
→ Прямая ссылка ←
Отличная подборка бесплатных иконок была выложена на Codrops, про дома и строительство. Наверняка подойдёт вам в проектах!
→ Прямая ссылка ←
На CSS-Tricks регулярно попадаются очень сносные и интересные лонгриды. Сегодня делимся с вами статьёй, которая расскажет всё о «доступных» (accessible) SVG и о том, как с ними работать.
→ Прямая ссылка ←
Если по полной использовать анимацию вьюпорта в большом SVG, то можно делать крутые интерактивные истории. Посмотрите демо и описание!
→ Прямая ссылка ←
Пользуетесь какими-то бесплатными фото-стоками кроме Unsplash? Иногда у PicJumbo бывают неплохие подборки. Одна из них — 20 бесплатных изображений с едой, доступна по ссылке.
→ Прямая ссылка ←
Почитайте крутую статью Сары Суайдан о том, как можно с помощью вложенности в SVG решать задачи с позиционированием внутри вьюпорта.
→ Прямая ссылка ←
Последнее время стало модно (и правильно) делать вёрстку «доступной» (accessible) для всех девайсов, в том числе для скрин ридеров.
→ Прямая ссылка ←