логотип сайта MyLittleServices.ru

Место рождения этого сайта - Студия Кокрастыке. Некоторые считают, что один человек в темном углу со старым ноутбуком в обнимку - это не студия. А вот и нет. Кокрастыке студия.

Сделал все вот он.


Из чего это сделано

Технологии и стандарты, использованные при создании сайта: HTML5, CSS3, JavaScript, Open Graph protocol (RDFa), Schema.org (microdata + JSON-LD). Также я немного помучил Apache при помощи .htaccess.
Редактор HTML, CSS и JavaScript кода: Notepad++.
Валидатор HTML: от W3C.
Валидатор микроразметки: от Яндекса.

Регистратор доменного имени: РЕГ.РУ.
Хостинг: Джино.
Файловый хостинг: Яндекс.Диск.
Почта: Яндекс.Почта для сайта.
Поиск: Яндекс.Поиск для сайта.
Чужая музыка: Яндекс.Музыка.
Статистика: Яндекс.Метрика.


Цели

Изначально сайт создан для тестирования в продакшене свежеполученных навыков веб-разработки вообще и верстки в частности. Как кошка для тренировки, короче. Нет ничего скучнее, чем делать абстрактные задания для закрепления пройденного. Куда интереснее пилить свой собственный проект. В процессе создания сайт оброс контентом и превратился в неплохого (на вкус автора, конечно) хомяка. Постепенно он станет еще кучерявее и толще.
В связи с тем, что цель стоит, прежде всего, учебная, на сайте имеется изрядное количество велосипедов. Я в курсе, что есть готовые библиотеки почти для всего, но я хочу научиться, поэтому даже jQuery не злоупотребляю.
Тег <spoiler> я придумал тоже в учебных целях: чтобы понять, как отреагируют браузеры. Как ни странно, такие не входящие в стандарт теги нормально обрабатываются всеми браузерами. Решил оставить и использовать. Правда, валидатор ругается.


Правила хорошего сайта

  • Активные ссылки подчеркнуты, цвет - любой. Нессылки и неактивные элементы - не подчеркнуты. Для простого оформления текста подчеркивание использовать нехорошо, ибо у интернет-пользователей должно быть понимание: если подчеркнуто - можно кликнуть и попасть в какое-нибудь не очень страшное место.
  • Посещенные ссылки должны быть помечены цветом. Ссылки, не меняющие цвет - это плохо. Исключением может быть стандартная навигация, по которой априори кликают постоянно и следить за тем, куда кликал, а куда нет - не особенно нужно.
  • Никаких страниц просмотра картинок. Единственный разумный способ показать картинку - открыть графический файл.
  • Никаких самодвижущихся элементов вроде слайдера или переключателя новостей.
  • Никакого автовоспроизведения звука или видео. Максимум, что можно себе позволить: проиграть что-то не очень пугающее по наведению курсора мыши.
  • Никакой навязчивой рекламы. Впрочем, тема этого сайта в любом случае некоммерческая.
  • Никаких мобильных версий. Устройство, которое не в состоянии показать полноценный сайт - это устройство-инвалид.

Браузеры

Сайт создан с использованием современных стандартов верстки, поэтому в браузере Internet Explorer что-то может не работать. Основная разработка идет в браузере Firefox. Потом все тестируется и подправляется под какой-нибудь Chromium (я предпочитаю Vivaldi).

Мой рейтинг браузеров выглядит следующим образом

  • Opera 12. Все браузеры с установками по умолчанию - неудобны. Опера - не исключение. Но есть одно важное отличие: она настраивается под себя практически на 100%. Это означает, что в случае с Оперой из браузера можно сделать конфетку.
    Все версии, вышедшие после 12-й, имеют к Опере отношения чуть менее, чем никакого. Почему-то разработчики решили вместе в переходом на Chromium пойти дальше и превратить уникальный браузер в очередной невнятный клон Google Chrome. Поэтому последняя настоящая Опера имеет версию 12. Смерть Оперы - вопрос времени, увы. Вангую, что до появления новых стандартов вроде HTML6 / CSS4 через Оперу можно будет смотреть все более-менее солидные ресурсы.
  • Vivaldi. Часть разработчиков классической Оперы воспротивилась превращению своего детища в серое нечто, но внутри Opera Software им найти понимания не удалось. Они ушли и стали пилить свой собственный браузер с блэкджеком и шлюхами. Тягаться с монстрами разработки нелегко, но браузер все же был рожден, и даже в виде новорожденного уже выглядел куда лучше некоторых. Настраиваемость внушает.
    Будучи фанатом старой Оперы, я таки перешел на Vivaldi. Считаю его наиболее оптимальным живым браузером для работы. Пока, конечно, есть не все, что хочется иметь. Но у других-то и этого нет. Удачи ребятам из Vivaldi Technologies от души.
  • Firefox. Пожалуй, если бы не появился на свет Vivaldi, переползать после смерти Оперы пришлось бы именно на Firefox. У него тоже хорошие возможности для настройки, хотя процесс допиливания браузера посложнее. Firefox уважаю. Основную локальную проверку наделанного мною веду в нем.
  • Яндекс.Браузер. Версия Chromium-браузера от Яндекса. Во-первых, он ничем не хуже Google Chrome, а для любителей сервисов Яндекса (а Россия - одна из тех немногих стран, где Гугл уступает по популярности местной поисковой системе) он и вовсе удобнее. Во-вторых это наша, российская разработка. Если чужеземное не лучше нашего, зачем делать выбор в пользу чужого?
  • Opera Next. Это та самая Опера на Chromium. Во-первых, она ничем не хуже Google Chrome, а для любителей классической Оперы - лучше, ведь кое-что разработчики все же из старой Оперы перетянули. Во-вторых еще жива память о былой любви.
  • Internet Explorer / Edge. Браузер от Microsoft. Не самый плохой выбор, но на большого любителя. Даже не потому, что неудобен, а из-за своеобразной поддержки стандартов. Поначалу был несколько удивлен, читая учебники по верстке, что многие главы содержали предложения вроде «это работает во всех браузерах, кроме Internet Explorer». Потом привык и теперь воспринимаю это как некую отличительную особенность браузера от Microsoft. Фишечка такая. Если он станет соответствовать стандартам - потеряет свой шарм.
  • Google Chrome. Компания Google страдает всеми возможными болезнями корпорации. В браузере мы явственно видим старый добрый принцип «пользователи для продуктов, а не продукты для пользователей». Взять хотя бы такой стандартный элемент интерфейса, как верхнее меню. Его сделать стоит копейки. Почти во всех остальных браузерах есть возможность как включить верхнее меню, так и выключить. В Google принципиально решили не давать пользователям возможность выбора. Настройки в Google Chrome... Впрочем, не будем углубляться в эту печальную тему. Все это очень напоминает политику Microsoft. Но даже браузер от Microsoft настраивается лучше. Google Chrome - это последний браузер, через который я бы хотел смотреть в мир интернета.
  • Safari. Понятия не имею, что это за браузер. Проверять верстку в нем проблематично, так как нет версии под самую популярную ОС. Возможно, есть эмуляторы, но возиться совершенно не хочется. Существование Safari в данный момент предпочитаю игнорировать.

Информация о браузере посетителя от шпионского скрипта


Планы и идеи на будущее

  • Прокачать навык кодинга на JavaScript до более-менее приличного уровня.
  • Изучить PHP и MySQL, раз уж они поддерживаются всеми хостерами.
  • Разобраться с jQuery и сделать с его помощью что-то очень крутое.
  • Поковырять CGI и, видимо, Perl. Если будет интересно - углубиться.
  • Ах да, и, конечно, откармливать хомяка. У меня еще есть масса идей для генерации разного рода контента.

Благодарности и правила использования контента

Я благодарен себе за все. Без меня ничего бы этого не было.
Использовать содержимое этого сайта можно при указании авторства и дальнейшем свободном распространении на аналогичных условиях (см. ниже лицензию Creative Commons). При использовании материалов сайта было бы неплохо поставить активную ссылку на источник, но это уже, впрочем, требованием не является.
Самое строгое условие: использовать содержимое этого сайта можно только на свой страх и риск; автор никакой ответственности за возможный ущерб при использовании его творений не несет.

Все материалы сайта, создателем коих является Чушестраннец, доступны на условиях лицензии Creative Commons «Attribution-ShareAlike» («Атрибуция — На тех же условиях») 4.0 Всемирная. Аминь.