20 сервисов и советов для веб разработчиков. Часть 2

Автор tmtm.ru

Font comparer — позволяет ввести строку и посмотреть как она отображается в разных шрифтах.

Очень удобно для выбора шрифтов так как наглядно виден лучший вариант.

Icon finder — поиск картинок, логотипов и иконок.

Просто вбиваем в поиске что ишем и выбираем подходящую иконку.

Smush.it — уменьшает вес картики за счет удаления ненужных байтов. 

То есть уменьшает вес не изменяя при этом картинку.

WebSitePulse — покажет скорость загрузки страниц сайта, их вес и другую полезную информации.

Отличный ресурс для оптимизации скорости загрузки и выявления «тяжелых» страниц для их последующей доработки.

Php Storm — лучший IDE редактор для кодинга в частности для mac OS.

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

Codebeautifier — делает из непонятного CSS файла понятный и читабельный CSS файл.

Удобно для нагладности с точки зрения хорошего тона написания кода.

Bonus 1

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

1. Все кнопки должны называться глаголами. То есть название кнопки всегда должно быть как «Отменить», «Сохранить», «Удалить» и не как не «Готово», «Сделано» и прочее (ибо что готово? что сделано?). Название на кнопку подразумевает какое-то действие поэтому должно быть глаголом.

2. Вывод ошибки должен обязательно указывать 2 пунка: 
а) что случилось?
б) что делать?
Ошибка не должна выглядеть как «Fatal Error» или «Неизвестная ошбка» или «Ошибка сервера» или вообще «Ошибка 126581». Если ошибка выводится на экран то она предназначается для пользователя, поэтому должна простым языком изложить что случилось и что делать. Например «Вы ввели неверный логин, введите правильный». То есть все сразу понятно. Если ввести только один пункт например, что случалось, то иногда не понятно, а что дальше-то делать. Или наоборот если вы указали что делать дальше, то непонятно что случилось.

Bonus 2

Для ускорения загрузки страницы часто полезно удалять ненужные пробелы, символы, табуляции и прочее из файла, а так же удалять комментарии и форматирование с целью того чтобы не объяснять потенциальному злоумышленнику или просто кому-либо как у вас все работает. То есть, грубо говоря, сделать чтобы скрипт был в одну строку без чего-либо лишнего. Для этого существуют сервисы под названием «minifier». Все они предназначены для одних типов файлов CSS или JS или HTML. Но очень часто бывает что в одном файле используется несколько языков, к тому же все они в перемешку. В таком случае использовать minifier нельзя, так как он неправильно проинтепритирует код. 

Внимание! С точки зрения хорошего кода разными языками в одном файле лучше не писать, а делать разные файлы и инклюдить.

Но если по каким то причинам Вы так все-таки сделали, то ниже приведен несложный код который я как-то писал для того чтобы убрать необязательные символы в независимости от того что в одном файле содержиться код разных языков. Он удаляет эти символы и выводит код в одну строку. Единственное требования что комментарии в JS должны иметь вид /**/ и не как иначе.

Для использования нужно создать php файл, и вставить туда этот код, после чего в коде заменить «ИМЯ_ВАШЕГО_ФАЙЛА» на имя вашего файла. Скрипт сканирует рекурсивно все папки начиная с той где этот скрипт находится.

UPD
1. Ссылку про base64 и CSS исправил (неправильно объяснил смысл ранее)
2. После определенной критики статью убрал в черновики, но после получил несколько сообщений чтобы ее вернуть, поэтому поправил и опубликовал обратно. Если что-то еще неверно, напишите пожалуйста что исправить или убрать.

Опубликовано на сайте: 12.11.2018

Источник: https://habr.com/

Заказать онлайн:

кредит на карту

кредит наличными

кредитку

кредит под залог

страховку


Полезное видео

Простоbank ТВ рассказывает о всех возможных способах выведения средств с электронного кошелька. Подписывайтесь на наш канал на Youtube, чтобы не пропустить новое полезное видео о личных и бизнес-финансах.




Видео дня

2-х летний малыш любит бросать. Посмотрите, что произошло, когда родители купили ему баскетбольное кольцо!

Следить за успехами малыша можно на канале BasketBoy TV