Во время разработки мобильной версии для iOS устройств в Safari браузере, многие сталкиваются со следующей проблемой: на всех полях формы input, textarea присутствует внутренняя тень, а так же иногда закругление.

Решение на CSS
Внизу указан CSS стиль, который убирает закругления и тень у полей в WebKit браузерах.
input:not([type=checkbox]):not([type=radio]),textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Важно знать
Обратите внимание, что указано
input:not([type=checkbox]):not([type=radio])

Это означает исключить инпуты типа checkbox и radio. Почему? Если вы пропишите тот же самый стиль для этим типов (radio, checkbox), то у вас пропадет точка в radio и галочка в checkbox.

#HTML_CSS

Генерация пароля с помощью JavaScript

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

Итак, что нам предстоит сделать?

Определяем функцию, зададим ее параметры - длину и символы. Создадим пустую переменную в виде строки и вернем ее в качестве вывода нашей функции. Далее сделаем итерацию, которая нам поможет создать символы длиной, равной длине пароля. В каждой итерации мы случайным образом выбираем символ из всего набора символов и добавляем его к паролю.

#JS

Лучшее на канале за последнюю неделю

1) Resizing — бесплатный онлайн сервис для работы с изображениями.
2) YoPalette - отличный сервис для подбора оптимальной цветовой гаммы.
3) Бесплатный анимированный набор иконок от команды дизайнеров Mercury
4) Анимированная страница 404 ошибки на чистом CSS.
5) Генерация пароля с помощью JavaScript

Всем успешной разработки!

#Лучшее

Qart.js - кастомный qr-код

Qart.js - отличный и полезный инструмент на js, для тех, кто использует на своем проекте qr-коды. Данный инструмент генерирует qr код поверх любой картинки со своими настройками. Так же может использовать его без внедрения в свой проект, а воспользоваться сервисом онлайн и быстро создать себе qr-код.

#JS

Что выведет данный код? Выберите правильный ответ ниже.

CSS Gradient Generator - классный сервис для генерации и отображения градиента. Это значительно сэкономит Ваше время, ведь данный сервис сразу покажет как будет выглядеть градиент без перезагрузки страницы.

#Инструменты

Курс по JavaScript Canvas

В этом курсе вы изучите jаvascript Canvas и освоите основы. Курс от Алекса Лущенко. Canvas — элемент HTML5, предназначенный для создания растрового двухмерного изображения при помощи скриптов, обычно на языке jаvascript. Начало отсчёта блока находится слева сверху. От него и строится каждый элемент блока. Размер пространства координат не обязательно отражает размер фактической отображаемой площади.

#Курсы #JS

Trim - это бесплатный PSD дизайн-шаблон от aThemeArt, который вы можете использовать для создания собственного агентства или личного портфолио. Интерфейс Trim содержит множество полезных элементов, которые помогут Вам создать красивую креативную бизнес-страницу. 

#PSD

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

И хотя они рекламируют возможность создавать «игры любого типа», этот игровой движок ориентирован на создание 2D-игр, таких как платформеры, перестрелки и обычные 8-битные игры.В качестве дополнительного бонуса GDevelop позволяет экспортировать ваши игры на разные платформы, такие как Android, iOS, Facebook Instant Games и другие.

#JS

Уровень и классификация программиста

В этой статье мы коротко разберем разницу между различным уровнем программистов. Узнаем кто такой Junior программист, а кто такой Team Lead. Ну и конечно же поймете, кем являетесь Вы на текущий момент. Чтобы стать хорошим разработчиком, нужна постоянная практика. А хороший код может писать даже Junior!

#Статьи

Уровень зарплат программистов в мире.

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

#Статьи

Набор иллюстраций "Твой домашний помощник"

Нужно помочь с домашним распорядком дня? Пожалуйста. Просто скачайте и используйте новый набор иллюстраций личных помощников на дому в Вашем, не без этого, замечательном проекте. В комплекте есть исходники для Figma, png и svg расширения. Приятной разработки!