Wydawca: Helion

Responsive Web Design. Modernizacja witryny

Inayaili de León

Projektowanie responsywnych stron WWW (ang. Responsive Web Design) jest koniecznością. Wynika to z rosnącej liczby przeróżnych urządzeń mobilnych, wykorzystywanych przez rzeszę użytkowników. Nowoczesne podejście do RWD wymaga zmiany sposobu myślenia. Utrzymywanie oddzielnych wersji witryny jest nieefektywne. Zamiast tego należy utworzyć jeden, spójny i responsywny projekt strony. Na takiej stronie cały układ będzie ulegał płynnym przekształceniom, aby zapewnić komfort przeglądania niezależnie od wymiarów wyświetlacza. Oczywiście dotyczy to również stron istniejących, które powinny zostać zmodernizowane. Niniejsza książka jest przeznaczona dla osób, które planują zmodernizowanie swojej witryny w celu zapewnienia jej responsywności. Przedstawiono tu mnóstwo praktycznych wskazówek pozwalających na wdrożenie nowej wersji witryny, nawet gdy brakuje czasu i środków. Dowiesz się, jak rozplanować adaptację projektów i wzorców przy różnych breakpointach oraz jak zadbać o responsywność obrazów. Opisano tu takie techniki, jak przekształcanie siatek stałych w siatki płynne, stosowanie komponentów wielokrotnego użytku, korzystanie z zapytań medialnych. Pokazano, jak korzystać z przydatnych wzorców projektowych, na przykład wzorców nawigacji. Dzięki tej praktycznej książce zmodernizowanie witryny będzie o wiele łatwiejsze i... mniej stresujące! Niektóre zagadnienia omówione w książce: realistyczne planowanie modernizacji i tworzenie harmonogramu prac analiza treści witryny przed jej przeprojektowaniem zarządzanie wrażeniami użytkownika (UX, z ang. User Experiences) domieszki, funkcje i arkusze stylów testowanie modernizowanej witryny i jej publikacja Czy Twoja strona jest już responsywna? Inayaili de León zajmuje się projektowaniem witryn WWW od 2003 r. Obecnie pracuje w Canonical, firmie rozwijającej system Ubuntu, gdzie doskonali narzędzia do projektowania graficznego online. Znakiem firmowym de León są eleganckie, przyjazne użytkownikowi projekty stron. Jest również pisarką, autorką licznych artykułów, publikowanych m.in. w A List Apart, 24 Ways, Smashing Magazine i .net Magazine, oraz bloga Web Designer Notebook (https://webdesignernotebook.com). Inayaili de León mieszka w swoim ulubionym mieście — Londynie. Uwielbia koty i leniwe drzemki.

Responsive Web Design. Nowoczesne strony WWW na przykładach

Thoriq Firdaus

Nowoczesne witryny WWW są w Twoim zasięgu! Responsywne strony WWW to dziś standard, do którego dążą wszyscy projektanci stron. W świecie smartfonów, tabletów, laptopów, telewizorów z dostępem do sieci oraz komputerów stacjonarnych stworzenie strony, która będzie dobrze się prezentowała i zachowa swoją funkcjonalność na każdym z urządzeń, to klucz do sukcesu! Ta książka to doskonałe źródło informacji na temat responsywnych stron internetowych — zacznij je projektować już teraz! W trakcie lektury poznasz zalety i wady trzech najlepszych szkieletów do błyskawicznego tworzenia stron WWW. To Bootstrap, Skeleton oraz Foundation Zurb. Dodatkowo zapoznasz się z preprocesorami CSS oraz zaznajomisz się z nowościami wprowadzonymi w CSS3. Po opanowaniu wiedzy zawartej w kolejnych rozdziałach z łatwością zbudujesz przykładową witrynę produktu na podstawie szkieletu Bootstrap, portfolio na podstawie Skeletona oraz responsywną stronę firmową na podstawie Foundation Zurb. Dzięki praktycznemu podejściu do tematu błyskawicznie przyswoisz cenną wiedzę na temat tworzenia responsywnych stron WWW. Książka ta jest doskonałą lekturą dla wszystkich projektantów oraz pasjonatów tworzenia stron WWW! Sięgnij po książkę i dowiedz się, jak: tworzyć elastyczne arkusze stylów CSS za pomocą preprocesorów zbudować responsywną stronę produktu za pomocą szkieletu Bootstrap wykorzystać możliwości Foundation Zurb stworzyć nowoczesną stronę, prezentującą się idealnie na różnych urządzeniach Buduj nowoczesne, responsywne strony WWW!

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!

Responsive Web Design z jQuery

Gilberto Crespo

Twórz strony na miarę XXI wieku! Jeszcze całkiem niedawno — w świecie bez smartfonów i tabletów — tworzenie stron było zdecydowanie prostsze. Projektanci i deweloperzy nie musieli się martwić o to, jak strona będzie się prezentowała na różnej wielkości ekranach, dopasowywali ją do 2–3 rozdzielczości. Obecnie, w erze urządzeń mobilnych o poziomych, pionowych, małych, średnich i bardzo dużych ekranach, pewnie często zastanawiasz się, jak skutecznie zadbać o responsywność swojej strony. Sięgnij po ten przewodnik i spraw, by zarówno użytkownicy komputerów stacjonarnych, jak i laptopów, tabletów czy smartfonów z przyjemnością korzystali z Twojej witryny. W trakcie lektury dowiesz się, jak budować responsywne strony WWW. Responsywne to znaczy takie, które dostosowują swój wygląd i układ do urządzenia, na którym są przeglądane. Nauczysz się korzystać z dopasowujących się układów i siatek (ang. grids) oraz zbudujesz menu, które wszędzie będzie wyglądało dobrze. Ponadto przekonasz się, że stworzenie galerii, osadzenie mediów oraz atrakcyjnej tabeli dla urządzeń mobilnych nie musi być karkołomnym zadaniem! Na sam koniec dowiesz się, jak testować takie strony, oraz poznasz przydatne wtyczki dla jQuery. Książka ta jest doskonałym źródłem wiedzy dla wszystkich podążających za trendami w tworzeniu stron WWW! Sięgnij po książkę i dowiedz się, jak: stworzyć atrakcyjne menu i galerię wykorzystać możliwości małych ekranów zbudować responsywną tabelę zastosować dodatkowe wtyczki zbudować uniwersalną stronę WWW Zaoszczędź swój czas i twórz uniwersalne strony WWW!

Responsywne i wydajne projekty internetowe. Szybkie aplikacje dla każdego

Tom Barker

Superwydajne aplikacje i strony WWW! 1024×768, 800×600 — czy te liczby coś Ci mówią? To najpopularniejsze rozdzielczości ekranu, które obowiązywały w czasach przed mobilną rewolucją. Obecnie użytkownicy korzystają z przeróżnych ekranów, wyświetlających obrazy w wielu innych rozdzielczościach. Jak sobie z tym poradzić? Jak tworzyć strony WWW, które będą działać poprawnie na każdym dostępnym urządzeniu? Jak rozwiązać problemy z wydajnością? Na te i dziesiątki innych pytań odpowiada ta niezwykła książka. Sięgnij po nią i zapoznaj się z najnowszymi trendami w tworzeniu responsywnych i wydajnych stron WWW oraz aplikacji internetowych. W trakcie lektury zdobędziesz bezcenną wiedzę na temat mierzenia wydajności aplikacji oraz czynników, które mają na nią wpływ. Kolejne rozdziały dostarczą Ci wyczerpujących informacji dotyczących ciekawych rozwiązań problemu wydajności po stronie klienta oraz serwera, a ponadto zaprezentują techniki ciągłego testowania wydajności. Przekonaj się, jak istotne jest zapewnianie obrazów dopasowanych do urządzenia oraz stosowanie pamięci podręcznej. Poznaj dostępne responsywne szkielety oraz ich ocenę według osobistych kryteriów autora. Jest to doskonała lektura dla wszystkich osób podążających za trendami w tworzeniu stron WWW i aplikacji internetowych. Uzyskaj podstawowe informację dotyczące wydajności stron i narzędzi do jej mierzenia. Pisz funkcjonalności przy wykorzystaniu NodeJS, które zaserwują zasoby przystosowane do urządzenia klienta. Poznaj rozwiązania działające po stronie klienta, takie jak leniwe ładowanie całych sekcji strony — włącznie z obrazami, stylami i zawartością. Sprawdzaj zgodność z umową SLA poprzez automatyczne testy napisane w PhantomJS. Przeanalizuj kilka responsywnych frameworków, oraz autorski framework Toma Barkera działający po stronie serwera. Poznaj sposoby tworzenia wydajnych i responsywnych aplikacji internetowych!