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-Nawrot
- 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
- gatunków drapieżników
- 45
- innych ptaków
- 79
- moduły
- 24
- lekcji
- 125
- słów w lekcjach
- ok. 115 tys.
- pytań w quizach
- 261
- zdjęcia
- 633
- fiszki
- 502
- ciekawostek
- 85
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-Nawrot. 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 373 osobom i instytucjom, bez których ten kurs byłby tylko tekstem. Głosy w „Rozpoznaj po głosie” rozpoznaje BirdNET (Cornell Lab of Ornithology i Uniwersytet Techniczny w Chemnitz, model na licencji CC BY-SA 4.0).
- @pintafontes
- 112grammarpolice
- 80kmh
- Aashay Baindur
- Accipiter (R. Altenkamp, Berlin)
- Adamantios
- ADARSHluck
- Afsarnayakkan
- AL BADUSH
- Alan D. Wilson
- AlbaneJones
- Alex Casha
- Alexander Flume
- Alexis Lours
- Allie_Caulfield
- Alpsdake
- Alun Williams333
- Andreas Trepte
- Andreas Weith
- Andrew Thomas
- Andrey Gulivanov
- Andrzej Otrębski
- Andy Morffew
- Aneta p
- Anil Öztas
- Anne Burgess
- Anne1234567890
- antlewis
- Antoine ADAM
- Antonio M. Romero Dorado
- Anual
- APaton62
- ArchaiOptix
- Arindam Aditya
- Arnstein Rønning
- Artemy Voikhansky
- Arthur T. LaBar
- Artur Mikołajewski
- Arturo de Frias Marques
- Åsa Berndtsson
- Atelierelealbe
- Auckland Museum Collections
- Aung
- autor nieznany (domena publiczna)
- Axel Strauß
- B.K.H. Schnebele
- Barnea Teodora-Maria
- Bartgeier Fan der ersten Stunde
- Bengt Nyman
- Bernard DUPONT
- BirdingInSpain
- Birds of Gilgit-Baltistan
- Birdwatching Barcelona
- Björn S...
- Björn Strey
- BLMUtah
- Bloopityboop
- Bogbumper
- Bouke ten Cate
- BS Thurner Hof
- Bukvoed
- Bureau of Land Management Oregon and Washington
- Burzawa clément PIM'S
- Buteo
- Carlos Delgado
- caroline legg
- Cayambe
- Ceyhun Kavakci
- Charles J. Sharp
- Charles Lam
- Charlie Marshall
- Christian Knoch
- Christoph Moning
- Chrumps
- Chuck Homler / Focus On Wildlife
- Chuck Homler, Focus On Wildlife
- Claude Valette
- Claudlchen
- Clément Bardot
- Conselleria de Medi Ambient i Mobilitat, Govern des Illes Balears
- Cornelius Nozeman / Christiaan Andreas Sepp / Jan Christiaan Sepp / Martinus Houttuyn
- Daniel Pettersson
- Daniel Polin
- Dannymoore1973
- Dariusz Kowalczyk
- Dave Pickersgill
- David A Mitchell
- Davidvraju
- Dewhurst, Donna
- DickDaniels
- Didier Descouens
- Diego Delso
- Dieter TD
- Dino Quinzani
- Dion Art
- DomenicBlair
- Donald Macauley
- Dr. Raju Kasambe
- Drsssuresh1961
- Dvazquezq
- Earth Science and Remote Sensing Unit, Lyndon B. Johnson Space Center
- Ecomare/Salko de Wolf
- Edd deane
- Eddy Van 3000
- Eike Wulfmeyer
- 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
- Foto: Jonn Leffmann
- Francesco Veronesi
- Franciszek Piekosiński
- Frank Vassen
- gailhampshire
- Garst, Warren, 1922-2016, photographer
- Georgfotoart
- Georgi.petrov66
- Ghasem bavi
- Giles Laurent
- Gobierno de Castilla-La Mancha
- Graeme Maclean
- Grand Canyon National Park
- Greg Hume
- Greg Hume (Greg5030)
- Gunawan Kartapranata
- guy23
- Gzen92
- H. Zell
- H. Zell, Oceancetaceen
- Hans Hillewaert
- Hans Norelius
- Hansueli Krapf
- Hari K Patibanda
- hedera.baltica
- Henk Monster
- HighVoltage 5576
- Hobbyfotowiki
- Hugh Venables
- Hwbund
- Ian Kirk
- IgorG88
- Imran Shah
- Ingrid Taylar
- Instituto Últimos Refúgios
- Isiwal
- Ismcuacor
- Ivanbuki
- J. Dietrich
- J. Schroeder, JuliaOnline
- J.M.Garg
- Jac. Janssen
- Jacob Spinks
- Jakub Hałun
- Jarosław Roland Kruk
- Jason Hickey
- Jason Thompson
- Javier Perez Montes
- Jean
- Jean-Paul Boerekamps
- Jens Freitag
- Jerzy Strzelecki
- Jerzystrzelecki
- Jevgenijs Slihto
- Jg44.89
- Jiang Chunsheng
- JJ Harrison
- John Borg
- John Gerrard Keulemans
- John Gould & Henry C. Richter
- john.purvis
- Jon Bunting
- Jorge Cancela
- José-Manuel Benito
- Josefito123
- Juan Lacruz
- Juan Pons
- Jules Verne Times Two
- Jürgen
- Jvanree
- Jyrki Salmi
- Kaiser Friedrich II.
- Kalle Gustafsson
- Ken Billington
- Kenneth Allen
- Kev Chapman
- Konrads Bilderwerkstatt
- Koshy Koshy
- Kudaibergen Amirekul
- Laurens R. Krol
- Lennart Lennuk
- LG Nyqvist
- Lip Kee
- Lisa Hupp/USFWS
- Lito Encinas
- Littleisland lighthouse
- Lorie Shaull
- Luana Guedes Ferreira
- Luc Viatour
- Lucianocasa
- Lucwrte
- Luis Martín Martín
- M.Buschmann
- M.Nishimura
- Magnefl
- Mahmiyat PS
- Maik Meid
- MAKY.OREL
- Manfred Werner
- Manojkiri photography
- Marc Ryckaert
- Marc-Lautenbacher
- Marek Szczepanek
- Marie-Lan Nguyen
- Marie-Lan Taÿ Pamart
- MarioM
- Mark Weinmeister
- Martien Brand
- Martin Cooper
- Martin Hoffmann
- Martin Lindner
- Martin Mecnarowski
- Martin Pettitt
- Marton Berntsen
- Mat Fascione
- Matankic
- Matt MacGillivray
- Matthias Bethke
- Mdk572
- Melissa McMasters
- Michael Gäbler
- Michele Lamberti
- Mick Lobb
- Mike Baird
- Mike Duchstein
- Mike Pennington
- Mike Prince
- Mike's Birds
- Mildeep
- Minnesota National Guard
- MOREL Florentin
- mourad-harzallah
- MPF
- Mykola Swarnyk
- Nemo5576
- Nic McPhee
- Nikola Veljković
- No machine-readable author provided. Stse assumed (based on copyright claims).
- Norbert Kenntner, Berlin
- NorbertNagel
- Nouhouhouk
- NPS Photo / Emily Mesner
- Olga Havlíčková
- opisska
- Original Hobbyfotowiki, this edit MPF
- Ólafur Larsen
- P.Adlam
- Pain DJ i in.
- Palickap
- Paolo Zucca
- Parth Kansara
- Pasztilla aka Attila Terbócs
- Paul Colin Hennig firstdorsal.eu
- Paul Danese
- Pedro Szekely
- Père Igor
- Peter Mulligan
- Peter Pearsall / USFWS
- Peter Trimming
- Peter Wegner
- peterichman
- PetroKaterynych
- Photo by David J. Stang
- Pierre Dalous
- 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
- Ragnhild & Neil Crawford
- Raimundo Pastor
- Raj Boora
- RalfZett Ralf Zierold
- Ralph.ralph
- Ravi.sangeetha
- Revital9
- Richard Bartz, Munich aka Makro Freak
- Richard Dorrell
- Rob Zweers
- Roberto Strafella
- Rod Waddington
- Roland Riedel
- RollerSwift
- Ron Garrison (San Diego Zoo), opracowanie: mik@ni
- Ron Knight
- Rsalaya
- Ryan Hodnett
- Rząd RP, opracowanie cyfrowe: Aotearoa, DeJotPe
- SaguaroNPS
- Sarinahornay
- Scontardi
- Sean Peterson
- Shantanu Kuveskar
- Shino jacob koottanad
- Silar
- Soldier of Wasteland
- Soner Bekir
- Stefan Berndtsson
- Stephan Sprinz
- Steve Childs
- Steve Garvie
- Steven Ward
- Storye book
- Subramanya C K
- Sumeet Moghe
- Sven Rosborn
- Swamy HKM
- Ślimaczek
- Takashi Muramatsu
- tatogra
- Tema
- Tennen-Gas
- The Land
- Tim Felce (Airwolfhound)
- Tim Strater
- Tisha Mukherjee
- Tobias
- Tórizs István
- TRinaud
- Trish Steel
- U.S. Fish & Wildlife Service - Pacific Region's
- U.S. Fish and Wildlife Service
- U.S. Fish and Wildlife Service - Midwest Region
- Ulrich prokop
- Ulrich Schaub
- USFWS Mountain-Prairie
- USFWS Pacific
- USFWSAlaska
- Vedant Raju Kasambe
- Virginia State Parks staff
- Wald1siedel
- William Stephens
- Wojciech Uszak
- Wolbrum avner
- Wolfgang Ellsässer (Geryones)
- Woodwalker
- Workman (Wikipedia)
- Xemenendura
- Yathin S Krishnappa
- YellowstoneNPS
- Yu Moskalenko
- Zeete
- Zeynel Cebeci
- Zibiberti
- Zoran Gavrilović
- Александр Чегодаев
- Вых Пыхманн
- Горбунова М.С.
- Кучкаев Марат
- מינוזיג - MinoZig
Konstancja Tanjga-Nawrot
i Claude
2026