Блог Андрія Огороднікова Хто з мечем до нас прийде, від меча й загине.

Записи в рубрике «Интернет»

Google Color Picker

У меня в закладках для повседневного пользования есть несколько веб-инструментов для работы с цветом, обычно они у меня под рукой в рабочем браузере, а тут я был вне и запамятовал адресок. А нужно было быстро и точно подобрать цвет. Полез в гугл и обнаружил, что по запросу color picker выдаются не только ссылки на всевозможные […]

Twitter-280

Wha?? Обнаружилось, что нынче в твиттере есть [пока не у всех] возможность вписывать не 140 знаков, как прежде, на заре и доныне, а аж 280. Что совершенно другой коленкор. Но я пока не пришел к единому выводу — хорошо это или плохо. Ибо есть действительно интереснейшие аккаунты (как на иллюстрации), а есть… И по статистике […]

Что нам делать с пьяным матросом… то есть Firefox 57+?

А я пытаюсь пользоваться сверхновым браузером Файрфокс-Квантум (Firefox 57+). Файрфоксом, который отрубил свое наследие в виде сотен и сотен прекрасных расширений/дополнений. И принялся базироваться на той же технологии, что и почти нерасширяемый ГуглХром. Этот оффтоп важен, потому как браузер — рабочий инструмент для меня и как блоггера, и как сайтостроителя. Пока впечатления такие: 1) Дубовый […]

Снова опять почта

Опять это… Контактная тема. Вопрос актуален в связи с санкциями в отношении, в частности, майл.ру и яндекса. Если еще кто не в курсе, у меня (как и у всех находящихся на территории Украины) — вот уже больше полумесяца — нет доступа к этим сервисам (срок санкций минимум 3 года). Кроме того, отвалилась не только почта […]

К вопросу о переносах

Есть очень большой и напряженный вопрос в такой значимой сегодня сфере как веб-типографика. т.е. как оформлен текст на сайтах. Ни для кого не секрет, что верстка веб-страницы во многом наследует верстку книжную, типографскую, разумеется, в гораздо более упрощенном виде. Однако же, комфортное чтение, особенно длинных текстов, штука очень важная и в реале, и в виртуале. […]

Дэновские инструменты

В поисках онлайнового минимизатора для css (решил и такой тип оптимизации испробовать), я отыскал целый великолепный набор инструментов под «одной крышей» — с очень простым названием «Dan’s Tools». Особо порадовал меня инструмент для подбора веб-цветов, по ощущениям — самый удобный из тех, что я встречал, все под рукой и ничего лишнего. Он у меня уже […]

Png vs. Jpg vs. Jp2000

Задумал сделать тут небольшой отчет о том, как блогореконструкция продвигается. Сделал скриншоттт главной странички блога и узрел, что он неоправдано велик для не несущей чего-то особенного иллюстрации. 412 кбайт в png — формате, сжимающем без потерь, и сжимающем весьма здорово, я специально проверил, тот же самый скрин в популярнейшем на закате 90-х формате bmp весил […]

Часы для любой точки земного шара

Записка, связанная с велозапиской на велоблоге. Я задумался о функциональной плашке (виджете ака), отражающей время в определенной (нужной мне для тех или иных целей) точке земного шара, точнее — привычно отсчитывающей время в этой точке, например, Гонконге, где вот-вот начнется трековый чемпионат мира. Импортозамещение — вместо яндекс-тайма. Hong Kong (CHN): Kiev (UKR): Adelaide (AUS): Stockholm […]

Гуглопер

Один из шедевров машинного перевода: Пиво будет вам полный глаз упоминается как самый вкусный. Красота тоже устал в течение трех дней. Учитель или в конце концов называется Сенько, босс или ставятся вертел в чай, муж к жене … Нет, давайте больше останавливаться. Введение также является одним, что не кажется, независимо от того, насколько хорошо, в […]

piccy.info — хостинг картинок

Пока лежит бегет, где у меня лежит зимний блог, я сунулся поискать альтернативные хостинги. Не столько для скиспорта, сколько для вспомогательных страничек, т.е. добротную альтернативу 000webhost, который позволяет привязывать домены гибко (просто по A или с ns). В этом единственное его достоинство, все остальное швах. Я нашел очень интересный вариант. Облачный хостинг на SSD дисках! […]

По-модньому или верстка в HTML5

Наново собрал бложековое оформление, используя энное разумное количество новых тегов и принципов. <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title></title> <meta name=»keywords» content=»»> <meta name=»description» content=»»> <link href=»style.css» rel=»stylesheet»> </head> <body> <div class=»wrapper»> <header class=»header»> </header> <nav class=»nav»></nav> <div class=»middle»> <div class=»pixel»></div> <div class=»container»> <main class=»content»> </main> </div> <aside class=»sidebar»> </aside> </div> <div class=»footer-pixel»></div> <footer class=»footer»> […]

Оптимизация изображений — PngOptimizer

Простая как пятак, но эффективная на несколько большее кол-во дензнаков, программа по уменьшению веса (оптимизация в нете — это всегда меньше, короче и уже) изображений в формате PNG. Работает прекрасно как с большим, так и малым файлом. Никакого интерфейса и кнопочек. На окошко перетягивается нужный файл, программа его обрабатывает и сохраняет под тем же именем […]

Единицы измерения — px, em, % и прочая

Очень важный вопрос, напрямую касающийся темы предыдущей заметки. Как задавать размеры шрифтов и прочих элементов в веб-строительстве? Способов, точнее единиц существует множество, и все они, так или иначе, работают, делают свое незаметное дело, внося важнейший вклад в дизайн сайтов. Попробуем систематизировать. 1) Это «оффлайновые» единицы, которые используются в повседневной жизни или в типографских работах. Ведь […]

Скоростная оптимизация — 2. Gzip

И это хорошо. Потому что достигается просто. Если ваш сервер Apache (коих подавляющее большинство), достаточно добавить в корневой файл .htaccess вот такой простейший код: <IfModule mod_deflate.c> SetOutputFilter DEFLATE Header append Vary User-Agent </IfModule> Этот код дает команду серверу на лету сжимать, «архивировать» файлы вашего сайта, которые отдаются по запросу посетителя. Вместо того, чтобы загружать 200 […]

Паратайп — вон!

Изъял из подгрузки и стилей шрифт PT Serif Caption. Помимо некоторого ускорения загрузки блога, это еще и выражение протеста. Фирма Паратайп, поучаствовав в создании шрифтов семейства «Астра», облегчила участь ряду рфских компаний, попавших под международные санкции. Эти компании, по условиям санкций, не могли получить лицензии на шрифты Таймс Нью Роман и Ариал, необходимые по ГОСТам […]

Статика

Я как человек, измученный вордпрессом, не прекращу повторять, что лучше простого статического сайта нет ничего в вебе. Простого — не в смысле голого и босого, как встарь. На этом ристалище под названием «интернет второй половины 10-х годов» рубятся две противоположности: «удобство работы юзера тире дробь аффтара» и «скорость работы его ресурса». Вторая важнее, так как […]

Начала скоростной оптимизации

Страшно подумать, у меня на блоге было подключено аж 4 шрифта с Google Fonts! И хоть мне очень нравилось отображение их в тех местах, где я задумал, два шрифта я уберу, ради более быстрой загрузки всего сайта. Увы. PT Sans и PT Sans Caption уходят. Остаются Ubuntu в качестве основного и PT Serif Caption (c […]

Валидненько

Интересно, о какой валидации можно говорить, если такие гиганты как facebook и youtube предоставляют для вставки невалидный код? Нет, ну я понимаю, что все нужно править самостоятельно. Но вот ровное место. Еще один смешок. Я выделил одну важную штуку тегом <section>, посчитав это оправданным в том контексте семантически. То не был <артикль> или <нав> с […]

Firefox 49 и некоторые расширения

Немножко старания и терпения — и ультрасовременный Файрфокс приобретает пристойный классический вид. Ну, почти. Ну давайте немного об этом… Мне кажется неудобной и нерациональной стандартная файрфоксовая «среда» Australis. Ее приходится отрубать и перенастраивать. Благо — есть совершенно чудесное дополнение «Classic Theme Restorer», которое позволяет не только вернуть внешность нормального Фокса, но и очень тонко настроить […]

Нативный спойлер

Я тут упоминал о таком замечательном теге (тегах) html5 как <DETAILS> и <SUMMARY>, позволяющих сделать простой, но эффективный спойлер (то есть скрыть|открыть часть информации, что, как мы знаем, удобнее разбиения статьи на две части «подкатом» с необходимостью перехода на отдельный url, если оно не подгружается с помощью AJAX и пр. скриптщины). Одна проблема, замечательная эта […]