dotnetomaniak.pl - Artykuły z tagiem CSS 3

Dzisiaj przedstawię karuzelę i jej przykładowe funkcje w moim portfolio.

Źródło: mysifoto.pl
Dziel się z innymi:
06 - Karuzela w Bootstrapie - przykładowe funkcje.

Inne 2639 dni, 23 godziny, 51 minut temu Sabina Piotrowska 82 źrodło rozwiń

W dzisiejszym wpisie pokażę zastosowanie ikon Glyphicons oraz stworzymy stopkę do naszej strony głównej.

Źródło: mysifoto.pl
Dziel się z innymi:
04 - Strona główna portfolio - zastosowanie ikon Glyphicons - Bootstrap. - Sabina Piotrowska

Inne 2661 dni, 27 minut temu Sabina Piotrowska 81 źrodło rozwiń

Dzisiaj zajmiemy się główną stroną w moim portfolio w oparciu o Bootstrap. Dodamy nawigację oraz zdjęcie podglądowe. Serdecznie zapraszam!

Źródło: mysifoto.pl
Dziel się z innymi:
#03 Strona główna portfolio z wykorzystaniem nawigacji - Bootstrap. - Sabina Piotrowska

Inne 2663 dni, 23 godziny, 7 minut temu Sabina Piotrowska 70 źrodło rozwiń

Dzisiaj zaczniemy tworzyć portfolio w oparciu o Boostrap.

Źródło: mysifoto.pl
Dziel się z innymi:
#02 - Portfolio - Siatka w Bootstrapie. - Sabina Piotrowska

Inne 2669 dni, 35 minut temu Sabina Piotrowska 112 źrodło rozwiń

Chciałem zrobić animacje ładowania strony, która składa się z kulek, które falują. Jak zaplanowałem tak zrobiłem.

Tagi: CSS 3, Html, Sass
Źródło: blog.soltysiak.it
Dziel się z innymi:
Animacja ładowania strony tylko w CSS – krok po kroku – Soltys Blog

Web 2887 dni, 19 godzin, 44 minuty temu Paweł Sołtysiak 187 źrodło rozwiń

Jeśli zaglądacie tutaj raz na jakiś czas, zauważyliście pewnie, że w nowym interfejsie na stronie głównej, raz na kilka wpisów dorzucam zdjęcie nagłówkowe. Wspominałem zresztą o tym ostatnio, kiedy opisywałem na przykładzie tych zdjęć, jak stworzyć własną wtyczkę jQuery. Na liście najnowszych wpisów, oprócz tego, że zdjęcia są w locie „przycinane”, dodałem też efekt rozjaśniania się obrazka w momencie gdy najedzie się na niego myszką. Efekt ten uzyskałem dzięki właściwości opacity oraz tr...

Dziel się z innymi:
CSS Tips & Tricks: Jak naprawić przesunięcie o 1px przy efekcie transition | burczu programator

Web 3845 dni, 16 godzin, 36 minut temu burczu 103 źrodło rozwiń

W związku z tym, że jest to ostatni wpis z serii przygotowawczej do egzaminu MCSD 70-480 oraz z uwagi na fakt, że o selektorach sporo napisałem już w poprzednim poście, dziś raczej krótko, zwięźle i na temat. Zapoznamy się dziś w takim razie ze sposobami odnoszenia się do elementów w arkuszach CSS, dowiemy się jak implementować dziedziczenie styli oraz jak je nadpisywać, przyjrzymy się też sposobom na wykorzystanie pseudo-klas i pseudo-elementów. Jak widać, po części jest to więc mała powtórka z poprzedn...

Dziel się z innymi:
burczu programator - blog: Tworzenie struktury arkusza styli CSS za pomocą selektorów

Web 4287 dni, 22 godziny, 28 minut temu burczu 72 źrodło rozwiń

Zgodnie z tytułem dzisiejszego wpisu, zajmiemy się dziś jedną z większych zalet biblioteki jQuery jaką jest możliwość pobierania referencji do obiektów DOM za pomocą selektorów CSS. W związku z tym, na początek przyjrzymy się jak z tej możliwości korzystać, a następnie przejdziemy do opisu różnego rodzaju selektorów oferowanych nam przez CSS3, a które stosować możemy do wyszukiwania elementów w drzewie obiektów DOM. Jest to już przedostatni wpis z cyklu MCSD 70-480, zapraszam więc niniejszym do lektury.W...

burczu programator - blog: Pobieranie referencji do obiektów za pomocą jQuery i selektorów CSS3

Web 4288 dni, 16 godzin, 9 minut temu burczu 73 źrodło rozwiń

Egzamin zbliża się wielkimi krokami, a mi zostały jeszcze do opanowania (i omówienia na niniejszym blogu) trzy zagadnienia! W związku z tym w dzisiejszym wpisie zajmiemy się animacjami przy użyciu "tranzycji"; przyjrzymy się dwu- i trój- wymiarowymi transformacjami; zapoznamy się z "media queries" służącymi do uzależniania wyglądu aplikacji w zależności od rodzaju "medium", na którym wyświetlana jest strona; dowiemy się także, jak za pomocą CSS3 pokazywać i ukrywać elementy dokumentu HTML.

burczu programator - blog: Animacja elementów DOM za pomocą CSS3 oraz tworzenie "przystosowujących się" interfejsów

Web 4288 dni, 23 godziny, 44 minuty temu burczu 101 źrodło rozwiń

Nadszedł czas na drugą część opisu zagadnienia związanego z "elastycznymi interfejsami" w HTML5 (oczywiście nadal w ramach przygotowań do egzaminu 70-480 należącego do ścieżki certyfikacyjnej MCSD Web Applications). Wpis ten poświęcony będzie takim zagadnieniom jak opływanie elementów blokowych, wyrównywanie do siatki oraz definiowanie regionów. Myślę, że nie ma sensu tracić czasu na przydługie wstępy, przejdźmy więc do rzeczy!Opływanie elementów blokowych Myślę, że temat definiowania opływania elementó...

burczu programator - blog: Wyłączenia, regiony i wyrównanie do siatki

Web 4290 dni, 15 godzin, 20 minut temu burczu 80 źrodło rozwiń

Po krótkiej weekendowej przerwie, wracam do przygotowań do egzaminu. Od zeszłego tygodnia jestem już zapisany na konkretny termin (21 marca), a więc czas przejść do decydującego odliczania ;) Do omówienia zostały mi już tylko cztery tematy więc myślę, że się wyrobię... Zgodnie z tematem posta, dziś zajmiemy się interfejsem użytkownika w HTML5. Dowiemy się zatem, jak korzystać z modelu "flexbox" oraz jak stworzyć layout wielokolumnowy. Do zagadnień należących do tego obszaru należą też nowe możliwości CSS...

burczu programator - blog: Model "flexbox" i interfejs wielokolumnowy w HTML5 i CSS3

Web 4292 dni, 12 godzin, 28 minut temu burczu 96 źrodło rozwiń

Jako, że w ostatnim moim wpisie, zajmowaliśmy się sposobami na nadawanie styli elementom tekstowym HTML5 za pomocą CSS3, dziś nadszedł czas na omówienie styli związanych z elementami blokowymi. Jak zwykle w tym "kursie" tematy do postów wybieram na podstawie informacji zawartych na stronach Microsoftu związanych z egzaminem MCSD: 70-480. W związku z tym zajmiemy się dziś takimi właściwościami CSS3 jak: właściwości zmieniające wygląd elementów blokowych; właściwości zmieniające efekty graficzne elementów;...

burczu programator - blog: Stylowanie elementów blokowych za pomocą CSS3

Web 4298 dni, 14 godzin, 17 minut temu burczu 68 źrodło rozwiń

Tak jak zapowiedziałem w ostatnim wpisie, w dniu dzisiejszym przechodzimy do ostatniej grupy zagadnień związanych z egzaminem MCSD: 70-480, a więc do tematu styli CSS3. Pierwszy z postów poświęconych temu zagadnieniu, zgodnie z tytułem wpisu, dotyczyć będzie stylowania elementów tekstowych HTML5. W związku z tym poruszone będą zagadnienia takie jak: nadawanie styli dotyczących wyglądu tekstu; stylowanie fontów; określanie odstępów, akapitów oraz wyrównania; nadawanie styli łącznikom oraz efekt cienia rzu...

burczu programator - blog: Nadawanie styli tekstowym elementom HTML5 za pomocą CSS3

Web 4300 dni, 16 godzin, 51 minut temu burczu 75 źrodło rozwiń

Tak jak obiecałem, dziś kolejna część "kursu" przygotowującego do egzaminu MCSD: 70-480. W niniejszym poście, zajmiemy się wprowadzoną w CSS3, możliwością dokonywania transformacji elementów HTML. Dziś skupimy się tylko podstawowych możliwościach tego "ficzera" CSS3 (konkretnie na transformacjach 2D), ponieważ temat ten, będzie dużo dokładniej omówiony później, w części poświęconej animacjom. Większość swojego wpisu oparłem na tym co można znaleźć na stronach w3schools.com. A więc zaczynamy!Transformacj...

burczu programator - blog: Zmiana rozmiaru, kształtu i położenia elementów HTML za pomocą transformacji CSS3

Web 4327 dni, 16 godzin, 14 minut temu burczu 41 źrodło rozwiń

Dziś rozpoczniemy zapoznawanie się z kolejnym celem jakim jest umiejętność zmieniania styli elementów HTML za pomocą JavaScript. Nauczymy się więc jak zmienić pozycję elementów, poznamy możliwości transformacji w CSS3 (to w kolejnym odcinku), a także dowiemy się jak ukrywać i pokazywać kontrolki.

Dziel się z innymi:
burczu programator - blog: Pozycjonowanie elementów za pomocą CSS3 oraz ukrywanie i pokazywanie elementów

Web 4331 dni, 17 godzin, 39 minut temu burczu 67 źrodło rozwiń

Czytając książkę Projektowanie serwisów WWW. Standardy sieciowe. Wydanie III (polecam!) natrafiłem na rozdział poświęcony CSS’owi w wersji trzeciej. Wśród opisywanych nowości najbardziej przypadła mi do gustu notacja rgba. Od standardowego zapisu rgb znanego z CSS2 odróżnia go ostatnia składowa – a (od angielskiego alpha – przezroczystość). To dzięki niej mamy możliwość manipulowania przezroczystością danej barwy. Ustawiając wartość alpha na 0 spowodujemy całkowitą przezroczystość koloru. Wartość 1 oznac...

Tagi: ASP .NET, css, CSS 3
Dziel się z innymi:
[CSS] Przezroczystość kolorów « Grzegorz Wodniczak

Web 5056 dni, 15 godzin, 10 minut temu gordon_shumway 65 źrodło rozwiń

Najaktywniejsi w tym miesiącu