O projekcie
World of Raptors
Kurs o drapieżnikach dziennych i nocnych, który uczy patrzeć w niebo i słuchać nocy.
- Pomysł, plan kursu i treść
- Konstancja Tanjga
- Projekt, ruch i kod, razem z autorką
- Claude model AI firmy Anthropic
Skąd ten kurs
Biologia i teren w jednym miejscu
Kursy Cornell Bird Academy dzielą temat na dwie osobne (płatne) części: biologię („The Wonderful World of Raptors”) i rozpoznawanie („Hawk and Raptor Identification” — tylko Ameryka Północna). Ten kurs łączy obie rzeczy i skupia się na Polsce, południu Hiszpanii i Cieśninie Gibraltarskiej. To prywatny kurs do własnej nauki.
Kurs ma dwie ścieżki nauki (jak ścieżki w Pluralsight). Można przejść obie po kolei albo wybrać jedną po teście startowym.
Strony, sceny i narzędzia powstały w rozmowie: autorka decydowała, co i po co ma być w kursie, a Claude projektował i pisał to razem z nią, w kolejnych wersjach, które można prześledzić w historii repozytorium.
Kurs w liczbach
- gatunki drapieżników
- 42
- ptaków mokradeł
- 35
- modułów
- 13
- lekcji
- 65
- słów w lekcjach
- ok. 49 tys.
- pytania w quizach
- 132
- zdjęcia
- 383
- fiszki
- 282
- ciekawostek
- 58
Sylwetki
Ptak z dwudziestu kilku liczb
Żadna sylwetka w kursie nie jest narysowana ręcznie ani wycięta ze zdjęcia. Każda to dwadzieścia kilka liczb: szerokość skrzydła przy tułowiu i w nadgarstku, liczba i głębokość „palców”, długość, wachlarz i wcięcie ogona, to, jak daleko wystaje głowa. Kod rysuje z nich ptaka widzianego od spodu, tak jak uczy lekcja B1. Dlatego sylwetka może machać skrzydłami, rozkładać ogon i zmienić się w inną.
Trudna para
Myszołów czy trzmielojad?
Przesuń suwak. Liczby jednej sylwetki przechodzą w liczby drugiej, a zmienia się tylko to, co je różni: głowa na dłuższej szyi, dłuższy ogon, skrzydła węższe przy tułowiu.
Myszołów
- Skrzydła
- średniej długości, szerokie, zaokrąglone
- Ogon
- krótki, szeroki, często rozłożony w wachlarz
- Głowa
- duża, szyja krótka, słabo wystaje
Trzmielojad
- Skrzydła
- długie i szerokie, węższe u nasady niż u myszołowa
- Ogon
- dłuższy niż u myszołowa, boki zaokrąglone
- Głowa
- mała, wysunięta daleko na długiej szyi (jak u kukułki)
Strona startowa
Niebo o każdej porze
Strona startowa liczy wysokość słońca nad Warszawą i maluje niebo takie, jakie jest teraz: za dnia z kotłem ptaków w kominie termicznym, nocą z księżycem i sową. Porę można też wybrać, tutaj albo na starcie, i zostaje, dopóki jej nie zmienię.
- ŚwitKilka ptaków krąży w pierwszym kominie termicznym.Ustaw tę porę na starcie
- DzieńKocioł ptaków krąży w kominie ciepłego powietrza.Ustaw tę porę na starcie
- ZmierzchOstatnie ptaki dzienne krążą na tle zachodu.Ustaw tę porę na starcie
- NocGwiazdy, księżyc i od czasu do czasu sowa.Ustaw tę porę na starcie
Typografia
Krój dla polszczyzny
- Tytuły
- Półtawski Nowy Współczesna wersja Antykwy Półtawskiego, kroju, który Adam Półtawski rysował z myślą o polskim tekście, z kreskami i ogonkami od początku. Nową wersję przygotowali Mateusz Machalski, Borys Kosmynka i Ania Wieluńska.
- Lekcje
- Newsreader Krój do długiego czytania na ekranie, od Production Type, z osobnymi wersjami dla małych i dużych rozmiarów. Kursywą pisane są nazwy łacińskie.
- Interfejs
- Krój systemowy Na Macu i iPhonie to SF Pro: przyciski, etykiety, liczby.
Kolor
Dwie palety
Interfejs jest wyciszony: ma jeden kolor akcentu na papierze i jeden w ciemnych scenach, a resztę koloru dają zdjęcia i niebo. Tekst ma kontrast zgodny z WCAG AA, także na niebie i na zdjęciach.
Papier terenowy
Tryb jasny: ciepły papier atlasu terenowego.
- Papier
#f8f3e9 - Atrament
#261d17 - Rdza kani rudej
#a54a24 - Błękit fokusu
#2b5d86
Zmierzch
Tryb ciemny: niebo po zachodzie słońca. Te same kolory mają sceny w obu trybach, niezależnie od nieba w tle.
- Noc
#0a1018 - Kość
#f2eee6 - Złoto oka
#f5b75b - Róż zmierzchu
#a85556
Ruch
Ruch, który coś znaczy
Ruch tłumaczy
Sylwetka zmienia się w inną, więc widać dokładnie to, co różni dwie grupy. Na fiszce ptak lata tak, jak lata jego gatunek: pustułka zawisa, krogulec macha i szybuje.
Dwa rejestry
Krótki ruch, do ćwierć sekundy, odpowiada na kliknięcie. Długi, do sekundy i dłużej, opowiada: niebo, lornetka, morf.
Treść nie czeka na ruch
Nic nie czeka na przewinięcie ani kliknięcie. Wejście strony trwa około sekundy, a efekty związane z przewijaniem działają tylko tam, gdzie przeglądarka je obsługuje; gdzie indziej strona po prostu stoi.
Mniej ruchu to nie brak ruchu
Przy ograniczonym ruchu w systemie drobne ruchy tylko się przenikają, a wejścia, przejścia między stronami i sceny stoją. Każdy ruch, który się powtarza (niebo, pokaz sylwetek, lot ptaka), ma przycisk pauzy.
Technika
Zbudowane na
- Big Hat
- Design system, który zaprojektowała Konstancja Tanjga. Kurs używa jego komponentów i ról kolorów.
- Next.js 16 i React 19
- Strony generowane przy budowaniu, przejścia między stronami z View Transitions.
- FSRS
- Algorytm powtórek, który można też włączyć w Anki; tu działa przez bibliotekę ts-fsrs.
- Canvas i SVG
- Niebo, kocioł ptaków, sylwetki, gwiazdozbiory i naszywki rysowane w przeglądarce, bez gotowych grafik.
- Markdown
- Lekcje są zwykłymi plikami tekstowymi, czytelnymi także poza aplikacją.
- Prywatność
- Postęp, checklista, fiszki, „Moje niebo” i własne zdjęcia zostają w przeglądarce. Nie ma kont ani serwera z danymi.
Podziękowania
Zdjęcia zrobili
Zdjęcia pochodzą z Wikimedia Commons i są na wolnych licencjach, a przy każdym jest autor i licencja. Wyjątki to pójdźka w atlasie i zdjęcia z Marismas del Barbate w module B6: to zdjęcia autorki kursu. Dziękujemy 263 osobom i instytucjom, bez których ten kurs byłby tylko tekstem.
- @pintafontes
- 112grammarpolice
- 80kmh
- Aashay Baindur
- Adamantios
- ADARSHluck
- AlbaneJones
- Alex Casha
- Alexander Flume
- Alexis Lours
- Allie_Caulfield
- Andreas Trepte
- Andreas Weith
- Andrey Gulivanov
- Andy Morffew
- Aneta p
- Anil Öztas
- antlewis
- Antoine ADAM
- Antonio M. Romero Dorado
- Anual
- APaton62
- ArchaiOptix
- Arindam Aditya
- Arnstein Rønning
- Artemy Voikhansky
- Artur Mikołajewski
- Arturo de Frias Marques
- Auckland Museum Collections
- Axel Strauß
- Barnea Teodora-Maria
- Bartgeier Fan der ersten Stunde
- Bengt Nyman
- Bernard DUPONT
- Birds of Gilgit-Baltistan
- Birdwatching Barcelona
- Björn S...
- Björn Strey
- BLMUtah
- Bloopityboop
- Bouke ten Cate
- BS Thurner Hof
- Bukvoed
- Buteo
- Carlos Delgado
- caroline legg
- Cayambe
- Ceyhun Kavakci
- Charles J. Sharp
- Charlie Marshall
- Christian Knoch
- Christoph Moning
- Chrumps
- Chuck Homler / Focus On Wildlife
- Chuck Homler, Focus On Wildlife
- Claudlchen
- Clément Bardot
- Conselleria de Medi Ambient i Mobilitat, Govern des Illes Balears
- Dannymoore1973
- Dariusz Kowalczyk
- Dave Pickersgill
- David A Mitchell
- Dewhurst, Donna
- Diego Delso
- Dieter TD
- Dino Quinzani
- Dion Art
- DomenicBlair
- Donald Macauley
- Drsssuresh1961
- Dvazquezq
- Earth Science and Remote Sensing Unit, Lyndon B. Johnson Space Center
- Eddy Van 3000
- El Golli Mohamed
- El Pantera
- Eric Kilby
- Erica Szlosek of Pacific Southwest Region U.S. Fish and Wildlife Service
- Ermell
- Espirat
- Falkmart
- Fernando Losada Rodríguez
- ferran pestaña uploaded by benjli
- Flavio, Mazkeret Batia, Izrael
- Flickr user All that comes with it (Dan Hughes)
- Flocci Nivis
- Florian Pépellin
- Francesco Veronesi
- Franciszek Piekosiński
- Frank Vassen
- gailhampshire
- Garst, Warren, 1922-2016, photographer
- Georgi.petrov66
- Ghasem bavi
- Giles Laurent
- Gobierno de Castilla-La Mancha
- Graeme Maclean
- Grand Canyon National Park
- Greg Hume (Greg5030)
- Gunawan Kartapranata
- Hans Hillewaert
- Hansueli Krapf
- Hari K Patibanda
- Henk Monster
- Hobbyfotowiki
- Hwbund
- IgorG88
- Imran Shah
- Ingrid Taylar
- Instituto Últimos Refúgios
- Isiwal
- Ismcuacor
- Ivanbuki
- J. Dietrich
- J.M.Garg
- Jason Hickey
- Jason Thompson
- Javier Perez Montes
- Jean
- Jean-Paul Boerekamps
- Jerzystrzelecki
- Jiang Chunsheng
- JJ Harrison
- John Gerrard Keulemans
- john.purvis
- Jon Bunting
- Jorge Cancela
- José-Manuel Benito
- Juan Lacruz
- Jules Verne Times Two
- Jürgen
- Jyrki Salmi
- Kaiser Friedrich II.
- Ken Billington
- Kenneth Allen
- Konrads Bilderwerkstatt
- Koshy Koshy
- Kudaibergen Amirekul
- LG Nyqvist
- Lip Kee
- Lito Encinas
- Littleisland lighthouse
- Lorie Shaull
- Luc Viatour
- Lucianocasa
- Luis Martín Martín
- M.Buschmann
- M.Nishimura
- Mahmiyat PS
- Maik Meid
- Manfred Werner
- Manojkiri photography
- Marc Ryckaert
- Marie-Lan Nguyen
- Marie-Lan Taÿ Pamart
- MarioM
- Mark Weinmeister
- Martien Brand
- Martin Hoffmann
- Martin Lindner
- Martin Mecnarowski
- Martin Pettitt
- Marton Berntsen
- Matt MacGillivray
- Matthias Bethke
- Michael Gäbler
- Mike Baird
- Mike Duchstein
- Mike Pennington
- Mike Prince
- Mike's Birds
- Mildeep
- Minnesota National Guard
- MOREL Florentin
- MPF
- Mykola Swarnyk
- Nemo5576
- Nic McPhee
- Nikola Veljković
- Norbert Kenntner, Berlin
- NorbertNagel
- NPS Photo / Emily Mesner
- Olga Havlíčková
- Original Hobbyfotowiki, this edit MPF
- P.Adlam
- Pain DJ i in.
- Parth Kansara
- Paul Colin Hennig firstdorsal.eu
- Paul Danese
- Pedro Szekely
- Père Igor
- Peter Trimming
- Peter Wegner
- Pierre-Marie Epiney
- piet theisohn
- PNSAPA
- Polestar2perf
- PookieFugglestein
- Prasan Shrestha
- Psychofox at English Wikipedia
- Quim Gil
- R. Jason Brunson (U.S. Navy)
- R6, State & Private Forestry, Forest Health Protection
- Raimundo Pastor
- Raj Boora
- RalfZett Ralf Zierold
- Ravi.sangeetha
- Revital9
- Richard Bartz, Munich aka Makro Freak
- Richard Dorrell
- Rob Zweers
- Roberto Strafella
- Rod Waddington
- Ron Garrison (San Diego Zoo), opracowanie: mik@ni
- Rsalaya
- Rząd RP, opracowanie cyfrowe: Aotearoa, DeJotPe
- Scontardi
- Sean Peterson
- Shantanu Kuveskar
- Shino jacob koottanad
- Silar
- Soner Bekir
- Stefan Berndtsson
- Stephan Sprinz
- Steve Childs
- Steve Garvie
- Steven Ward
- Storye book
- Subramanya C K
- Sumeet Moghe
- Sven Rosborn
- Swamy HKM
- tatogra
- Tema
- Tim Felce (Airwolfhound)
- Tim Strater
- Tisha Mukherjee
- Tobias
- Tórizs István
- U.S. Fish & Wildlife Service - Pacific Region's
- U.S. Fish and Wildlife Service
- U.S. Fish and Wildlife Service - Midwest Region
- Ulrich prokop
- USFWS Mountain-Prairie
- USFWS Pacific
- Vedant Raju Kasambe
- Virginia State Parks staff
- William Stephens
- Wojciech Uszak
- Wolbrum avner
- Wolfgang Ellsässer (Geryones)
- Workman (Wikipedia)
- Xemenendura
- Yathin S Krishnappa
- YellowstoneNPS
- Yu Moskalenko
- Zeete
- Zeynel Cebeci
- Zibiberti
- Zoran Gavrilović
- Александр Чегодаев
- Вых Пыхманн
- Кучкаев Марат
- מינוזיג - MinoZig
Konstancja Tanjga
i Claude
2026