Определяем высоту и ширину окон и элементов с помощью JavaScript

Determining the height and width of windows and elements using JavaScript

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

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

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

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

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

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

Делаем калькулятор на JavaScript

Делаем калькулятор на JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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