От автора: не все просматривают интернет с помощью мыши. Если вы читаете эту статью на смартфоне, вот вам и пример! Стоит отметить, что люди используют и другие формы ввода. Этим формам нужны стили focus CSS.
От автора: раньше CSS привязывался к физическим измерениям и направлениям, физически отображая элементы слева, справа, сверху и снизу. Мы использовали float left и right, свойства сдвига top, left, bottom и right. Задавали margin, padding и рамки через margin-top и padding-left. Эти физические свойства и значения имеют смысл, если вы работаете в горизонтальной плоскости, сверху вниз и режиме письма слева направо.
Добавление иконок для сайта в мультибраузерном и мультипплатформенном мире
Сайтостроение \ Статьи по сайтостроению 2018-04-11
От автора: раньше иконки для сайта были такими легкими. Простой растровый favicon.ico 16х16 пикселей. Это как знак препинания в конце проекта. Для разработчика это эквивалент завершения предложения с восклицательным знаком или точкой. Так было раньше. Но за прошедшие 20 лет все изменилось.
Урок 11. Безопасность сайта. Подделка форм
Премиум \ PHP \ Безопасность и защита сайта от угроз и взлома 2018-04-11
От автора: в этом уроке мы вновь выступим в роли хакера или, скорее, продвинутого пользователя и попытаемся подделать данные формы. При недостаточной валидации данных на стороне сервера мы можем нарушить целостность данных или подделать критические данные, например цену товара.
Новый функционал VK тестируют на бразильских пользователях
Сайтостроение \ Новости 2018-04-10
От автора: Вконтакте тестирует новый функционал для побора стикеров. Рекомендованный набор предлагается пользователю после того, как он оценит запись в сообществе или пост своего друга по социалке.
Работа с новой объектной моделью CSS Typed Object Model
Javascript & Ajax \ Javascript 2018-04-10
От автора: основы использования новой объектной модели CSS Typed Object Model. Сравнение с CSSOM, основные преимущества. Примеры работы со значениями.
Javascript & Ajax \ React 2018-04-10
От автора: как только вы приступите к изучению React, вы столкнетесь с понятием state. State имеет огромное значение в React. Возможно, это первая причина, почему вы стали изучать React. Давайте рассмотрим понятие React state и принцип его работы.
Супер-силы макетов с использованием переменных CSS + CSS Grid
От автора: мы используем CSS Grid в процессе разработки на Mud уже в течение нескольких месяцев, и мне очень нравится гибкость, которую это дает мне при компоновке. До сих пор мы обходились без реального решения под Веб — мы пытались придумать что-то с помощью float и flexbox. Но теперь, честно говоря, я не могу представить себе жизнь без Grid!
От автора: как я часто говорю, каждый элемент в дереве документа представляет собой прямоугольный блок. В общем, этот «прямоугольный блок» состоит из двух разделов. Во-первых, у нас есть сам блок, который состоит из областей границы, отступов и полей. Во-вторых, у нас есть содержимое блока; область содержимого. Для работы с ней нам пригодится display contents CSS.
Основы языка запросов GraphQL и практические примеры с Vue
Javascript & Ajax \ VueJS 2018-04-10
От автора: GraphQL – это язык запросов для вашего API и серверный runtime для выполнения запросов. Одна точка может вернуть данные о множестве ресурсов, из-за чего он отлично подходит для одностраничных приложений Vue.js. В статье будет показано, как создать GraphQL API с нуля, а также как определить и реализовать запросы и мутации с пользовательскими типами. Я буду использовать Node.js для сервера GraphQL, а делать запросы и показывать результат с помощью одностраничного приложения Vue.js