Category: it

Category was added automatically. Read all entries about "it".

royalty

Суть кода

Одной из особенностей программирования и кода является то, что некоторые, особо удачные куски кода можно использовать снова и снова, пока технология не устаревает слишком сильно. Очень часто в разработке встречаются такие куски кода, функции, плагины. Каждый уважающий своё время разработчик должен иметь библиотеку с полезными плагинами. В случае с phpstorm (или другими продуктами от jetbrains) можно не отвлекаясь от рабочего процесса, на ходу добавлять в свою библиотеку полезный код. Под библиотекой будем подразумевать github gist. Это как раз тот случай, когда нет времени создавать новый репозиторий, сочинять подробное описание и заливать код. Кратко, лаконично, быстро. Просто выделяешь кусок кода, в контекстном меню выбирешь «Create Gist…», и вводишь краткое описание. Для первого раза попросит залогиниться в github, а следующие гисты будут сохраняться быстрее.
phpstorm_gist03

А вот пример из моей библиотеки, функция проверки версии internet explorer (IE):
gist.github.com/mir4a

Не претендую на оригинальность, большая часть функций была кем-то написана, но встречаются и собственные «велосипеды». Милости просим.

UPD: Жжешечка парсит ссылка на github gist и пытается внедрить содержимое gist как embed-объект, поэтому вместо слова «библиотеки», где я добавил ссылку на gist появилась ошибка «Gist loading error». Фича новая, надеюсь разработчики починять, а для тех, кому не лень копипастнуть вот адрес - gist.github.com/mir4a

cat

О занятости

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

Еще летом я пообещал двум своим друзьям помочь в реализации их проектов. И вот уже три месяца работа находится в замороженном состоянии. По одному проекту ноль, по другому — часть верстки. Дальше я мог бы начать оправдываться, что так мол и так. Но скажу как есть на самом деле. Проекты мне интересны, но большой интерес должен идти и с вашей стороны тоже и я должен понимать, что вам это действительно нужно. Эффект синергии. Надеюсь, что мы найдем время для диалога и, возможно, проекты обретут второе дыхание.

И последнее в списке, но первое в приоритете. Мне повезло попасть в команду профессиональных дизайнеров и программистов как раз в тот момент, когда качество заказчиков и задачи перед нами очень высокого уровня. Кстати, зовемся мы «Сменой». У нас очень колоритная команда и каждому есть чему поучиться друг у друга. За эти недолгие 3 месяца я узнал много нового, решал сложные задачи, находил свежие решения. Уже не терпиться поделиться новыми проектами. Когда я оглядываюсь назад и вспоминаю где я работал до этого, то мне становится немного грустно. Мне грустно от того, что многие относятся к тому, что делают и за что берут деньги у клиентов так легкомысленно, заполоняя сеть очередным просроченным продуктом.

В «Смене» всё по другому. Мы находим решения, присматриваемся к каждой детали, полируем каждый пиксель. Такой подход требует постоянной отдачи и концентрации, вовлеченности и заинтересованности в каждом проекте. Но я не понимаю как должно быть иначе? За нами будущее. Студии с иным подходом живут недолго и уходят с позором.



Я обязательно подробно расскажу о нашей команде немного позже.
royalty

Закомментируй

Раньше, как только я начинал кодить html и разбираться в разных движках, довольно часто допускал ошибки и путался в шаблонах. Японцы первыми придумали на промышленных заводах маркировать каждую деталь. Эффект был потрясающим: сократилось время на сборку и обучение. Подобный способ можно применить и в html-верстке с помощью оборачиваний в комментарии. Первый раз я услышал об этом в школе верстки яндекса в Симферополе — там комментарии были в css-файлах. Смысл в том, чтобы обернуть функциональных блок верстки начальным и конечным комментарием.

Выглядит это примерно так:
(клик — версия big)


Что даёт такая маркировка:
  • краткое описание блока;
  • видно где блок начинается и где заканчивается.

Но есть небольшой подвох. Вручную писать оба одиннаковых комментария неудобно, даже если копипастить. Но и здесь есть выход. В пхпшторме можно оборачивать выделенную часть кода комментарями. Более того, можно обернуть ещё и в теги, а если вы знакомы с zen coding, то и в целую цепочку тегов.

Для этого достаточно зажать клавиши Alt + Shift + T и в контекстном меню выбрать нужный шаблон:
(клик — версия big)


А это уже процесс работы шаблона. Обратите внимание на красную обводку — в ней я пишу комментарий, а внизу он же дублируется, но перед комментарием я в шаблоне добавил слово end, обозначая конец этого блока:
(клик — версия big)


И небольшая подсказка как настроить подобный шаблон:
(клик — версия big)
  1. — Список всех шаблонов;
  2. — Это разметка шаблона с переменными;
  3. — И редактор переменных с возможностью задавать простые выражения и расчитываемые переменные, такие как дата, время, имя юзера.

royalty

PhpStorm - экспорт настроек

Тем, кто еще не пользовался продуктами JetBrains, горячо реккомендую. У них есть целая линейка удобных инструментов для разработчиков. А сегодня я расскажу как быстро сохранить все настройки. Это полезная фича помогает буквально на лету настроить PhpStorm на другом компьютере и быстро приступить к работе.

В меню выбрать Export Settings… (File → Export Settings)
(клик на изображении откроет в новом окне полный размер картинки)
phpstorm01

И в меню выбрать какие именно настройки нужно сохранить (по умолчанию все выбраны), потом указать путь и название файла, в который сохранятся настройки.
phpstorm02

С импортом, я полагаю, уже сами разберетесь (просто указать путь к файлу с настройками).

royalty

Бедный сниппет, богатый сниппет

Сегодня речь пойдет о rich snippets и микроданных. Это невероятно клёвая фича от гугла и schema.org позволяет расширить информацию о сайте в результатах выдачи. Хочу сразу обозначить моё отношение ко всякого рода «классическим» сеошникам (SEO), которые, как правило, только засирают страницы дешевым копирайтом и массивом ссылок в футере. Такие сеошники настоящие говнюки и неучи.

Хорошо продуманный текст и html-верстка вместе с оптимизированными изображениями могут сэкономить уйму денег и времени потраченных на бездарей-сеошей

По сути, для внедрения микроданных в очередной проект не понадобится много усилий — главное понять принцип работы микроданных. Фактически микроданные — это то, что не видит пользователь, но видит поисковой робот. Пользователю мы показываем информацию в удобочитаемом виде, а роботу в виде стандартизированных данных. Время, дата, место в формате координат, место в формате названий локаций, автор, исполнитель — вот далеко не весь список возможных микроданных. Подробнее на http://schema.org. Сейчас попробую объяснить на примере как это работает.

Простой пример. Я ищу информация и песни группы Kings of Leon. Вот что выдает мне гугл (полноразмерное изображение откроется по клику):
rich-snippets-01

Ясно же, что текстовой информации больше в выдаче №4. Тут тебе сразу и есть названия композиций, их продолжительность и название альбома. Кроме того можно по клику на конкретную песню перейти на её страницу и ознакомиться с 30-ти секундным отрывком этой песни и там же можно её купить. Согласитесь, что такая выдача эффективней, чем простой дескрипшн, составленный говно-сеошниками (здесь меня начинает тошнить…). Более того, гугл дарит такую возможность — на, бери, пользуйся, мне не жалко. Только делайте сайты для пользователей, уважайте пользователей, а для роботов пишите микроданные.

На следующем скринашоте показаны строчки кода, которых не видит пользователь, но которые так жаждет увидеть робот. Не заставляйте робота злиться! (полноразмерное изображение откроется по клику)
rich-snippets-02

Жаль что Яндекс пока не спешит выводить микроданные, а чтобы выводить адреса нужно регистрироваться в каталоге. Для  меня микроданные удобней.