Grafika, poradniki, muzyka, hobby
.
Pokazywanie postów oznaczonych etykietą poradnik. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą poradnik. Pokaż wszystkie posty

1.12.2016

Jak poznać wszystkie selektory? - Poradnik HTML/CSS

https://instagram.fwaw3-1.fna.fbcdn.net/t51.2885-15/e35/11337164_889391794493326_1989813914_n.jpgWitajcie! Tym razem nam dla Was poradnik dotyczący tego czegoś, co łaczy CSS z HTML'em szablonu, czyli selektorów. Spotykamy się z nimi zawsze, gdy zabieramy się za przygotowywanie layoutu na bloga. No po prostu nie da się tego uniknąć.
Jako że miałam pewną przerwę od blogowania, to nie jestem pewna, czy to, co chcę Wam zaprezentować w tym poście, nie jest już przypadkiem powszechnie znane... No ale zobaczmy. Początkującym z pewnością się przyda.
No tak, ale właściwie co ja chcę Wam tu tłumaczyć? Selektory to selektory, ich listy wraz z opisami są udostępniane na różnych blogach, niema to co tłumaczyć. A no właśnie! Chcę Wam przedstawić sposób, dzięki któremu nie będziecie musieli już zaglądać do tych list, a sami będziecie mogli "zgadywać", jaki selektor odpowiada za jaki element na blogu. No dobra, zgadywać to też nie jest zbyt dobre słowo, ale dojdziemy do tego. Gwarantuję, że to działa. Niema opcji, żeby nie działało. Tylko trzeba troszeczkę pomyśleć i poznać podstawy HTML. Tym się właśnie teraz zajmiemy.

3.02.2016

Nieruchome tła - poradnik CSS

Witajcie! Wreszcie udało mi się zebrać na to, aby napisać post zgodny z przeznaczeniem tego bloga. Na pomysł tego poradnika wpadłam właśnie podczas robienia szablonu. Efekt nie jest szczególnie trudny do osiągnięcia, tak naprawdę to jest banalny. Jednak pasuje to tylko do blogów czy stron w takim stricte nowoczesnym stylu.

Przejdźmy do rzeczy. Na pewno odwiedzacie strony internetowe w stylu modern - chociażby po to, aby poszukać inspiracji do szablonów minimalistycznych. Mnie na takich stronach bardzo spodobał się jeden efekt, jednak za nic nie mogłam wymyślić, jak go zrobiono. Chodziło o to, że po wejściu na stronę główną mieliśmy duży, ładny, nieruchomy obrazek, który po scroolowaniu chował się pod zwykle jednolitym tłem. Myślę sobie - ok, nieruchome tło i zwykła ramka, nic nadzwyczajnego. Ale co mamy dalej? Tło się kończy i mamy kolejny obrazek, również nieruchomy, wynurzający się spod tego jednolitego tła. Kolejne tło? Czyżby istniał jakiś kod, który zmienia obrazek tła po zjechaniu do danego momentu? Wystarczyło pomniejszyć stronę, aby zauważyć, że te obrazki są od siebie niezależne i możemy oglądać je wszystkie jednocześnie przy odpowiednio dużym pomniejszeniu.