Kod na Stronie

Sil­nik stro­ny: Word­Press

Kodo­wa­nie: HTML5, Sass, Java­Script 6 (z jQu­ery 3), PHP (z funk­cja­mi WordPress)

Kom­pi­lo­wa­nie i kom­pre­sja kodu: Babel, Java­Script Mini­fier, WP-SCSS

Edy­tor: Code­any­whe­re

Hosting stro­ny: zen​box​.pl

Infor­ma­cje doty­czą­ce zmian w kodzie strony

W logo oraz favi­co­nie blo­ga wyko­rzy­sta­no gra­fi­ki: pió­ra i klek­sa.

Kro­je pisma:

• Sarala (Google Fonts) – główny, bezszeryfowy krój na stronie, użyty między innymi tutaj oraz na ekranie ładowania
• Spectral (Google Fonts) – krój szeryfowy, używany w treści wpisów na blogu
• Exo 2 (Google Fonts) – dodatkowy krój bezszeryfowy, wykorzystywany między innymi we wstępach do wpisów na blogu
• IcoFont – font z symbolami, wykorzystany w ikonkach interfejsu bloga

Sty­le CSS innych autorów:

• destyle.css – resetuje domyślne style
• Pure CSS Scroll – animowane strzałki
• MicroTip – dymki z podpowiedziami

Skryp­ty innych autorów:

• clipboard.js – umożliwia kopiowanie linków bezpośrednich (#) do schowka
• in-view.js – wykorzystywany do sprawdzania, czy pewne elementy strony są widoczne na ekranie
• JavaScript Cookie – generuje pliki cookie zapamiętujące ustawienia wersji kolorystycznej strony
• Lity – wyświetla podlinkowane filmiki z YouTube oraz innych, podobnych serwisów, w wyskakującym okienku

Skrypt poka­zu­ją­cy Spis Tre­ści we wpi­sach na blo­gu (widocz­ny w bocz­nej kolum­nie), napi­sa­ny na podstawie:

• Janko Jovanovic Blog
• CodyHouse
• InfoHeap
• Stack Overflow

Wtycz­ki do WordPressa:

• Category and Taxonomy Image – dodaje i wyświetla obraz ilustrujący niektóre kategorie
• Category Order and Taxonomy Terms Order – nieznacznie zmienia kolejność wyświetlania kategorii na podstronie Kategoryczne Kategorie
• Custom Twitter Feeds – pokazuje wpisy na Twitterze w bocznej kolumnie
• Disqus Comment System – umożliwia komentowanie wpisów za pomocą serwisu Disqus
• Humans TXT – generuje plik humans.txt
• jQuery Updater – wgrywa do kodu strony najnowszą wersję biblioteki jQuery
• LiteSpeed Cache – generuje cache strony (a dodatkowo kompresuje pliki CSS i JS)
• Podcast Player – wyświetla najnowszy odcinek Rozmowy Międzymiastowej w bocznym menu
• Reading Time WP – informuje o przewidywanym czasie czytania wpisu na blogu
• Relevanssi – zastępuje standardową wyszukiwarkę na stronie (generuje bardziej adekwatne wyniki wyszukiwania)
• Responsive Lightbox & Gallery – po kliknięciu w obraz, wyświetla jego powiększoną wersję w lightboxie
• Smash Balloon Social Photo Feed – pokazuje zdjęcia z Instagrama w bocznej kolumnie
• WP Statistics – tworzy statystykę odwiedzin bloga
• WP Subtitle – umożliwia dodawanie do wpisów podtytułów
• WP-SCSS – konwertuje pliki SCSS do formatu CSS (wtyczka jest uruchamiana tylko w przypadku zmian w kodzie strony)
• wp-Typography – dzieli wyrazy we wpisach oraz na inne sposoby wpływa na lepszą typografię tekstu
• Yet Another Related Posts Plugin (YARPP) – pokazuje polecane Dyrdymały w stopce każdego wpisu
• Yoast SEO – generuje tytuły, opisy i miniaturki wpisów na blogu, wyświetlane w wyszukiwarkach i serwisach społecznościowych