HTML/CSS

Czy kiedykolwiek chciałeś stworzyć tekst jako obrazek, ale bez używania Photoshopa czy innych narzędzi graficznych? Może chcesz zrobić logo z napisem, nagłówek w stylu retro, albo dynamiczny podpis generowany przez użytkownika? Jeśli tak, to świetnie trafiłeś. W tym artykule pokażę Ci, jak w prosty sposób wygenerować obrazek z tekstem w HTML, używając tylko przeglądarki i … Dowiedz się więcej

Jeśli dopiero zaczynasz swoją przygodę z tworzeniem grafiki w przeglądarce, pewnie zastanawiasz się: czy w HTML da się narysować łuk? Odpowiedź brzmi: tak, jak najbardziej! Ale nie zrobimy tego samym HTML-em – potrzebny będzie nam element <canvas> i odrobina JavaScriptu. W tym artykule pokażę Ci krok po kroku, jak rysować łuki, półkola, okręgi i bardziej … Dowiedz się więcej

Chcesz dodać trochę głębi, klimatu lub czytelnego kontrastu do nagłówków na stronie? Cień tekstu to prosty trik, który potrafi całkowicie odmienić wygląd projektu. W tym artykule krok po kroku pokażę Ci, jak robić cień w tekście przy użyciu HTML i CSS – od podstawowych zastosowań po bardziej zaawansowane efekty (neon, emboss, wielowarstwowe cienie). Wszystko w … Dowiedz się więcej

Chcesz szybko ułożyć elementy na stronie w ładny, elastyczny sposób bez męczenia się z floatami i zawiłymi obliczeniami szerokości? Flexbox to idealne narzędzie. W tym artykule wyjaśnię to prosto, po ludzku — pokażę, jak działa Flexbox, dam gotowy kod, opiszę najważniejsze właściwości i podpowiem, jak go używać w praktycznych układach (np. kartach, nagłówku z przyciskami, … Dowiedz się więcej

Czy zdarzyło Ci się przeglądać nowoczesne strony internetowe, na których formularze albo pola tekstowe wyglądają tak, jakby „pływały” po ekranie? Wiesz, te eleganckie animacje, w których etykieta (label) unosi się delikatnie nad polem, gdy użytkownik zaczyna coś wpisywać? Ten efekt nazywa się floating label albo po polsku efekt pływającego pola. Dobra wiadomość? Zrobienie czegoś takiego … Dowiedz się więcej