Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po (X)HTML, CSS i grafice

Jennifer Niederst Robbins

Jak zacząć pisać strony internetowe? Jak wybrać odpowiednie narzędzia do tworzenia witryn? Jak budować arkusze stylów i optymalizować źródło strony HTML? Od czego mam zacząć? Czy ja się do tego nadaję? Nie mam na to czasu... Wielu z nas właśnie z takim nastawianiem zabiera się do pisania swojej pierwszej strony internetowej. Takie i podobne wątpliwości rozwiewa właśnie ta książka, przeznaczona dla osób niemających żadnej wiedzy na temat tworzenia stron internetowych, a które chciałyby taką stronę wykreować. Czytając ją i pracując nad wieloma przykładami, nauczysz się, jak opracować swoją pierwszą stronę internetową i stopniowo odkryjesz w sobie pasję webmastera! Jennifer Niederst Robbina, bazując na swoim kilkunastoletnim doświadczeniu w dziedzinie tworzenia stron internetowych, udowadnia, że pisać strony może każdy, należy mu tylko wskazać drogę. Książka "Projektowanie stron internetowych" jest trzecią edycją przewodnika dla początkujących, lecz napisana została całkowicie od początku, z uwzględnieniem najnowszych technologii i trendów w tej dziedzinie. Dodatkowym atutem książki jest przejrzystość i łatwo przyswajalny język oraz liczne przykłady i ćwiczenia, które pozwalają lepiej zrozumieć i przyswoić materiał. Struktura i znaczniki HTML Elementy struktury (X)HTML Tabele, obrazki, odnośniki, animacje i inne elementy stron Formatowanie tekstu Formularze i pola edycji Pływanie oraz pozycjonowanie elementów stron Arkusze stylów CSS Układ strony oparty na arkuszach stylów CSS Techniki CSS Grafika stron internetowych i jej optymalizacja Umieszczanie stron w Internecie Poznaj techniki tworzenia, napisz i umieść własną stronę internetową w sieci!

Responsive Web Design. Nowoczesne strony WWW na przykładach

Frahaan Hussain

Aplikacje internetowe, które dobrze działają i ładnie wyglądają wyłącznie na ekranach komputerów osobistych, już jakiś czas temu zostały uznane za przestarzałe. Przejrzysty blog, piękna strona z portfolio czy ciekawy profil z galerią zdjęć w portalu społecznościowym muszą doskonale wyglądać na urządzeniach z ekranami o rozmaitych rozmiarach i proporcjach oraz różnej rozdzielczości. Wzrost liczby urządzeń wyposażanych w przeglądarki jest jednym z sygnałów, że internet się zmienia. Projekty responsywne są odpowiedzią na tego rodzaju zmiany. Projektant aplikacji, który ma ambicję podążać za wymogami współczesnego internetu, musi sprawnie realizować takie projekty. Ta książka jest szybkim i przystępnym przewodnikiem, dzięki któremu zdobędziesz wiedzę o sposobach włączania responsywności do procesu projektowania i budowania różnorodnych aplikacji. Opanujesz również dobre praktyki tworzenia stron WWW oraz ogólne zasady poprawnego programowania. Poszczególne przykłady bazują na powszechnie znanych technologiach i językach, takich jak HTML, CSS i JavaScript, a także na coraz popularniejszym frameworku Bootstrap. Prędko wykorzystasz obfitość zawartej tu wiedzy o wszelkich aspektach responsywności oraz o korzystaniu z Bootstrapa w projektach i programowaniu aplikacji WWW. Nauczysz się też dobierać frameworki najlepiej pasujące do specyfiki aktualnie tworzonego projektu. W efekcie Twoje strony staną się profesjonalne, kreatywne i prawdziwie responsywne. Dzięki tej książce: dowiesz się, dlaczego obecnie strony powinny być tworzone jako responsywne nauczysz się personalizować frameworki i tworzyć szablony wielokrotnego użytku zaczniesz budować semantyczną strukturę strony z elementów HTML5 nauczysz się określania osobowości strony za pomocą CSS3 będziesz zawsze wybierać odpowiednie frameworki zaimplementujesz funkcje Bootstrapa na stronie Strona responsywna: nowoczesna, dynamiczna, dostosowana do potrzeb!

Responsive Web Design. Projektowanie elastycznych witryn w HTML5 i CSS3

Ben Frain

Niezbędnik każdego projektanta WWW! Jeżeli pamiętasz czasy przed rewolucją mobilną, to z łatwością przypomnisz sobie rozdzielczości królujące w tamtym okresie: 800×600 oraz 1024×768 pikseli. Nie było tabletów, smartfonów, netbooków i telewizorów podłączonych do internetu. Projektant stron WWW napotykał w swojej pracy wiele utrudnień, jednak nie musiał zmagać się z różnorodnością ekranów, jak webmasterzy naszej dekady. Obecnie projektowanie stron dopasowanych do wymogów różnych urządzeń to niezwykle cenna umiejętność. Dzięki tej książce zdobędziesz ją w mig! Już za chwilę skorzystasz z możliwości HTML5 i CSS3, by stworzyć stronę, która zachwyci użytkownika, i to niezależnie od platformy, na której będzie jej używał. Co najważniejsze, żeby to osiągnąć, nie będziesz musiał przygotowywać kilku wersji jednej strony! W trakcie lektury poznasz nowości z CSS3 i HTML5. Dowiesz się, jak uzyskać rewelacyjne efekty, atrakcyjne wizualnie układy oraz decydować o rozmieszczeniu elementów w zależności od docelowej rozdzielczości. Książka ta jest obowiązkową lekturą dla każdego projektanta i programisty stron internetowych. Po prostu musisz ją mieć! Przekonaj się, jak łatwo: obsługiwać różne rozdzielczości ekranów korzystać z plików multimedialnych wspierać starsze przeglądarki tworzyć lepsze strony WWW Zaoszczędź czas — twórz uniwersalne strony WWW!

Responsive Web Design. Projektowanie elastycznych witryn w HTML5 i CSS3. Wydanie II

Ben Frain

Profesjonalnie wykonana strona internetowa powinna działać bez zarzutu nie tylko na komputerze stacjonarnym, lecz także na tablecie czy telefonie. Użytkownicy chcą korzystać z aplikacji sieciowych w każdych warunkach i uruchamiać je na urządzeniach o najprzeróżniejszych rozmiarach czy parametrach. Należy się spodziewać, że wkrótce katalog urządzeń podłączanych do internetu znacznie się poszerzy. W takich warunkach projektant koniecznie musi zadbać o responsywność, aby tworzone przez niego strony internetowe dostosowywały się do zmiennych warunków i zachowywały funkcjonalność. Niniejsza książka stanowi kompletne źródło informacji potrzebnych do napisania responsywnej strony internetowej. Jeśli znasz HTML i CSS, możesz z jej pomocą zbudować taką aplikację. Znajdziesz tu opis wszystkich podstawowych aspektów responsywnych projektów stron i dowiesz się, jak korzystać z najbardziej przydatnych technik w technologiach HTML5 i CSS3. Co więcej, odkryjesz najlepsze metody pisania i dostarczania kodu, obrazów i plików. Dzięki licznym przykładom i opisom bez trudu dostosujesz swój projekt do wymagań telefonów komórkowych i wielu innych urządzeń. Wydanie drugie uzupełniono o opis prawie wszystkich najnowszych technik i narzędzi potrzebnych do budowy responsywnych aplikacji internetowych. W tej książce znajdziesz: opis elementów potrzebnych do zbudowania responsywnych stron internetowych informacje o zapytaniach medialnych, ich składni i sposobach wykorzystania omówienie projektowania struktury i układów płynnych oraz wykorzystania modelu Flexbox wskazówki co do wykorzystania niezwykłych możliwości CSS3 i HTML5 wytyczne dotyczące grafiki SVG oraz metody obsługi obrazów SVG z poziomu JavaScriptu wyjaśnienie, jak tworzyć przejścia, transformacje i formularze spis dobrych praktyk kodowania responsywnych stron internetowych Responsywne strony internetowe — będą równie piękne nawet po latach!

Responsive Web Design. Projektowanie elastycznych witryn w HTML5 i CSS3. Wydanie III

Ben Frain

Jeszcze dziesięć lat temu responsywność strony internetowej była traktowana jako ciekawostka. Dziś jest powszechnym standardem. Znane od dawna klasyczne technologie HTML i CSS wciąż zachowują świeżość i wyjątkową przydatność w tworzeniu nowoczesnych stron internetowych. Społeczności skupione wokół tych narzędzi starannie dbają o ich nieustanny rozwój, dzięki czemu za ich pomocą nadal można osiągać imponujące efekty i spełniać coraz wyższe standardy. Oznacza to, że każdy szanujący się programista front-endu powinien na bieżąco śledzić nowości i uczyć się korzystania z sukcesywnie pojawiających się funkcjonalności HTML i CSS. Ta książka jest kolejnym, uaktualnionym i uzupełnionym wydaniem lubianego podręcznika projektowania responsywnych stron internetowych. Omówiono w niej wszystkie nowości i ulepszenia z dziedziny projektowania responsywnych stron internetowych, w tym zapewnianie lepszej dostępności, fonty zmienne czy kontrola przewijania strony. Szczegółowo opisano moduł CSS Grid i mechanizm tworzenia układów Flexbox. Zaprezentowano wiele praktycznych informacji o SVG, wymogach dostępności, efektach w CSS, definiowaniu przejść, transformacji i animacji oraz włączaniu do kodu zapytań medialnych. Znakomitym uzupełnieniem treści są autorskie wskazówki i uwagi do programowania front-endu. Najważniejsze zagadnienia: dostosowywanie arkuszy stylów do potrzeb różnych urządzeń pisanie przejrzystego, szybkiego i bogatego semantycznie kodu HTML grafiki w formacie SVG w projektach responsywnych najnowsze możliwości CSS: własności użytkownika, fonty zmienne i siatka weryfikacja danych w HTML i inne przydatne funkcje formularzy filtry, cienie, animacje i inne efekty wzbogacające interfejs Współczesny HTML i CSS? Mogą więcej, niż myślisz!

Responsywne strony WWW dla każdego

Clarissa Peterson

Twórz skalowalne strony WWW (RWD) dla wszystkich urządzeń! Responsywne strony WWW umiejętnie dostosowują się do rozmiaru każdego ekranu, na jakim zechcesz je wyświetlić. Ta ich właściwość pomaga również generować zyski! Po pierwsze, wystarczy utrzymywać tylko jedną wersję responsywnej strony. Po drugie, Twoi potencjalni klienci i użytkownicy mogą zapoznać się z Twoją ofertą lub skorzystać z niej praktycznie w dowolnym miejscu świata. I to niezależnie od tego, czy korzystają ze smartfona, z tabletu czy z komputera stacjonarnego! Jeżeli chcesz nauczyć się tworzyć takie strony, ta książka będzie dla Ciebie najlepszym źródłem! Już za chwilę dowiesz się, w jaki sposób zbudować skalowalne strony WWW z wykorzystaniem najnowszych możliwości kaskadowych arkuszy stylów CSS3 oraz języka HTML5. Przekonasz się, jak łatwo możesz modyfikować style pod konkretne media oraz jak najlepiej zorganizować proces projektowania responsywnej strony WWW. Zaznajomisz się też z najlepszymi technikami poprawy wydajności Twoich stron WWW. To jest obowiązkowa lektura dla wszystkich programistów i projektantów stron WWW! Przygotuj strategię treści strony zanim zajmiesz się jej wizualnym wyglądem Dowiedz się, dlaczego domyślnym wzorcem powinna być strona przystosowana do małych ekranów Poznaj elementy języka HTML i właściwości stylów CSS niezbędne do tworzenia skalowalnych stron Zastosuj zapytania o media, aby wyświetlać różne style CSS na ekranach różnej wielkości Modyfikuj obrazy, czcionki i sekcje nawigacji Stosuj techniki optymalizacyjne, aby tworzyć mniejsze i szybsze strony Odkryj możliwości responsywnych stron WWW!

Sass i Compass. Praktyczny przewodnik dla projektantów

Ben Frain

Projektuj pięknie i wygodnie — Sass i Compass do Twoich usług! Instalowanie Sass i Compass oraz konfigurowanie projektów, czyli od czego zacząć naukę Kolory, siatki i responsywność, czyli jak zapewnić stronie dobry wygląd na każdym urządzeniu Automatyzacja pisania kodu CSS, czyli jak działać szybko i eliminować zbędne czynności Kaskadowe arkusze stylów są dziś wykorzystywane przez wszystkich projektantów stron internetowych na całym świecie. Jest to bardzo wygodne i elastyczne narzędzie, jednak prawdziwie spektakularne efekty można osiągnąć dzięki zastosowaniu CSS w połączeniu z preprocesorem Sass oraz technologią Compass. Możliwe, że nie bardzo wiesz, co znaczą te nazwy, i nie masz pojęcia, do czego mogłyby Ci się przydać te dodatki. Jeśli jednak jesteś projektantem, powinieneś czym prędzej zapoznać się z tymi narzędziami, ponieważ niebywale ułatwią Ci pracę. I nie musisz być geniuszem ani informatykiem, żeby skorzystać z ich mocy. Wystarczy, że znasz HTML i CSS. Ta książka nie została napisana z myślą o programistach. Jej celem jest pokazanie spektrum działania technologii Sass i Compass wszystkim tym, którzy często używają CSS. Znajdziesz tu informacje na temat instalowania i konfigurowania obu dodatków, sprawnego posługiwania się kolorami i tworzenia responsywnych układów stron. Po tych podstawach przyjdzie czas na naukę pisania zapytań medialnych i eksperymentalnych deklaracji CSS dla różnych przeglądarek, a także ćwiczenia ze sporządzania statystyk. Następnie dowiesz się, jak utworzyć idealnego duszka w rekordowo krótkim czasie i zautomatyzować swoją pracę za pomocą inteligentnych pętli. Przeczytaj i zastosuj, a szybko zakochasz się w dodatkach Sass i Compass! Sass i Compass dla początkujących Tworzenie projektu Sass i Compass Zagnieżdżanie, rozszerzanie, symbole zastępcze i domieszki Praca z kolorami Responsywne i elastyczne siatki Tworzenie zapytań medialnych za pomocą Sass i domieszek CSS3, duszki i inne cuda Logika programistyczna w Sass Sass i Compass dla zaawansowanych Sass i Compass skrócą Ci drogę do pięknych stron!

Sass. Nowoczesne arkusze stylów

Bartosz Chucherko

Poznaj skuteczny sposób na tworzenie lepszych i wydajniejszych arkuszy stylów! Do czego przydaje się Sass? Jak go szybko opanować? Jak zastosować Sass w praktyce? Jak zoptymalizować swoje projekty? Jak uniknąć najczęstszych błędów? Sass to metajęzyk, który umożliwiają szybsze i wydajniejsze tworzenie bardziej zaawansowanych arkuszy stylów, niż jest to możliwe przy użyciu samego języka CSS. Co więcej, ten świetny metajęzyk zapewnia pełną zgodność ze standardowym CSS-em. Sass eliminuje wady i ograniczenia CSS, a ponadto oferuje możliwości znane z języków programowania. Twórcom stron WWW przydaje się to szczególnie w dużych i rozbudowanych projektach komercyjnych. A wszystko to można osiągnąć niewielkim kosztem — jeśli znasz CSS, opanowanie Sass nie wymaga zbyt dużo czasu ani wysiłku. Jeśli tworzysz strony WWW i chcesz wzbogacić swój warsztat o znajomość jednego z ciekawszych oraz najdynamiczniej rozwijających się narzędzi designerskich i deweloperskich, sięgnij po książkę „Sass. Praktyczny przewodnik”. Zrozumiesz dzięki niej zarówno podstawowe, jak i bardziej zaawansowane elementy składni języka, poznasz dobre praktyki tworzenia projektów Sass oraz nauczysz się je optymalizować. Zaznajomisz się również z praktycznymi przykładami zastosowania tego narzędzia i odkryjesz biblioteki i dodatki rozszerzające jego możliwości. Daj się wprowadzić w świat Sass! Podstawowe informacje na temat preprocesora Sass, jego działania i składni Zaawansowane elementy języka wraz z przykładami Liczne przykłady praktycznych technik przydatnych podczas tworzenia stron WWW Biblioteki i narzędzia ułatwiające pracę projektanta Techniki optymalizacji i zasady tworzenia prawidłowego kodu Metody pracy przy rozbudowanych projektach z wykorzystaniem wzorców i architektury Tworzenie skórek przy użyciu Sass i Bootstrap Instalacja i konfiguracja środowiska pracy i dodatków Opanuj Sass i twórz przebojowe strony WWW w nowoczesny sposób!