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

Это статья — чек-лист того, что нужно не забыть поправить в любом проекте. Список полезных мелочей. Весь текст поделен на две части. Первая — про простые элементы страницы, такие как текст, кнопки, изображения, формы и другие. Вторая часть про производительность, масштабируемость, безопасность и доступность. Часть 1 Текст Размер шрифта и интерлиньяж Оптимальная высота строки (line-height)…Продолжить читать «Что поправить в верстке перед выпуском в продакшн?»

15интересных JavaScript and CSS библиотек в июле 2016

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. The list for July 2016 is packed with some of the hottest open-source libraries from…Продолжить читать «15интересных JavaScript and CSS библиотек в июле 2016»

«Загадочные отступы» между инлайн-элементами

Максим Усачев 04.01.2012 Каждому, даже самому «молодому» верстальщику известны неприятности (проблемы) с интервалом между элементами, пробелами, которые вставляются между словами. Эти пробелы часто мешают нам при вёрстке того или иного блока. Избавиться от них бывает не так-то просто, а зачастую эти межсловные расстояния и вовсе ставят нас перед выбором, выбором способа решения данной проблемы. В…Продолжить читать ««Загадочные отступы» между инлайн-элементами»

Борьба с пробелами между блочно-строчными элементами

24 сентября 2014, автор: Крис Койер, перевод: Алексей Симоненко Несколько раз встречал обсуждение проблемы пробелов в твиттере, а затем увидел интересный дабблет на эту тему, поэтому решил зафиксировать. Проблема вот в чём: между блочно-строчными элементами в браузере появляются пробелы, если вы форматируете HTML-код как обычно. Другими словами. <nav> <a href=«#«>Один</a> <a href=«#«>Два</a> <a href=«#«>Три</a> </nav> view raw1.html hosted with ❤ by GitHub…Продолжить читать «Борьба с пробелами между блочно-строчными элементами»

Предлагаю вашему вниманию перевод статьи How To Pick a Frontend Web Framework c сайта top.fse.guru. Привет, приятель! Ниже ты найдешь большой список компоновки инструментов и фреймворков. Не волнуйся! Ты можешь выбрать один, в котором точно уверен, или проигнорировать все и придумать свой вариант. Данная статья предназначена для того, что бы помочь тебе узнать и упорядочить…Продолжить читать «Как выбрать фреймворк для frontend-разработки»

Здравствуйте Уважаемые хабра-пользователи! Во-первых, всех с уже наступившем Новым Годом. Желаю Вам добра и развития в Вашей области деятельности! Во-вторых, в качестве подарка я подготовил небольшой инструмент, которым сам пользуюсь уже порядка полугода. Данный инструмент требует минимального времени на настройку, но это никак не влияет на отдачу, которую Вы получаете от его использования. Вопрос скорее…Продолжить читать «Подарок всем front-end разработчикам. grunt(Jade+Stylus+Watch)»

Человек изобрел компьютеры, чтобы они выполняли за нас большую часть повторяющихся задач. Это позволяет нам экономить много времени и использовать его с максимальной пользой. И, так как эта статья о front-end разработке, в этой области таких задач много: компиляция css- и js-препроцессоров, сборка спрайтов, оптимизация изображений, минификация файлов и др. Сейчас автоматизировать эти задачи нам…Продолжить читать «Автоматизированный шаблон для front-end проектов»

Прошло полгода с последней новости о TARS на хабре. Напомню, что TARS — это сборщик html-верстки, основанный на gulp, в помощь любому frontend-разработчику (или даже целой команде), для создания проектов любой сложности. За последние шесть месяцев было закрыто 88 issue, выпущено 7 версий, появился CLI, так вышло, что с yeoman’ом отношения не сложились, поэтому появилась…Продолжить читать «Продолжаем бороться с frontend-рутиной»