Какие ошибки в верстке недопустимы? 23 Важных совета

Привет, я думаю каждый начинающий либо более менее уже состоявшийся верстальщик рано или поздно должен вывести для себя несколько важных правил которые нельзя допустить или стоит придерживаться. Я назвал статью какие ошибки недопустимы, но по факту речь пойдет и об ошибках и о принципах при которых процесс создания шаблона становится максимально приятным и более простым. … Read more

Размеры экранов для адаптивной верстки: все необходимые брейкпоинты

Размеры экранов для адаптивной верстки - все брейкпоинты

Сознаюсь честно, давно уже назревал этот пост о том какие размеры экранов нужно учитывать при адаптивной верстке. Назревал этот пост по той причине, что я и сам будучи начинающим Frontend разработчиком не до оконца понимал какие размеры экранов нужно учитывать. С опытом я пришел к тому, какие размеры являются правильными, чем собственно я сегодня очень … Read more

Слайдер картинок с автоматической прокруткой без JavaScript [only css]

Слайдер картинок с автоматической прокруткой без JavaScript

Привет, не так давно я показывал, как можно создать слайдер без javascript, в принципе он был нормальный не хватало лишь стрелочек для переключения слайда. Ну или автоматического переключения – в целом если стрелочки я сделать без JavaScript не могу, то переключение автоматическое без всяких проблем сделать можно. В прошлом своем мосте я делал калькулятор – … Read more

9 способов как проверить свои знания CSS и HTML

9 способов проверки свои CSS и HTML

Я всегда настраивал на том, что если ты хочешь верстать сайты как настоящий frontend ниндзя разработчик, то самым важным в этом деле совершенствование самого себя, особенно в css и html.  Сегодня слава богу уже существует огромное количество сервисов, которое позволяет понять, чего ты знаешь, а чего нет, собственно это и есть проверка знаний. Представь себе … Read more

Что такое миксины и как с ними работать? Scss Примеры

Sass и scss миксины

Миксины – страшное слово которое лично меня с самого начала как-то даже пугало. Сперва, когда я решил все-таки подробно узнать, что это такое, то возникло двоякое чувство. Первое говорило мол, а зачем они я ведь могу и без них сделать все максимально четко, а вторая мысль проскакивала, круто это ведь можно писать меньше кода, который … Read more

Mobile First — что это? Концепция, примеры, фреймворки, книги

mobile-first что это? Примеры

Я уже давно хотел обсудить тему Mobile First, хотя сам о ней у знал буквально полгода назад. Сегодня правда не все еще пользуются этой фишкой, а те, кто пользуется просто пожинает плоды и получает бонусы как от поисковых систем, так и от пользователей. И ниже я расскажу и покажу как работает эта концепция, где этому … Read more

Как удалить неиспользуемый CSS

Как удалить неиспользуемый css

Это не секрет, что любой сайт будет работать быстрее если в его стилях будут отсутствовать лишние стили и лишний текст. Потому не стоит позволять лишним стилям отяжелять сами сайты. Наоборот нужно стараться увеличить производительность сайт! Что такое неиспользуемый CSS? Не важно какой ты опытный верстальщик или просто разработчик, ты можешь случайно допустить ошибку. Это хороший … Read more

5 возможностей в CSS улучшающих верстку

5 скрытых возможностей в css

Я верстаю сайты уже не первый год и за это время мне довелось потрогать и пощупать всякие инструменты. Кроме того, как я уже говорил, мой подход к верстке до пределов простой. Сначала я накидываю HTML, ну а после уже в дело вступает CSS, кстати я во время работы с каскадными таблицами люблю использовать препроцессоры, это … Read more

Полное руководство по CSS Grid (Grid шпаргалка)

css grid полная шпаргалка

Помню я буквально недавно потратил достаточно много времени на то, чтобы создать очень крутую и содержательную шпаргалку по Flexbox, и многие пользователи это оценили.Сознаюсь и выставлю все карты на стол. Создавать такие шпаргалки очень сложно, но пользы от них максимум.Максимум и для меня лично, ведь для того, чтобы привести четкий пример нужно его продумать и … Read more

Полная инструкция по работе с HTML в Emmet

Работа в emmet полная инструкция

Ты когда-нибудь вообще использовал Emmet? Мне просто интересно знаком ли ты с ним. Я уверен, что даже если не знаком через 10 минут станешь. Это насколько легкая и полезная тема, что просто нужно пересмотреть как пользоваться ним и просто пользоваться. Я лично, когда впервые познакомился с этой технологией, я думал, что для работы с ней … Read more