Вложенные CSS-правила (CSS Nesting)

Недавно был опубликован редакторский черновик (Editor’s Draft) модуля CSS Nesting. В нем описаны новые правила синтаксиса, с помощью которых можно будет вкладывать одни CSS-правила в другие (наподобие того, как это делается в препроцессорах).

CSS Nesting Module. Вложенности в CSS

Задачи по программированию

LeetCode

Если вы недавно начали изучать программирование и/или хотите прокачать свои навыки, вам необходимо как можно больше практиковаться — решать задачи.

Хочу посоветовать очень хороший ресурс LeetCode, в котором расположено огромное количество задач по нескольким направлениям:

Категории задач
Категории задач

С какими компаниями/заказчиками не стоит работать удалённо. Работа в IT

Когда вы находите потенциального работодателя (или уже некоторое время работаете с ним над какими-либо проектами), в голову могут прийти мысли, что какие-то ситуации в ваших рабочих отношениях идут (или могут пойти) не лучшим образом для вас.

Боитесь, что вас обманут? Или чувствуете, что текущая работа несёт много негативных моментов?

Фриланс, удалённая работа — очень специфичны. Такая деятельность имеет ряд плюсов, но также и минусов… Я составила несколько факторов (основанных на своём опыте и субъективном мнении и опыте), которые препятствуют нормальным рабочим отношениям.

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

Ресурсы необходимые для верстальщика

Небольшая подборка ресурсов, которые обязательно пригодятся во время разработки сайта.

  • Can I use — довольно известный ресурс, с помощью которого можно узнать поддержку и совместимость определенных свойств и технологий с разными версиями браузеров. Название говорит само за себя.

Например, статистика использования браузеров https://caniuse.com/usage-table, по ней мы можем определить, сколько процентов пользователей имеется у каждого браузера.

Или вот https://caniuse.com/#feat=flexbox — по таблице мы видим, что флекс-свойства работают во всех браузерах последних версий (но не работают в IE9 и ниже).

Can I use
Can I use

Может быть такое, что верстальщик по незнанию использует те или иные css-свойства или JavaScript фитчи, а они не работают во многих браузерах. Caniuse служит для того, чтобы заранее предотвратить такие проблемы.

Полезные расширения Google Chrome для веб-разработчиков

Ниже будет небольшая подборочка 🙂

Полезные расширения Google Chrome для веб-разработчиков:

  • PerfectPixel — расширение, помогающее верстать с пиксельной точностью. То есть, вы выбираете изображение (макет разрабатываемого сайта) и регулируя его положение на странице, с легкостью сможете сверстать сайт, идеально совпадающий с макетом. Также есть возможность настроить прозрачность, масштаб и инверсию данной подложки.
Настройки PerfectPixel
Настройки PerfectPixel

Как быстро выложить сайт на GitHub хостинг с помощью PhpStorm

Один из самых простых и удобных способов быстро выложить сайт на GitHub хостинг — воспользоваться возможностями редактора PhpStorm.

В PhpStorm осуществлена интерактивная работа с Git — это огромный плюс данного редактора, дающий возможность работать с системой контроля версий даже без знаний команд, и снижающий риск осуществления ошибок.

irene-97 — пользователь GitHub, cantus — название сайта
irene-97 — пользователь GitHub, cantus — название сайта

На примере я покажу, как выложить сайт на Github хостинг (сделать его доступным по ссылке).

Шрифты на сайте. Подключение и использование web-шрифтов

Шрифт — это важная составляющая сайта. Он играет большую роль в восприятии информации. Поэтому разработчику важно сделать всё, чтобы шрифт одинаково корректно отображался у всех посетителей web-ресурса.

Шрифты на сайте

Как подключить шрифт на сайт? Какой формат должен быть?

В настоящее время большинство современных браузеров (да абсолютно все) поддерживают формат .woff. Следовательно, нет смысла подключать шрифты каких-либо других форматов. Сконвертировать любой шрифт (.ttf, .otf или .eot) можно, например, с помощью данного ресурса.