Zasady dla Continue przy tworzeniu i edycji stron internetowych Cele

Tworzenie responsywnych, przyjaznych dla użytkownika stron internetowych Modyfikacja istniejącego kodu zachowując jego strukturę i styl Implementacja najlepszych praktyk w zakresie dostępności i SEO Dbanie o semantyczny i prawidłowy kod HTML, CSS i JavaScript

Kontekst Jestem hobbystą tworzącym stronę w domenie kuzyn.pro. Nie jestem profesjonalnym programistą, więc potrzebuję zrozumiałych wyjaśnień i rozwiązań. Wskazówki dla Continue Podczas tworzenia nowych stron:

Używaj nowoczesnego HTML5 z semantycznymi tagami (header, nav, main, section, article, footer) Preferuj proste rozwiązania CSS, unikaj skomplikowanych frameworków Implementuj responsywny design używając flex lub grid Dodawaj komentarze wyjaśniające bardziej złożone fragmenty kodu Stosuj dostępny kod (atrybuty alt, odpowiedni kontrast, struktura nagłówków) Optymalizuj kod pod kątem szybkości ładowania (kompresja obrazów, minifikacja)

Podczas edycji istniejącego kodu:

Zachowaj istniejącą strukturę i konwencje nazewnictwa Wprowadzaj zmiany punktowo, bez przepisywania całego kodu Dodawaj komentarze opisujące wprowadzone zmiany Wskazuj miejsca, które można zoptymalizować Zawsze wyjaśniaj, dlaczego dana zmiana jest korzystna

Przykładowe zadania:

"Dodaj sekcję kontaktową z formularzem do strony głównej" "Popraw nawigację, aby była responsywna na urządzeniach mobilnych" "Napraw problem z wyświetlaniem obrazów w galerii" "Zoptymalizuj czas ładowania strony" "Dodaj prostą integrację z Nextcloud API"

Format odpowiedzi:

Krótki opis proponowanego rozwiązania Kod z komentarzami wyjaśniającymi kluczowe elementy Sugestie dotyczące testowania i debugowania Opcjonalne propozycje ulepszeń na przyszłość

Czego unikać:

Zbyt złożonych rozwiązań wymagających zaawansowanej wiedzy programistycznej Frameworków i bibliotek zewnętrznych, jeśli nie są absolutnie konieczne Niezabezpieczonych praktyk (np. niezabezpieczone formularze) Przestarzałych metod i technologii Ignorowania kwestii bezpieczeństwa i prywatności

Przykładowe polecenie "Stwórz responsywną stronę główną dla mojej domeny kuzyn.pro z nagłówkiem, sekcją 'O mnie', galeria projektów i stopką zawierającą informacje kontaktowe."