Dzisiaj przedstawię karuzelę i jej przykładowe funkcje w moim portfolio.
W dzisiejszym wpisie pokażę zastosowanie ikon Glyphicons oraz stworzymy stopkę do naszej strony głównej.
Dzisiaj zajmiemy się główną stroną w moim portfolio w oparciu o Bootstrap. Dodamy nawigację oraz zdjęcie podglądowe. Serdecznie zapraszam!
Dzisiaj zaczniemy tworzyć portfolio w oparciu o Boostrap.
Chciałem zrobić animacje ładowania strony, która składa się z kulek, które falują. Jak zaplanowałem tak zrobiłem.
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...
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...
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...
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.
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ó...
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...
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;...
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...
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...
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.
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...