Wszystkie posty z kategori "Webmasterka"

Mini trening animacji

Dzisiaj w ramach treningu zrobiłem sobie 20 mini ćwiczeń. Tak powstał mini zbiorek loadingów wszelakich.
Dołączam tutaj też paczkę z plikami, by w razie czego łatwiej wam się zmieniało css (chociaż CodePen też daje radę). Działa ona z wykorzystaniem Gulpa, który ma ustawioną prostą konfigurację.

Dla kolorów sekcji użyłem własnego rozwiązania. Jakiś czas temu szukałem listy nazw kolorów w css i trafiłem na stronę https://htmlcolorcodes.com/color-names/. Ładna – nie powiem. Ale ja potrzebowałem czegoś szybszego. Zaznaczyłem więc po chamsku wszystkie nazwy, skopiowałem do edytora i dostałem praktycznie gotowy obiekt z pogrupowanymi danymi dla kolorów. Za pomocą multikursora i Alt + F3 w sublimie dokonałem szybkiej korekty tych danych, a potem po kilkunastu linijkach kodu stworzyłem omawiane narzędzie. Co mi po nim skoro poza podstawowymi i tak pamiętam tylko jeden kolor – „tomato”…

A tutaj inna animacja – też w ramach treningu. Nie jest to może żaden loading, ale też stworzona w podobnej technice – z wykorzystaniem jednostki em.

W sumie całkiem ciekawa zabawa. Coś jak rozwiązywanie łamigłówek. Jak ugryźć dany problem, by uzyskać wybrany efekt.

Visual Studio Code

Jakiś czas temu w warsztacie webmastera pisałem, że używam 2 edytorów: PHPStorm i Sublime Text Editor.
Prowadząc zajęcia staram się nie wyskakiwać z edytorami, których nie używają kursanci.
Idąc za ciosem od jakiegoś czasu zacząłem używać Visual Studio Code – darmowy edytor od Microsoftu.
W tym mini artykule podzielę się z wami kilkoma trikami, które umilą wam pracę z tym narzędziem.

Urodzinowy tort

W ramach urodzin przeprowadziłem mini eksperyment na temat filtrów CSS. Tak sobie szczerze mówiąc.
Nie jest to bynajmniej danie dla mobilek i nędznych przeglądarek. Wiatrak w laptopie daje znać, że chyba ciut przesadziłem. Bywa…

Warsztat webmastera

Wraz z kolejnymi godzinami spędzonymi na tworzeniu najlepszych stron na świecie każdy z nas powiększa swój warsztat.

Poniżej chciałem wam przedstawić kilka rzeczy, które znajdują się w moim warsztacie.
Wpis nie będzie idealnie wszystkiego pokazywał, a raczej będzie omówieniem różnych rzeczy i technik. Jeżeli dana idea do was przemówi i będziecie chcieli dokładniej się o niej dowiedzieć, piszcie w komentarzach, albo pytajcie wujka wielkie G.