Web
Теплий ламповий www
Інтернет нульових був теплим Нульові роки були дивним часом. Інтернет тоді ще не перетворився на величезний торговий центр, де на кожному розі тобі намагаються щось продати, підписати на черговий сервіс або підсунути рекламу курсів з успішного успіху. Він більше нагадував невелике провінційне місто. Ти заходиш на якийсь сайт, зроблений однією людиною, і буквально відчуваєш присутність автора. Кривий дизайн, жахливий HTML, анімовані GIF, гостьова книга, лічильник відвідувань, розділ «Про мене», фотографії кота та стаття про налаштування FreeBSD упереміш із рецептом шашлику.…
Бомжі в мережі
В інтернет я вперше потрапив ще у 1997 році. Це було зовсім інше місце. Ніяких соціальних мереж, ніяких смартфонів, ніяких корпорацій, які контролюють більшу частину трафіку. Інтернет тоді більше нагадував величезну неструктуровану мережу ентузіастів. З кінця дев'яностих я спостерігав практично всі етапи його розвитку. Фідо, IRC, перші форуми, домашні сторінки, перші пошукові системи, поява блогів, народження SEO, розквіт контекстної реклами, соціальних мереж та подальшу поступову монополізацію мережі. На початку двохтисячних я, як і багато хто тоді, почав експериментувати з різними…
Vim шпаргалка
Vim ШпаргалкаОсь особиста шпаргалка по командах редактора Vim, які я часто використовую або забуваю.Навігація та переміщення:h, j, k, l — Вліво, вниз, вгору, вправоw — Перейти вперед до початку словаb — Перейти назад до початку слова0 — Переміститися на початок рядка$ — Переміститися в кінець рядкаgg — Перейти на перший рядок документаG — Перейти на останній рядок документаРедагування:i — Режим вставки перед курсоромa — Режим вставки після курсораo — Відкрити новий рядок під поточнимu — Скасувати останню діюCtrl + r…
Калькулятор складного відсотка
#compound-calculator{ padding:5px 10%; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; --cc-bg:rgba(0,0,0,.02); --cc-border:rgba(0,0,0,.1); --cc-input-bg:#fff; --cc-text:#1a1a2e; --cc-text2:#555; --cc-label:#666; --cc-muted:#999; --cc-accent:#fff; --cc-accent-text:#111; --cc-btn2-bg:rgba(0,0,0,.04); --cc-btn2-text:#555; --cc-hover:rgba(0,0,0,.02); --cc-th-bg:rgba(0,0,0,.04); --cc-highlight:#0066cc; --cc-divider:rgba(0,0,0,.06); } body[data-theme="dark"] #compound-calculator{ --cc-bg:transparent; --cc-border:rgba(255,255,255,.08); --cc-input-bg:rgba(255,255,255,.04); --cc-text:#e0e6ed; --cc-text2:#a0b0c0; --cc-label:#7a8ea3; --cc-muted:#5a6d80; --cc-accent:#fff; --cc-accent-text:#0a0f1a; --cc-btn2-bg:rgba(255,255,255,.06); --cc-btn2-text:#8a9bb0; --cc-hover:rgba(255,255,255,.02); --cc-th-bg:rgba(255,255,255,.04); --cc-highlight:#6cb8ff; --cc-divider:rgba(255,255,255,.06); } #compound-calculator{color:var(--cc-text)} #compound-calculator, #compound-calculator *{box-sizing:border-box} .cc-inputs{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:20px; } .cc-field label{ display:block; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--cc-label); margin-bottom:6px; } .cc-field input{ width:100%; background:var(--cc-input-bg); border:1px solid var(--cc-border); border-radius:6px; color:var(--cc-text); padding:10px 12px; font-size:16px; outline:none; transition:border-color .2s; } .cc-field input:focus{ border-color:var(--cc-highlight); }…
Дізнатися все за допомогою терміналу
Усі утиліти працюють у термінальному режимі.nmon – утиліта з GUI інтерфейсом для моніторингу CPU, memory, disk i/0 та інших атрибутівhdparm -t -T /dev/sda1 – дискова продуктивністьstat -f / – кількість зайнятих/вільних блоків/інодівiostat -m -x sda 2 6 – дивимося завантаження вказаного диска (пакет sysstat)vmstat -S M 2 50 – дивимося статистику/споживання за ресурсамиfree -m (колонка cache – пам'ять зайнята під кеш ФС)cat /proc/meminfo – інформація про оперативну пам'ятьcat /proc/cpuinfo – інформація про процесорcat /proc/interrupts – хто ґенерує більше перериваньcat /proc/net/dev…
WordPress на новий домен
Перенесення WordPress на новий домен Іноді виникає необхідність змінити домен сайту, не змінюючи при цьому сам сайт. Контент залишається колишнім, структура посилань не змінюється, але адреса стає іншою. На перший погляд завдання виглядає простим, однак якщо зробити щось неправильно, можна втратити частину трафіку, позиції в пошуковиках або отримати масу проблем з індексацією. Умовно процес можна розділити на дві частини: Перенесення WordPress на новий домен. Налаштування постійного редиректу зі старого домену. Перед началом Перше, що необхідно зробити: Скопіювати всі файли сайту…
Рушій для блогу
При створенні блогу я зіткнувся з вибором того, як і де його вести. Незважаючи на те, що блогам пророкували швидкий спад популярності, вони залишилися на плаву (привіт з 2015 року, все так і сталося). Причому стали найпопулярнішим видом мережевої сторінки. Все більше людей хочуть висловлювати свої думки, ділитися ними з оточуючими та висловлювати свої творчі емоції.Так що ж все-таки краще вибрати? Для WordPress є просто величезна безліч плагінів, розширень, оновлень і тому подібного дуже корисного. Популярністю WordPress багато в чому зобов'язаний…
WP пости з довільного поля
Вивести записи виявилося не так просто, тим більше з певної рубрики, яку редактор сайту вибрав у довільному полі. Витратив дві години часу на те, щоб витягнути те, що мені потрібно, у тому вигляді, в якому я хотів:<?php $catid = get_field('proizvolnoe_pole', $term); ?><?php $posts = get_posts ("category=$catid&orderby=date&numberposts=10"); ?><?php if ($posts) : ?> <?php foreach ($posts as $post) : setup_postdata ($post); ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?>$catid - змінна в яку зберігаємо значення довільного поля.get_field - функція, що повертає значення поля.proizvolnoe_pole -…