Получи случайную криптовалюту за регистрацию!

isqualog

Логотип телеграм канала @isqualog — isqualog I
Логотип телеграм канала @isqualog — isqualog
Адрес канала: @isqualog
Категории: Технологии , Без категории
Язык: Русский
Количество подписчиков: 716
Описание канала:

Немного о фронтенде, дизайне, работе и жизни.
Пишу, когда есть чем поделиться.
https://isqua.ru/

Рейтинги и Отзывы

3.50

2 отзыва

Оценить канал isqualog и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

0

3 звезд

0

2 звезд

1

1 звезд

0


Последние сообщения

2019-07-09 14:43:06 ​​Новый проект!

В канале последнее время было тихо не просто так — мы с Артёмом Самофаловым кое-что готовили. Сейчас расскажу.

У нас зудит, когда мы ищем материалы по какой-то теме и не можем найти достаточно годноты. Нам не хочется искать кучу разрозненных статей по разным углам интернета, а хочется, чтобы всё было в одном месте и написано понятным языком. В последний раз такое случилось с ООП.

ООП — старо как мир, по нему есть куча книг, но они толстые и заумные. Статьи об ООП либо слишком академические, либо слишком простые и не покрывают сложных проблем, которые нам интересны. Источников на русском языке вообще раз, два и хабр.

В общем, нам бомбануло, и мы написали Солидбук. Это книга, в которой мы рассказываем о принципах SOLID, как их применять, чем они полезны.

Мы перелопатили кучу источников: книг, статей, научных работ, примеров. Для каждого принципа подобрали случаи из реальных проектов, с которыми мы работали. Нашли подходящие примеры из «идеального мира». Подобрали шаблоны проектирования и приёмы рефакторинга, которые помогают эти принципы соблюдать. Отобрали антипаттерны, которых советуют избегать.

А ещё для каждого принципа мы приготовили вопросы и тесты для самопроверки! (Вы знаете, что делать.)

Если книга вам зашла, пошарьте её в соцсетях и блогах или полайкайте на гитхабе. Мы будем благодарны!
А если эта книга или другие статьи-проекты-что-то-ещё вам очень-очень зашли, то вы можете поддержать нас на Патреоне.
545 views11:43
Открыть/Комментировать
2018-05-22 13:34:39 Зацените, как ↑ сделана работа с фокусом в инструменте «Файлы Sitemap» Яндекс.Вебмастере. В форму нужно ввести адрес сайтмапа, который нужно скормить роботу. После отправки формы фокус встаёт обратно в поле, при этом текст не удаляется, а только выделяется.

Если вы хотите ввести новый адрес сайтмапа, вы просто начинаете его печатать — введённый до этого текст пропадёт. А если вы хотите чуть-чуть старый адрес поменять, например когда вам несколько однотипных урлов надо отправить, вы клавиатурными стрелками добираетесь до того места, которое хотели отредактировать, и не нужно заново весь урл вводить.
4.4K views10:34
Открыть/Комментировать
2018-05-22 13:34:38 А вот ↑ как сделано, к примеру, в Тинькофф Банке. Заходишь на страницу, и фокус уже в поле стоит. Сразу можно ввести пароль, без лишних движений.

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

В HTML5 для этого даже специальный атрибут есть — autofocus. Ставите его инпуту, и при открытии страницы фокус будет в этом инпуте.

Попапов это тоже касается — если вы открываете попап, в котором есть форма, ставьте фокус в первое поле. Это можно сделать на JavaScript, у полей есть метод focus, использовать можно вот так:

document.querySelector('.popup input').focus()
3.5K views10:34
Открыть/Комментировать
2018-05-22 13:34:38
2.8K views10:34
Открыть/Комментировать
2018-05-22 13:34:38 Автофокус

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

Мелочь, а раздражает.
2.4K views10:34
Открыть/Комментировать
2018-05-22 13:34:38
2.3K views10:34
Открыть/Комментировать
2018-03-13 19:57:41 HTTPie

А это консольная утилита, которая позволяет делать всё то же, что и curl, только наконец-то удобно. Посылать GET, POST, PUT и пр. запросы с понятным синтаксисом, отправлять формы, отправлять JSON. Подсвечивает хедеры и результат. Короче, это curl с человеческим лицом.

→ https://goo.gl/nZXUhr
3.4K viewsedited  16:57
Открыть/Комментировать
2018-03-13 19:57:40
3.0K views16:57
Открыть/Комментировать
2018-03-13 19:57:02 JSONView

Это расширение для браузера, которое любой JSON открывает в удобном виде, подсвечивает синтаксис и позволяет сворачивать и разворачивать объекты и массивы.

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

→ https://goo.gl/Y9U6CG
2.7K viewsedited  16:57
Открыть/Комментировать
2018-03-13 19:56:55
2.3K views16:56
Открыть/Комментировать