Stylowanie linków za pomocą pseudoklas :hover :active :focus :visited

Standardowy wygląd linków na stronie internetowej zależny jest od przeglądarki. Każdy browser może wyświetlać linki i ich warianty (z różnymi pseudoklasami) w odmienny sposób. Zazwyczaj jednak chcemy ustawić własne style, po to, by linki wyglądały tak samo niezależnie od tego, z jakiej przeglądarki korzystamy. Do tego służą pseudoklasy:

Czytaj więcej
git-logo

Podstawowe komendy git

Komendy git możesz wykonać między innymi: – w konsoli cmd (widnows start -> cmd. Otworzy się aplikacja Command Prompt. Aby przejść do katalogu głównego wpisz cd \ . Następnie wpisz cd + ścieżka do katalogu z twoim projektem, np: cd Users\Joanna\Desktop\moj-projekt – w konsoli git bash, którą możesz pobrać ze strony https://git-scm.com/downloads . Po zainstalowaniu […]

Czytaj więcej

Rem, em – jednostki miary w css

Jednostki rem i em w CSS są niezwykle przydatne, jeśli chcesz tworzyć skalowalne, responsywne i dostępne interfejsy. Pomagają w zarządzaniu rozmiarem czcionek, marginesami, paddingiem i wieloma innymi właściwościami, bez konieczności używania sztywnych wartości pikselowych.

Czytaj więcej

Responsywne obrazki dla różnych ekranów w HTML5

Często spotykanym problemem przy projektowaniu stron internetowych są zdjęcia. Wyświetlenie większego zdjęcia na większym ekranie to lepsze wrażenia dla użytkownika, ale już wyświetlanie dużego zdjęcia na małym ekranie, np. na telefonie, może niepotrzebnie opóźnić ładowanie strony. Dlatego dobrym rozwiązaniem jest „serwowanie” zdjęć o odpowiedniej wielkości i wadze dla różnych ekranów.

Czytaj więcej

Skalowanie obrazka do diva

Czasem chcemy, aby zdjęcie na stronie zmniejszało się wraz ze zmniejszającą się wielkością ekranu. Można to łatwo osiągnąć stosując krótki zapis w css.

Czytaj więcej

Co to jest hoisting w javascript?

Każdy junior front-end developer powinien wiedzieć, czym jest hoisting. Zagadnienie to można dosyć łatwo zrozumieć, więc jeśli ktoś jeszcze o nim nie słyszał, może szybko nadrobić zaległości:

Czytaj więcej

Jak ustawić div-a na 100% wysokości okna?

Tworząc strony internetowe zdarza się, że chcemy, aby div z określonymi informacjami zajmował całą wysokość okna, niezależnie od wysokości tego okna. Wiadomo, że ustawiając wysokość dziecka na 100% zajmuje ono całą przestrzeń swojego rodzica. Zatem aby div zajmował całą wysokość okna, wszyscy jego rodzice muszą także mieć ustawioną taką wysokość.

Czytaj więcej

Jak wycentrować text i div-a w poziomie i pionie używając css

Problem centrowania diva lub tekstu jest dość powszechny i sama niejednokrotnie musiałam poświęcić na jego „naprawienie” więcej czasu niż bym chciała. Czasem sytuacja jest prosta i użycie jednej z podstawowych metod, jak margin: 0 auto rozwiązuje sprawę, a czasem trzeba trochę więcej pogłówkować. Dlatego poniżej przedstawiam kilka przydatnych metod, które możesz użyć w zależności od […]

Czytaj więcej

Jak skopiować tablicę w javascript?

Mamy tablicę [„javascript”, „jest”, „fajny”, 1, 2, 3]. Zobaczmy co się stanie, jeśli będziemy chcieli ją skopiować i przypisać do zmiennej, a następnie zmodyfikować tę skopiowaną tablicę:

Czytaj więcej