Można poprawić wygląd strony na wiele sposobów. Jednym z nich jest zmiana standardowych znaczników listy ul li, na obrazki. Często widzi się na stronach listę wypunktowaną, punkty jako kółka, kwadraty, liczby. Chcąc dodać trochę bajeru do strony, można zamiast nich wstawić obrazek, ikonkę .jpg, .gif czy .png i ciekawie wyróżnić listę.
(więcej…)
Wpisów na blogu o tabelach mam ze 2, ten będzie trzeci, ale jeszcze bardziej podrasowany, z elastyczną tabelą i ciekawie wyglądającą, zwłaszcza w wersji mobilnej. Tabela jest ładnie skalowana, a na telefonie poukładana w kolumny z danymi, jedna pod drugą.
(więcej…)
Utworzyłam prosty i lekki skrypt slidera tekstowego, który może służyć jako slider opinii, recenzji, referencji. Przydatna i dość często spotykana funkcja na stronach, na których umieszczane są opinie klientów na temat usług firmy czy opinii o produkcie. Takie opinie dodaje się ręcznie, bo jest to prosty skrypt na stronę html. Za pomocą styli css odpowiednio nadany jest wygląd, a za pomocą javascript taki slider umożliwia przesuwanie opinii w bok za pomocą…
Przedstawię Wam 5 efektów button hover, które są warte uwagi. Takie przyciski z efektem po najechaniu, będą się ślicznie prezentować na stronie. Strona dzięki nim wyróżni się na tle konkurencji. Wystarczy stronę kodu html i css, by nadać im odpowiedni wygląd oraz efekt.
(więcej…)
Dziś pokażę jak wykonać ciekawy skrypt listy rozwijanej, która może posłużyć jako zestaw pytań do zakładki FAQ, bądź jakiejkolwiek innej listy prezentującej spis danych.
(więcej…)
Projektując dłuższe strony w html, czasem przydaje się opcja przyklejenia nagłówka wraz z menu, by łatwo i szybko przełączać się po podstronach. Po użyciu scrolla możemy uzyskać efekt zmniejszenia loga i przyklejenia go wraz z menu, na samej górze strony.
(więcej…)
Przez lata używałam różnych edytorów tekstowych do pisania kodu. Takim który został na długo, to świetny Dreamweaver. Jest to kombajn do tworzenie stron. Ostatnio nie działa mi za dobrze, coraz częściej narzekam na wolne uruchamianie się, zwłaszcza przy pliku z dużą ilością kodu, potrafi się zawiesić. Dlatego trafiłam na edytor, który od razu pokochałam - Sublime Text 3. Jest taki lekki, że ten sam duży plik, którego Dreamweaver nie mógł otworzyć,…
Dziś pokażę jak zrobić ładny i ciekawy efekt ruchomego tła parallax. Kiedy zaczniecie suwakiem przesuwać stronę w dół, to zobaczycie jak to działa. Efekt składa się z kilku warstw grafiki, czyli kilku obrazków png z przeźroczystym tłem, aby efekt zadziałał, to każdy element jest zapisany jako oddzielny obrazek.
Do działania efektu potrzebujemy plików: index.html, style.css i folderu „js” z plikami: index.js i basicScroll.min.js.