czas - Kurs HTML i CSS
LinkiKarykatury Portrety Pracownia artystyczna Żewecki Art wykonuje profesjonalne portrety w różnych technikach malarskich, karykatury portretowe na zamówienie ze zdjęć, kopie obrazów, zaproszenia ślubne i okolicznościowe z karykaturą. Pozycjonowanie Pozycjonowanie stron internetowych w wynikach wyszukiwania. Czas na nowoczesne i skuteczne SEO!
HTML5 / Artykuł <article>...mogłoby być: <article> <h1>Mój pierwszy wpis na blogu</h1> <p>Stało się. Postanowiłem założyć własnego bloga. Nie wiem, czy będę miał czas, aby regularnie go aktualizować, ale zrobię co w mojej mocy.</p> <section> <h2>Komentarze</h2> <article> <p>Życzę powodzenia.</p> </article> <article> <p>Nareszcie. Bardzo się cieszę.</p> </article> </section> </article> Wpis na blogu jak najbardziej mógłby być opublikowany w kanale RSS serwisu. Dlatego został oznaczony...
- HTML5 / Zawijanie tekstu w formularzu <textarea wrap>
...w obszarze tekstowym formularza zwykle jest wyświetlana w postaci zawiniętej. W przeciwnym razie wpisywanie byłoby bardzo niewygodne, ponieważ cały czas trzeba by było przewijać pole na boki. Jeżeli jednak użytkownik fizycznie nie przeniesie tekstu do nowej linii poprzez wciśnięcie klawisza Enter, zawartość pola przesłana z formularzem nie będzie już zawinięta. Możemy jednak wymusić, aby wysłany tekst wyglądał dokładnie tak samo, jak na ekranie podczas jego wpisywania - nawet w miejscach, w...
- Podcast HTML / #2 Nagłówek i treść HTML
...strony do ustawień przeglądarki użytkownika. Automatyczne odświeżanie/przekierowanie: możliwe jest automatyczne odświeżanie strony co określony czas (np. 60 sekund) za pomocą <meta http-equiv="refresh"> lub przekierowanie użytkownika na inny adres, np. natychmiastowo, za pomocą content="0; url=...". Pamiętajmy, że polecenie BODY powinno wchodzić w skład każdego dokumentu HTML i zawierać wszystkie widoczne elementy. Wszystkie znaczniki <meta> i <title> muszą znajdować się wewnątrz...
Tło CSS / Rozmiary tła obrazkowego {background-size}...wpłynie na utratę jakości grafiki. Pamiętaj również, aby nie wstawiać w tle zdjęć o przesadnie dużych wymiarach, ponieważ będą wydłużały czas wczytywania strony. Możliwe jest również określenie kilku wartości rozmiary tła - kiedy wstawiamy w tle więcej niż jeden obrazek: selektor { background-size: rozmiary obrazka 1, rozmiary obrazka 2,... } Przykład {background-size} contain cover 75px 100px 100% 100%
- HTML5 / Wstępne ładowanie <link "preload" as>
...wstępnie załadować skrypt, można użyć <link rel="preload" href="script.js" as="script">. Stosuje się je, gdy zasoby są kluczowe dla wydajności lub w czasie, gdy nie są jeszcze bezpośrednio używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki CSS, JavaScript lub obrazy, zanim zostaną one potrzebne przez stronę. Używa się do tego tagu <link rel="preload" href="resource.css" as="style"> lub innych...
- Pozycjonowanie CSS / Pozycja ustalona {position: fixed}
...elementu jest zawsze obliczana względem krawędzi okna przeglądarki (obszaru w którym znajduje się strona). Dodatkowo element taki jest nieruchomy podczas przewijania strony, przez co jest on przez cały czas widoczny na ekranie, dokładnie w tym samym miejscu. Daje to zbliżony efekt, jak nieruchome pojedyncze tło. Przykład {position: fixed} Przykład
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...zatrzymane po napotkaniu tak osadzonego skryptu i kontynuowane dalej, dopiero kiedy w całości się on załaduje. Często tylko niepotrzebnie wydłuża to czas, po którym użytkownik może już przeglądać pozostałą treść strony. Korzystniej by było od razu wyświetlić podstawową treść tekstową strony, tak aby czytelnik mógł już się zacząć z nią zaznajamiać, a w tym czasie w tle doładować wszystkie potrzebne pliki dynamicznych skryptów. W języku HTML 4.01 służył do tego atrybut logiczny defer. Oznaczony...
- Jednostki CSS / Wyrażenia matematyczne
...Opera 15, Chrome 26) calc(wyrażenie) Wyrażenie składa się z dowolnie wybranych następujących wielkości: liczby, długość, procenty, kąty, czas, częstotliwość. Ponadto może zawierać podstawowe operatory działań matematycznych: + dodawanie - odejmowanie * mnożenie / dzielenie Czasami proste określnie pojedynczej jednostki staje się niewystarczające. Przykładowo możemy chcieć, aby jakiś element miał rozmiar 50% i dodatkowo 10 pikseli. Sposobem na uzyskanie takiego rezultatu jest...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...aktualnej strony. Kiedy używać popover? Popover jest używany, gdy chcesz pokazać dodatkową zawartość, która nie musi być widoczna przez cały czas, ale powinna być łatwo dostępna w odpowiednim momencie, np. podczas wypełniania formularza lub wyboru opcji. Można go zastosować do prezentowania wskazówek, formularzy lub złożonych opcji, które użytkownik może szybko zamknąć lub ukryć. Jak zrobić popover w HTML? Aby zrobić popover w HTML, użyj atrybutu popover na elemencie, który ma...