Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Рубрика «css» - 73
Дайджест свежих материалов из мира фронтенда за последнюю неделю №246 (16 — 22 января 2017)
2017-01-22 в 20:55, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендЭволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components
2017-01-20 в 9:24, admin, рубрики: css, IT-стандарты, ReactJS, sass, Блог компании Mail.Ru Group, БЭМ, верстка, никто не читает теги, Разработка веб-сайтов
С самого начала истории интернета мы нуждались в стилях для наших сайтов. Многие годы нам для этого служил CSS, развивавшийся в своём темпе. И здесь мы рассмотрим историю его развития.
Думаю, все согласятся с таким определением: CSS используется для описания представления документа, написанного на языке разметки. Также ни для кого не будет новостью, что за время развития CSS стал довольно мощным средством и что для использования в команде нужны дополнительные инструменты.
Читать полностью »
Как обучают в Школе разработки интерфейсов Яндекса, и чему там научился я
2017-01-17 в 13:50, admin, рубрики: css, javascript, node.js, Блог компании Яндекс, БЭМ, Разработка веб-сайтов, разработка интерфейсов, фронтенд, шри, яндексМеня зовут Павел Гринченко. Я был одним из участников Школы разработки интерфейсов Яндекса в Симферополе. Когда-то давно я посмотрел видеозаписи самой первой Школы 2012 года и почерпнул из них очень много полезной информации. Затем я узнал, что в моём городе пройдёт новая Школа, и решил обязательно поучаствовать.
Чтобы попасть в Школу, требовалось заполнить анкету и сделать два тестовых задания. Одно из них — по вёрстке, довольно простое. Звучало оно так: сверстать список ачивок, но максимально гибко и реюзабельно (например, используя СSS counters). Второе задание оказалось посложнее: написать обфускатор CSS-классов без использования сторонних библиотек. На входе — массив классов, на выходе — их обфусцированная версия. Но вот пара нюансов:
- Длина результирующих классов должна была получиться минимальной.
- Наиболее часто встречающиеся классы должны были занимать наименьший объём.
3 июля, сделав задания, я отправил заявку и забыл про Школу, а 26 июля мне пришло письмо о том, что я принят. Сегодня хочу рассказать вам о том, как проходил процесс обучения, какие инструменты разработки я открыл для себя и какие задачи нам приходилось с интересом решать.
Что поправить в верстке перед выпуском в продакшн?
2017-01-16 в 13:14, admin, рубрики: css, html, верстка, доступность, Разработка веб-сайтов, Семантика
Это статья — чек-лист того, что нужно не забыть поправить в любом проекте. Список полезных мелочей. Весь текст поделен на две части. Первая — про простые элементы страницы, такие как текст, кнопки, изображения, формы и другие. Вторая часть про производительность, масштабируемость, безопасность и доступность.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №245 (9 — 15 января 2017)
2017-01-15 в 20:47, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Тренды и события в мире веб-технологий в 2016 году
2017-01-13 в 10:59, admin, рубрики: css, html, javascript, Блог компании HTML Academy, браузеры, Веб, Разработка веб-сайтов, стандарты, тренды
Фото: Flickr / Dennis Skley / CC
Начало года — отличный повод ещё раз поговорить об интересных событиях недавнего прошлого. Но нас интересует не всё подряд, а то, как развивалась наша любимая отрасль — веб. Итак, мы представляем вашему вниманию подборку ключевых событий и трендов, которые оформились в 2016 году и будут влиять на то, каким интернет станет в ближайшем будущем.Читать полностью »
Собственный слайдер изображений на jQuery
2017-01-12 в 12:20, admin, рубрики: css, CSS3 animation, html, jquery slider, веб-дизайн, графический дизайн, Компьютерная анимация, метки: jquery slider
Начну с того, что данная статья написана с целью рассказать о том, каким образом создается слайдер прокрутки изображений для веб-страниц. Эта статья ни в коем случае не несет обучающий характер, она лишь служит примером того, как можно реализовать наш объект рассмотрения. Код, предоставленный в этой статье вы можете использовать как некий шаблон для подобных разработок, надеюсь, что мне удастся достаточно подробно и доступно донести до читателя всю суть мною написанного.
Верстка интернет-магазина: список товаров
2017-01-11 в 8:09, admin, рубрики: catalog, css, css3, e-shop, html, Разработка веб-сайтов, метки: e-shop
Требования к верстке каталогов интернет-магазинов имеют свойство повторяться из проекта в проект. Поэтому у меня выработался набор стандартных приемов, которыми я хочу поделиться в этой статье.
Некоторые приемы уже были рассмотрены в различных статьях. Однако у меня возникло желание объединить их и проиллюстрировать отдельными демо. Надеюсь, в таком виде наработки окажутся полезны верстальщикам, которым часто приходится работать над интернет-магазинами.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №244 (2 — 8 января 2017)
2017-01-08 в 21:12, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Вот тебе, бабушка, и неймспейсы
2017-01-04 в 18:31, admin, рубрики: css, html, javascript, xhtml, xml namespacesОпыт использования пространств имён в клиентском XHTML
Текст Ростислава Чебыкина.
Я вам посылку принёс. Только я вам её не отдам, потому что у вас документов нету.
Почтальон Печкин
Мы вместе с Денисом Лесновым разрабатываем аудиопроигрыватель для сайта, о котором уже рассказывали здесь в 2015 году. Сейчас на подходе обновлённая версия, которая умеет играть не только отдельные треки, но и целые плейлисты.
В этой статье пойдёт речь не о самóм проигрывателе, а о неожиданных феноменах, с которыми мы столкнулись, попытавшись использовать настоящий XHTML.