Tworzenie stron WWW
Kurs HTML - darmowe szkolenie: tworzenie stron internetowych
- Skrypt galerii zdjęć
- Skrypty
2022-04-23 09:25:23Minęły dwa tygodnie od opublikowania zupełnie nowej wersji skryptu galerii zdjęć, a już w tym czasie pojawił się szereg dodatkowych usprawnień:Sławomir Kokłowski- v2.1 - obsługa klawisza Escape
- v2.2 - poprawa estetyki i lekkie powiększenie przycisku zamykania, aby był wygodniejszy w użyciu na urządzeniach mobilnych (tak, nowy skrypt galerii świetnie radzi sobie również na smartfonach)
- v2.3 - wyświetlanie w oknie powiększenia nazwy galerii ustawionej dla zbiorów zdjęć
- v2.4 - poprawienie wielkości elementów interfejsu na urządzeniach mobilnych zarówno w pionowym jak i poziomym ułożeniu ekranu
- v2.5 - poprawiona nawigacja między stronami po zamknięciu galerii
- v2.5.1 - okazało się, że wystarczyło zmienić tylko jedną linijkę skryptu, aby działał w pełni poprawnie również w Internet Explorerze. Na uwagę zasługuje szczególnie fakt, że galeria zdjęć nie tylko wygląda identycznie jak w innych, bardziej nowoczesnych przeglądarkach, ale również działa w pełni płynnie. Co jest niemałym osiągnięciem, bo w dzisiejszych czasach Internet Explorer z pewnością nie należy już do demonów prędkości ;-) Oczywiście nie chodziło tutaj do końca o to, aby za wszelką cenę uwzględnić przeglądarkę, która już za niecałe dwa miesiące utraci oficjalne wsparcie nawet od producenta (Microsoft). Ale jeśli skrypt działa nawet w tak starej przeglądarce, to jest bardzo prawdopodobne, że będzie funkcjonował prawidłowo w zasadzie w każdej, nawet najbardziej niszowej przeglądarce na każdym urządzeniu.
Komentarze - Skrypt galerii zdjęć
- Skrypty
2022-04-09 19:04:18Napisany zupełnie od nowa skrypt galerii zdjęć HTML. Teraz wygląda efektownie, jest w przyjemniejszy użyciu i banalnie prosty do wstawienia na swojej stronie.Sławomir Kokłowski
W internecie można znaleźć wiele podobnych skryptów. Dlaczego warto skorzystać właśnie z tego?
✅ Nie używa żadnych zewnętrznych bibliotek, dlatego ma niewielkie rozmiary i szybko się ładuje.
✅ Obsługuje tryb asynchroniczny HTML5, dlatego nie spowalnia wczytywania strony.
✅ Nie obciąża procesora ani pamięci, dlatego działa płynnie również na starszych urządzeniach.
✅ Jest kompatybilny ze starszymi przeglądarkami, dlatego nie ma obawy, że u kogoś nie będzie działał.
✅ Nie wymaga konfiguracji, żadnej znajomości języka JavaScript ani nawet CSS, dlatego jest bardzo prosty w instalacji.
✅ Pozwala przeglądać zdjęcia nawet, jeśli przeglądarka nie obsługuje JavaScript, dlatego spełnia podstawowe wymagania odnośnie dostępności.
✅ Jest dopasowany również do urządzeń przenośnych, dlatego można go wygodnie używać także na smartfonach.
Komentarze - Wariant pozycji czcionki {FONT-VARIANT-POSITION}
- CSS
2022-02-22 23:13:24W jaki sposób dodać indeks dolny lub górny tak, aby sąsiednie linijki tekstu nie były między sobą nieestetycznie rozsunięte?Sławomir Kokłowski
Komentarze - Warianty czcionki {FONT-VARIANT-CAPS, FONT-VARIANT-LIGATURES, FONT-VARIANT-NUMERIC}
- CSS
2022-02-19 22:20:00Nowe możliwości ustalania wariantów czcionki w CSS3:Sławomir Kokłowski- Wariant wielkości liter czcionki - w jaki sposób przekształcić zwykły tekst w kapitaliki, czyli napisany wielkimi literami, lecz czcionką o wysokości małych liter?
- Wariant połączenia znaków czcionki - w jaki sposób sprawić, aby niektóre litery w tekście były ze sobą bardziej zlane tworząc estetyczne połączenie graficzne (ligatury)?
- Wariant formatowania liczb czcionki - co zrobić, aby liczby w kolumnach tabeli z danymi były ułożone równo pod sobą? W jaki sposób wyświetlić licznik i mianownik rozdzielone kreską ułamkową?
Komentarze - Odległość między znakami czcionki {FONT-KERNING}
- CSS
2022-02-19 12:24:44W jaki sposób regulować odległość pomiędzy sąsiednimi znakami tekstu (kerning) tak, aby wyglądał bardziej estetycznie i był czytelniejszy?Sławomir Kokłowski
Komentarze - Komendy CSS
- CSS
2022-01-16 10:38:29Pojawiły się kolejne części rozdziału z podręczną ściągą do CSS3:Sławomir Kokłowski- Obrazki CSS
- Mowa CSS
- Dekoracja tekstu CSS
- Kształty CSS
- Maskowanie CSS
- Tekst CSS
- Fragmentacja CSS
- Przekształcenia CSS
- Komponowanie i mieszanie CSS
- Układ siatki CSS
- Wyświetlanie CSS
- Podpowiedzi dla przeglądarki CSS
- Model pudełkowy CSS
- Kaskadowość i dziedziczenie CSS
- Przyciąganie przewijania CSS
- Paski przewijania CSS
- Nowe działy na forum
- Forum
2022-01-08 18:34:31Wczoraj na forum pojawiły się nowe działy:kurshtml- TypeScript - Nadzbiór języka JavaScript ze statycznym typowaniem.
- Node.js - JavaScript po stronie serwera, w tym: npm, Grunt, gulp.js i webpack.
- Python - Popularny język skryptowy, w tym framework Django.
- Java - Język programowania działający na wielu urządzeniach, w tym framework Spring.
- C/C++ - Prawdopodobnie najbardziej znany kompilowany język programowania.
- C# - Wieloplatformowy język programowania, w tym .NET Framework.
Komentarze - Komendy CSS3
- CSS
2021-12-30 21:34:40Zupełnie nowy rozdział w Kursie CSS zawierający szybką ściągę ze wszystkich aktualnie stabilnych specyfikacji CSS3.Sławomir Kokłowski - Powtórka HTML
- HTML
2021-10-27 16:33:52Jak sprawdzić, czy rzeczywiście pamiętasz materiał poznany w Kursie HTML? Pewnie można drugi raz przerobić cały kurs, ale nie jest to najszybsza metoda ;-) Teraz pod rozdziałami w kategorii HTML znajdziesz specjalną część pt. Powtórka. Dzięki temu szybkim rzutem oka przekonasz się, czy wiedza poznana w kursie odpowiednio utrwaliła się w Twojej głowie.Sławomir Kokłowski - Przykłady HTML, CSS, JS
- Strona
2021-10-24 22:39:09A gdyby tak istniał kompletny kurs HTML, CSS i JS bez zbędnego gadania - tylko same przykłady (dosłownie!). Teraz już jest: To prawdopodobnie pierwsze tego typu opracowanie w całym Internecie. Możesz je traktować jako kompendium gotowych przykładów kodu źródłowego, które rozwiązują konkretne problemy, na jakie natrafisz podczas tworzenia własnej strony WWW. Możesz również zrobić sobie naprawdę błyskawiczną powtórkę, żeby przekonać się, czy wcześniej nabyta wiedza z biegiem czasu częściowo nie wyparowała.Sławomir Kokłowski