Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components

Автор: admin от 20-01-2017, 11:40, посмотрело: 287

Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components

С самого начала истории интернета мы нуждались в стилях для наших сайтов. Многие годы нам для этого служил CSS, развивавшийся в своём темпе. И здесь мы рассмотрим историю его развития.

Думаю, все согласятся с таким определением: CSS используется для описания представления документа, написанного на языке разметки. Также ни для кого не будет новостью, что за время развития CSS стал довольно мощным средством и что для использования в команде нужны дополнительные инструменты.

Категория: Программирование » Веб-разработка

 

Как обучают в Школе разработки интерфейсов Яндекса, и чему там научился я

Автор: admin от 17-01-2017, 15:55, посмотрело: 312

Меня зовут Павел Гринченко. Я был одним из участников Школы разработки интерфейсов Яндекса в Симферополе. Когда-то давно я посмотрел видеозаписи самой первой Школы 2012 года и почерпнул из них очень много полезной информации. Затем я узнал, что в моём городе пройдёт новая Школа, и решил обязательно поучаствовать.


Как обучают в Школе разработки интерфейсов Яндекса, и чему там научился я
Чтобы попасть в Школу, требовалось заполнить анкету и сделать два тестовых задания. Одно из них — по вёрстке, довольно простое. Звучало оно так: сверстать список ачивок, но максимально гибко и реюзабельно (например, используя СSS counters). Второе задание оказалось посложнее: написать обфускатор CSS-классов без использования сторонних библиотек. На входе — массив классов, на выходе — их обфусцированная версия. Но вот пара нюансов:



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

  • Наиболее часто встречающиеся классы должны были занимать наименьший объём.


3 июля, сделав задания, я отправил заявку и забыл про Школу, а 26 июля мне пришло письмо о том, что я принят. Сегодня хочу рассказать вам о том, как проходил процесс обучения, какие инструменты разработки я открыл для себя и какие задачи нам приходилось с интересом решать.

Категория: Веб-разработка, Яндекс

 

Что поправить в верстке перед выпуском в продакшн?

Автор: admin от 16-01-2017, 16:00, посмотрело: 262

Что поправить в верстке перед выпуском в продакшн?


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

Категория: Программирование » Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №245 (9 — 15 января 2017)

Автор: admin от 16-01-2017, 00:10, посмотрело: 131

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №245 (9 — 15 января 2017)

Категория: Программирование » Веб-разработка

 

Тренды и события в мире веб-технологий в 2016 году

Автор: admin от 13-01-2017, 14:20, посмотрело: 179

Тренды и события в мире веб-технологий в 2016 году


Фото: Flickr / Dennis Skley / CC

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

Категория: Программирование » Веб-разработка

 

Собственный слайдер изображений на jQuery

Автор: admin от 12-01-2017, 15:50, посмотрело: 237

Собственный слайдер изображений на jQuery
Начну с того, что данная статья написана с целью рассказать о том, каким образом создается слайдер прокрутки изображений для веб-страниц. Эта статья ни в коем случае не несет обучающий характер, она лишь служит примером того, как можно реализовать наш объект рассмотрения. Код, предоставленный в этой статье вы можете использовать как некий шаблон для подобных разработок, надеюсь, что мне удастся достаточно подробно и доступно донести до читателя всю суть мною написанного.

Категория: Программирование » Веб-разработка

 

Верстка интернет-магазина: список товаров

Автор: admin от 11-01-2017, 10:50, посмотрело: 366

Верстка интернет-магазина: список товаров

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


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

Категория: Программирование » Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №244 (2 — 8 января 2017)

Автор: admin от 9-01-2017, 00:25, посмотрело: 248

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №244 (2 — 8 января 2017)

Категория: Программирование » Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №243 (26 декабря — 1 января 2017)

Автор: admin от 2-01-2017, 02:00, посмотрело: 252

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №243 (26 декабря — 1 января 2017)

Категория: Программирование » Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №242 (18 — 25 декабря 2016)

Автор: admin от 25-12-2016, 23:30, посмотрело: 216

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №242 (18 — 25 декабря 2016)

Категория: Программирование » Веб-разработка