Цього разу вже серйозно, без Пакмена. В дописі багато технічних деталей.

Не так давно в моїй здоровій голові спонтанно виникла думка познущатися над репостерами. Технічну сторону я вигадав швидко — зробити так, щоб опубліковані зображення в моєму блозі мали нормальний вигляд, а в разі перепосту — щось з ними робилося. Можна, звісно, зловживати mod_rewrite, проте від недавніх пір в мене його немає, як і повного контролю над системою, де живе мій сайт — криза настала. Тому моя здорова голова вигадала технологію RPT — RePost Trolling і зараз я розповім, в чому її суть.

Для початку малюємо модифікатор — напівпрозору картинку, що за розмірами відповідає публікованій фотографії (800х530). Мій приклад малюється в GIMP за п'ять хвилин за допомогою градієнтного заливання. Обов'язково додати альфа-канал і зберігати в формати із його підтримкою.

RPT1

Картинка імітує засвічування фотоплівки в наслідок потрапляння на неї радіації, ви можете використати щось інше — трольфейс, наприклад. В принципі, можна скористатися CSS, де є підтримка радіального градієнту через властивість background: radial-gradient, проте вона реалізована тільки в самих нових браузерах, а для трішки старіших треба городити милиці.

Наступним кроком городимо конструкцію-контейнер для фотографії:

<table style='width:800px; height:530px; padding:0px; background-image:URL(/files/roentgen/00-zone_hazard_sign.jpg); background-repeat: no-repeat;'><tr><td style='padding:0px; margin:0px;'><div style='width:800px; height:530px;'><img src='https://lh3.googleusercontent.com/-yiYRFTbwE0U/UzkkXXmIvuI/AAAAAAAABeo/C01zOxZiKKA/s800/curtain.png'></div></td></tr></table>

Це є таблиця з однією клітинкою, фоном якої слугує наша фотографія, а всередині вставлено блок із картинкою модифікатором. яка накладається на наш фон. Приємний бонус — технічно неграмотні користувачі не зможуть скопіювати фотографію із сторінки через меню, хоча розглядати це як захист від тирення фотографій не можна.

RPT2

Такий контейнер доведеться городити для кожної фотографії, підставляючи до заготовленого шаблону URL потрібного знімку — в тім, цей процес у мене автоматизований. І на останок треба зробити так, щоб блок із модифікатором не був видимим у мене в блозі. ЖЖсти заходять сюди і пишуть CSS код:

.entry-content table div {display:none;}

Тобто, коли читач знаходиться у вашому журналі, на сторінку діють ваші стилі оформлення і напівпрозора ширма невидима взагалі. Єдина можлива засада — якщо читач подивиться ваш допис через свою стрічку друзів, що оформлена темою його блогу і ваш CSS там не діє. Тому треба заблокувати динамічне розкривання кату — я не знайшов кращого варіанту, ніж приховати справжній кат, а на його місце всунути фейковий у вигляді звичайного посилання — ви могли помітити, що коли зайти у радіоактивний допис, то він не зникає. Зробив я це так:

<p style="color:white"><lj-cut text=" "></p>

З технічної сторони все вийшло майже бездоганно, тільки Demarcos спалив усю контору — може він якраз і пробував репостити? Або я щось напартачив і помилка вилізла у його версії браузера. Хоча, в коментарях це обернулося на додаткові лулзи.

Тепер залишилося знайти жертву, охочу репостити мій шедевр. Окинувши оком назад, бачимо Ярослава Козака, який репостив мої дописи про трамвай-кафе, фабрику ялинкових іграшок і ще щось там. І тут якраз трапляється поїздка в Чорнобильську зону, з якої я роблю об'ємний класичний фотозвіт все-в-одному. Треба було іще додати дрібного підлабузництва, помістивши посилання на Добре поїхали і написавши, який Ярко молодець.

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

В ЖЖ, у коментарях до попереднього радіоактивного допису аж двоє читачів поскаржилися, що бачать на знімках білі плями. Інші, хто не бачив, підняли їх на глум, проте я все-ж вирішив перевірити, чи це такий невмілий тролінг, чи, може, справді щось сталося. Я провів невеличке розслідування і, не зважаючи на брак технічної інформації від цих читачів, зумів відловити факти появи плям на фотографіях.

HTML code

Для встановлення причини мені довелося перекопувати HTML-код та HTTP-журнали, переглядати довідники і чесати потилицю. Ще виявилося, що явище виникає лише в ЖЖ, тоді як на стенделоні все чисто. І після пари годин копання в кодах причину я знайшов. Бажано вимкнути блокування флешу в кого увімкнено, бо я зробив у ньому візуалізацію — там навіть не треба коментувати. Причина під катом.

Ну, я розумію, що з Yandex не цікаво конкурувати. Але не з самими-ж собою.

chromium default search engine

Так, я намагався завести World of Tanks під Debian. В цих ваших інтернетах пишуть, що це нескладно, але не під архітектурою amd64 з драйверами від ATi. Після встановлення вороху 32-розрядних пакунків для сумісності, я виявив, що не працює 3D прискорення для них. І надумав я перевстановити заводський драйвер. І тут мене спіткала невдача — система заплуталася у власних-же 32 та 64-розрядних бібліотеках — при спробі стартувати драйвер, видавало помилку wrong ELF class: ELFCLASS32. Єдине, що залишається — ставити заново повністю 32-розрядну систему з pae-ядром, бо на комп'ютері 8 ГБ мізків.

Ну, заголовок, насправді надто гучний, а суть наступна. В своєму бажанні змінити оформлення стенделону, поцікавився я думки у двох своїх знайомих, причетних до веб-дизайну. Тобто, спочатку я погуглив на цю тему ідеї, але там один кольоровий треш початку 2000-х, або щось таке безідейне. Я-ж хочу, щоб була якась родзинка — наразі це ліва бічна панель із винесеними заголовками, тегами та датами. Але вона трішки не стабільна — у разі зміни розміру вікна браузера може поплисти. Виправити мені це не вдалося — треба було робити табличне верстання хіба що. Власне, я хочу взагалі обійтися без бічних панелей.

Один із знайомих колись займався цим, його покусав Артемій Лєбєдєв, бо тепер у нього смаки відповідні — ідеальний дизайн — це чорний текст на білому фоні і без ніяких зайвих елементів. Щоправда, це не паперовий документ, а особистий сайт, тому якось мене ця ідея не приваблює.

Інший знайомий не такий категоричний, хоча також за скромний дизайн. Він підказав мені про правило @media в CSS, що дозволяє робити окремі дизайни для комп'ютерів та мобільних пристроїв і не розумів, чому я хочу прибрати ліву панель. Мені-ж не хочеться робити декілька дизайнів, хочеться чогось одного, що влізе і на мобілку, і на великому екрані матиме вигляд.

В когось є якісь ідеї? Вас, ЖЖсти, теж стосується.

Інколи дивлюся відеоогляди тої, чи іншої техніки — трапляються як професійні, так і аматорські. Деякі із них викликають позіхання і бажання припинити дивитися. Причини — цілком елементарні, не варто бути професійним журналістом, щоб їх врахувати та виконати. Серед них я виокремлю:

  • Розпакування товару. Руки перед камерою відкривають коробку і дістають звідти купу мотлоху — інструкцію, рекламки, кабелі, зарядки, гарантійки і, на решті, сам пристрій. Під шелепання кульочків, плівочок та папірців автор називає, що там є, на що йде купа часу. Хочеш показати багату комплектацію? Поклади все поруч розпакованим, зніми в кадр і покажи рукою. Товар купують не заради класної упаковки, вона геть не цікава.
  • Фон теж, часом, радує. Ідеальний, на мою думку, білий. Або іншого кольору тільки однотонний. Або, принаймні, без зайвих предметів. Останнє можна отримати навіть в домашніх умовах.
  • Бекання і мекання. Красномовності Ціцерона ніхто не вимагає, але хоч продумай трішки розповідь і напиши на листочку, що будеш розповідати. Експромт мало кому вдається.
  • Руки мнуть пристрій і не знаходять собі місця. Може прибрати їх з екрану?
  • Елементарний монтаж теж не завадить — повирізати моменти очікування, наприклад, вставити плавні переходи.

Може не все сказав, те, що в голову спало, можете дописати.

Сам сиджу за ADBlock, тому думав, що у мене в стенделоні реклами немає - ну, піар Богдана Поповича і Ярослава Козака вважайте відуками про надані ними послуги. Але вона, як виявилося, є - система коментування DISQUS заставляє користувача певний час дивитися на рекламне повідомлення, перед тим, як дати можливість дефекувати у моєму блозі.



Я не заперечую проти реклами в інтернетах взагалі - треба-ж їм якось гроші заробляти. Хіба не можна, як гугль - виділити збоку чи знизу акуратний рекламний блок? Тепер я у роздумах - з одного боку, досить зручна система коментування вийшла, але з іншого хочеться її викинути к чортовій бабусі.

Крім того, із власного досвіду, варто сказати, що ніколи мені не знадобилося те, чого рекламу я бачив на просторах інтернетів. Або була реклама взагалі мені непотрібного - автокредити, онлайн-іграшки, або запізніла реклама телефонів, коли я вже здійснив покупку.

Тому, шановні читачі стенделону - чи заважає вам реклама у DISQUS? Якщо так, то або буду міняти, або пошукаю можливість платного відключення, якщо не пошкодую бабла.

Тут прикотили ідею написати про свої улюблені дописи і запросити своїх читачів також написати про їхні улюблені дописи — не чиїсь, а саме власні. Отже, пройшовши по каталогах, я виокремив наступне:

А що із вашого подобається вам?

Превед, кросавчеги! Гоу в штаттын заповедниги!

скрін гугльмапи

До речі, скоро я так і зроблю - правда, не в ті, що показані на карті. Не перемикайтеся.

Я тут переглядав свої старі дописи та коментарі до них — у пошуках старих лулзів. Знаю, не мене одного обурюють написи deleted comment. Хоч бери і роби знімки екрану на всі цікаві дискусії.

deleted comments

Отже, я навіть куплю платний обліковий запис, якщо там буде можливість налаштовувати можливість чи неможливість вилучення коментарів. Наприклад, коментар блокується автоматично через 10-20 хвилин після публікації — ну, щоб можна було якусь описку виправити. Або блокується автоматично після того, як на нього відповіли. Або якщо і не блокується, то при спробі вилучення заміняється словами "Я не відповідаю за свої слова", "Я зливаю" чи чимось схожим. Звісно, відвідувачі мають бачити чесне попередження про це.

Як ви ставитеся до таких ідей?

Негарно позаочі обговорювати інших людей, але я не позаочі і по доброму.

Отже, звернув я, якось, увагу на те, що в блозі Івася Тарасика немає жодної великої літери. І не тільки в тому, що писав він сам, а і в коментарях відвідувачів — ну не можуть-же вони всі писати без великих літер. Але тоді я не придав цьому значення, так як це цілком вписувалося в хіпстерський дух його журналу — інді-ігри, інді-фото в ґуґль-плюсі, тощо.

Але якось мене дратує, що блог, приймаючи мої коментарі, теж виправляє всі великі літери на малі. І задумав я з цим боротися. Насправді, зробити автоматичну трансформацію літер у великі, чи в маленькі досить просто — достатньо скористатися CSS-властивістю text-transform, застосувавши її до потрібних елементів на сторінці. Тобто, при бажанні, за п'ять хвилин, із яких чотири піде на те, щоб залогінитися, знайти і відкрити потрібний файл на сервері, я можу зробити такий фокус на своєму стенделоні або в ЖЖ. Отже, якщо ми напишемо щось таке:

<div style="text-transform:lowercase;">Міжнародні організації та країни з абревіатурами в назвах: ООН, НАТО, СРСР, США.</div>

То побачимо ось таке:

Міжнародні організації та країни з абревіатурами в назвах: ООН, НАТО, СРСР, США.

По суті, весь текст на сервері зберігається в нормальному вигляді, а перетворюється на малі літери уже вашим браузером, що діє згідно завантаженого CSS. Можете прокоментувати у Івася в блозі щось великим літерами, а потім відкрити джерельний код (Ctrl+U) і пошукати в ньому ваші коментарі — вони там нормальні.

Раз літери перетворюються уже на нашому комп'ютері, значить, можна із цим боротися. Для популярних браузерів є додатки, що дозволяють використовувати на сайтах свої власні CSS. Тобто, завантажуємо сторінку цього блогу, знаходимо стиль, що відповідає за трансформацію літер, переписуємо його як text-transform:none; і говоримо браузеру, що це є істина в останній інстанції. Коротше, відкрив сторінку, оглянув її код і мало не зсунувся під стіл. Мало того, що Івась прописав трансформацію не в окремому CSS-файлі, а захардкодив прямо в сторінку (так як код сторінки має пріоритет над таблицями стилів, то вищеописаний метод боротьби абсолютно недійсний), так він іще-й прописав це все аж в 18 місцях — для певності, щоб, зараза, жодна велика літера не проскочила! Капітофобія, коротше. Ось такий вигляд мав код після очищення від всього іншого:

Bluefish with CSS

Це, ніби, ти застрелив когось в голову, а, потім, вирішив продірявити на пару обойм, щоб гарантовано не вижив. Ось так, на цьому все, не перемикайтеся.

Сторінки