Czas czytania: 3 minut Dziś z pomocą jQuery zbuduję bardzo prosty wysuwany panel na stronę. Mój Panel będzie działać na zasadzie podobnej jak w przypadku menu na stronie typu RWD. Czyli klikamy w obiekt i z boku wysunie nam się do tej pory […]
CSS czyli kaskadowe style służą do nadawania właściwości różnym obiektom np. z HTML
Prosty akordeonowy slider (Accordion slider)
Czas czytania: 3 minut Dziś pokażę jak zbudować prosty slider w formie akordeonu. Od razu uprzedzam, że przyspieszyłam sobie trochę pracę korzystając z Grida wbudowanego w Bootstrap 4. Dlatego części elementów nie będę omawiać. Z pewnością jednak znajomość tej biblioteki […]
Wysokość elementu, sekcji na wysokość okna przeglądarki [CSS]
Czas czytania: 2 minut Dziś zajmę się bardzo prostym tematem jednak tylko z pozoru. Bo niestety jednak czasem sprawia wielu osobą naprawdę duże problemy! Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się […]
Budujemy prostą galerię obrazów masonry na stronę internetową [CSS]
Czas czytania: 2 minut Dzisiaj zbudujemy bardzo prostą galerię obrazów w stylu masonry (pionowe) z pomocą CSS. No dobrze, ale z pewnością część z was zastanawia się co to jest te masonry. W języku angielskim słowo to oznacza kamieniarstwo, murarstwo. Aurelia SypniewskaW branży IT […]
Jak używać @media query? Kilka przydatnych przykładów. [CSS3]
Czas czytania: 4 minut Media query to „zmienna” wprowadzona w CSS3. Obecnie spotykana jest ona na każdej stronie typu RWD. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy […]
Jak osiągnąć efekt skośnego tła na stronie? [CSS]
Czas czytania: 2 minut Od razu przyznam się, że kiedy pierwszy raz zobaczyłam skośne tło na stronie internetowej to myślałam, że ktoś obrócił tło strony. To była moja pierwsza myśl i jak się kazało błędna. Aurelia SypniewskaW branży IT jestem […]
Dodawanie cienia pod obiekty, obrazek lub tekstem z pomocą CSS
Czas czytania: 3 minut Czasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie […]
Efekt pisania tekstu na stronie internetowej – animacje CSS
Czas czytania: < 1 minut Dzisiaj wracam do tematyki animacji jakich można użyć na stronie internetowej. Do tej pory pokazałam takie dość klasyczne animacje głównie na obrazkach i grafikach. Tym razem na swój warsztat wezmę więc tekst. Aurelia SypniewskaW branży IT jestem […]
Pojawiający się obrazek po najechaniu kursorem myszy [CSS]
Czas czytania: 2 minut Tym razem pokażę wam jak w bardzo prosty sposób uzyskać na stronie internetowej efekt obrazka pojawiającego się po najechaniu kursorem myszy na link. Inne podobne efekty aktywowane położeniem kursora myszy znajdziecie w serii […]
Dlaczego warto budować strony internetowe modułowe?
Czas czytania: 3 minut Dzisiaj chciałam poruszyć temat modułowych stron internetowych. Temat praktycznie sam wpadł mi w ręce podczas zbierania informacji o BEM ?. Aurelia SypniewskaW branży IT jestem już od 2007 roku. W tym czasie zajmowałam się […]
Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]
Czas czytania: 2 minut Dzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. […]
Metodyka OOCSS (Object Oriented CSS) – dla stron internetowych
Czas czytania: 2 minut Dzisiaj po raz kolejny zajmę się metodykami/konwencjami CSS. Do tej pory omówiłam już konwersję BEM jeśli macie ochotę możecie o niej poczytać tutaj. Dzisiaj przejdę do kolejnej a więc OOCSS. Warto pamiętać, że metodyka podobnie jak […]