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

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

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

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

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

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

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

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

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

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

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

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

Полная шпаргалка Flexbox CSS с примерами

Самая полная инструкция по Flex box

Решил разобраться раз и навсегда что такое Flexbox? Сейчас расскажу и покажу. Но сперва теория, но будет и практика. На самом деле, это достаточно новая модель верстки, которая позволяет решить множество проблем, которые когда-то казались очень сложными. Лично для меня раньше самым непростым заданием казалось прижать footer ко дну. Если страница огромная, то переживать на … Read more

Как сделать адаптивную css верстку новичку

Как сделать адаптивную верстку новичку

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

10 лучших способов оптимизации css стилей

10 способов оптимизировать css

Когда сайт уже готов, часто возникает вопрос об его ускорении что тянет за собой оптимизацию CSS, картинок, JavaScript кода и html. По началу, когда я только вошел в Web-мастеринг, я начинал с копирайтера, там понятно, что знания ускорения сайта мне не нужны были, после я уже серьезно задумался о том, что хочу и сам что-то … Read more

Прозрачность и полупрозрачность в CSS: Подробное руководство

Прозрачный фон в css

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

Учимся работать с переменными в SCSS

Как работать с переменными в sass scss

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

Компиляция SCSS, SASS и LESS: Инструкция по эксплуатации

КОМПИЛЯЦИЯ SCSS, SASS И LESS: ИНСТРУКЦИЯ ПО ЭКСПЛУАТАЦИИ

Упрощение рабочего процесса во время программирования и верстки, сегодня является очень важным моментом в жизни каждого Web-разработчика, а все потому, что технологии не стоят на месте, и для изучения нового, естественно нужно тратить время, которое как я для себя начал замечать, является очень и очень важным – я бы даже сказал, дороже чем любое золото … Read more