Cуперглобальный массив $_SERVER в PHP

Cуперглобальный массив $_SERVER в PHP

Давно горела идея создать небольшую шпаргалку, по суперглобальному массиву $_SERVER. В этот массив php интерпретатор записывает все данные полученные от сервера. Интересный момент, что без этих данных в принципе сложно обойтись при создании полноценных веб приложений. По крайней мере как минимум получить текущий домен или на каком протоколе находится сайт — все это возвращает этот … 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

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

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

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

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

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

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

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

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

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

Как сделать простой css слайдер без Js?

Как сделать слайдер только на css

Любишь создавать решения без использования JS (JavaScript)? Я, например, очень, это в каком-то смысле для меня бывает очень больной темой. Хотя сказать честно, у таких решений всегда есть какие-то недостатки, потому пусть я их и люблю, но использовать могу не всегда и не везде. В рамках данного поста, я решил создать для тебя адаптивный простой … Read more