Learning Responsive Web Design. A Beginner's Guide

- Autor:
- Clarissa Peterson
- Promocja Przejdź


- Ocena:
- Bądź pierwszym, który oceni tę książkę
- Stron:
- 412
- Dostępne formaty:
-
ePubMobi
Opis książki: Learning Responsive Web Design. A Beginner's Guide
Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch.
Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.
- Start with content strategy before creating a visual design
- Learn why your default design should be for the narrowest screens
- Explore the HTML elements and CSS properties essential for responsive web design
- Use media queries to display different CSS styles based on a device’s viewport width
- Handle elements such as images, typography, and navigation
- Use performance optimization techniques to make your site lighter and faster
Wybrane bestsellery
-
Dzięki niej poznasz podstawowe strategie i techniki zastosowania języków HTML i CSS nie tylko do tworzenia stron dostosowujących się do ekranu dowolnej wielkości, ale również dowiesz się, jak systematycznie je udoskonalać swoje strony wykorzystując właściwości urządzenia, na przykład ekran dotyko...(0,00 zł najniższa cena z 30 dni)
29.50 zł
59.00 zł(-50%) -
Trzymasz w rękach kolejne wydanie kultowej książki, w całości poświęconej zagadnieniom związanym z projektowaniem funkcjonalnych witryn i aplikacji internetowych. W trakcie lektury dowiesz się, jak przygotować system nawigacji na Twojej stronie, testować funkcjonalność witryny oraz tworzyć jej we...
Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron internetowych. Wydanie III Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron internetowych. Wydanie III
(0,00 zł najniższa cena z 30 dni)35.40 zł
59.00 zł(-40%) -
Ta książka jest przewodnikiem po najważniejszych z punktu widzenia projektanta UX prawach psychologii, dzięki którym możliwe jest tworzenie produktów i usług o bardziej intuicyjnym i ukierunkowanym na człowieka charakterze. Autor posłużył się przykładami znanych aplikacji, aby lepiej wyjaśnić, ja...
Prawa UX. Jak psychologia pomaga w projektowaniu lepszych produktów i usług Prawa UX. Jak psychologia pomaga w projektowaniu lepszych produktów i usług
(0,00 zł najniższa cena z 30 dni)29.40 zł
49.00 zł(-40%) -
Czy wiesz, że projektowanie skutecznych produktów cyfrowych, takich jak aplikacje, strony czy systemy, to znacznie więcej niż nadanie im ładnego wyglądu? O ich sukcesie przesądza równowaga między użytecznością, zaspokajaniem potrzeb użytkownika a szatą graficzną. Jeśli chcesz się dowiedzieć, jak ...(0,00 zł najniższa cena z 30 dni)
47.40 zł
79.00 zł(-40%) -
To drugie, zaktualizowane i uzupełnione wydanie praktycznego podręcznika dla przedsiębiorców, projektantów UX i UI, a także menedżerów i strategów produktu. Znalazły się w nim skuteczne narzędzia i techniki strategiczne, które udowodniły swoją przydatność w tworzeniu innowacyjnych produktów cyfro...
Strategia UX. Techniki tworzenia innowacyjnych rozwiązań cyfrowych. Wydanie II Strategia UX. Techniki tworzenia innowacyjnych rozwiązań cyfrowych. Wydanie II
(0,00 zł najniższa cena z 30 dni)41.40 zł
69.00 zł(-40%) -
To drugie, zaktualizowane i uzupełnione wydanie cenionego poradnika dla projektantów, którzy chcą tworzyć rzeczy użyteczne, przydatne i lubiane przez użytkowników. Zawiera wnikliwą analizę 100 niezwykle ważnych z punktu widzenia projektanta kwestii, będącą efektem przestudiowania setek publikacji...
100 rzeczy, które każdy projektant powinien wiedzieć o potencjalnych klientach. Wydanie II 100 rzeczy, które każdy projektant powinien wiedzieć o potencjalnych klientach. Wydanie II
(0,00 zł najniższa cena z 30 dni)29.50 zł
59.00 zł(-50%) -
Oto drugie, zaktualizowane i uzupełnione wydanie praktycznego przewodnika, dzięki któremu nauczysz się lepiej prezentować projekt i przekonywać do swoich racji wszystkie osoby mające na niego wpływ. W uporządkowany sposób przedstawiono tutaj zasady przygotowywania i przeprowadzania spotkań z inte...
Projekt doskonały. Zadbaj o komunikację z klientem, wysoki poziom UX i zdrowy rozsądek. Wydanie II Projekt doskonały. Zadbaj o komunikację z klientem, wysoki poziom UX i zdrowy rozsądek. Wydanie II
(0,00 zł najniższa cena z 30 dni)35.40 zł
59.00 zł(-40%) -
W pogoni za harmonogramem, wynikami i wskaźnikami przedsiębiorstwa często tracą z oczu rzeczywiste potrzeby swoich klientów. W szalonym pośpiechu wypychają kolejne wersje produktu, które nie zawsze odpowiadają odbiorcom i użytkownikom. Rodzą się konflikty, frustracja w zespole narasta. Firma wpad...
Ucieczka z pułapki budowania. Efektywne zarządzanie produktem Ucieczka z pułapki budowania. Efektywne zarządzanie produktem
(0,00 zł najniższa cena z 30 dni)14.90 zł
49.00 zł(-70%) -
Praktyka stanowi podstawę pełnego zrozumienia każdego etapu procesu projektowego, ułatwia zapamiętywanie zagadnień i pokazuje zależności, jakie między nimi występują. Ćwicząc, nabierasz pewności, ugruntowujesz wiedzę. Ponadto dzięki takiej aktywności pokazujesz sobie i otoczeniu, że naprawdę znas...(0,00 zł najniższa cena z 30 dni)
35.94 zł
59.90 zł(-40%) -
To nie jest typowy podręcznik do zarządzania projektami informatycznymi, zawężony do jednej konkretnej i uniwersalnej technologii. Autor wskazuje krok po kroku, jak w praktyce zdefiniować, zrealizować i wdrożyć z sukcesem nowy system informatyczny lub zaktualizować istniejący. Szczegółowo przedst...(0,00 zł najniższa cena z 30 dni)
29.50 zł
59.00 zł(-50%)
Kup polskie wydanie:
Responsywne strony WWW dla każdego
- Autor:
- Clarissa Peterson
29,50 zł
59,00 zł
(24.90 zł najniższa cena z 30 dni)
Ebooka przeczytasz na:
-
czytnikach Inkbook, Kindle, Pocketbook i innych
-
systemach Windows, MacOS i innych
-
systemach Windows, Android, iOS, HarmonyOS
-
na dowolnych urządzeniach i aplikacjach obsługujących formaty: PDF, EPub, Mobi
Masz pytania? Zajrzyj do zakładki Pomoc »
Audiobooka posłuchasz:
-
w aplikacji Ebookpoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych
-
na dowolonych urządzeniach i aplikacjach obsługujących format MP3 (pliki spakowane w ZIP)
Masz pytania? Zajrzyj do zakładki Pomoc »
Kurs Video zobaczysz:
-
w aplikacji Ebookpoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych
-
na dowolonych urządzeniach i aplikacjach obsługujących format MP4 (pliki spakowane w ZIP)
Szczegóły książki
- ISBN Ebooka:
- 978-14-493-6368-0, 9781449363680
- Data wydania ebooka:
-
2014-06-09
Data wydania ebooka często jest dniem wprowadzenia tytułu do sprzedaży i może nie być równoznaczna z datą wydania książki papierowej. Dodatkowe informacje możesz znaleźć w darmowym fragmencie. Jeśli masz wątpliwości skontaktuj się z nami sklep@helion.pl.
- Język publikacji:
- angielski
- Rozmiar pliku ePub:
- 13.4MB
- Rozmiar pliku Mobi:
- 13.4MB
- Kategorie:
Technologie webowe » Funkcjonalność stron i UX
Technologie webowe » Web Design
Spis treści książki
- Learning Responsive Web Design: A Beginners Guide
- Preface
- How This Book Is Organized
- Who Should Read This Book
- How to Contact Us
- Acknowledgments
- I. Foundations of Responsive Design
- 1. What Is Responsive Design?
- Just the Basics
- A Short History
- Fixed-Width Design
- Mobile Web Browsing
- Mobile Websites
- More Devices
- Media Queries
- Flexibility
- Responsive Web Design
- Why Responsive Design
- Getting the Right Design on Every Device
- Less Work
- Optimized for Search
- 1. What Is Responsive Design?
- Summary
- 2. Responsive Content
- Content Strategy
- Mobile Content Strategy?
- Content Strategy
- Managing Content
- Use Only What You Need
- How to Pare Down
- Content Audit/Inventory
- Developing Content
- How Users Read
- Scanning
- Inverted pyramid
- Headings
- Short and sweet
- How Users Read
- Plain Language
- Content Parity
- Content Governance
- Creating Timeless Content
- Adaptive Content
- Summary
- II. Creating Responsive Websites
- 3. HTML for Responsive Sites
- Working with HTML
- Versions of HTML
- Web Standards
- Using HTML5
- Working with HTML
- Basic Page Structure
- Document Type Declaration (DOCTYPE)
- Document Structure
- The Page Title
- Charset
- 3. HTML for Responsive Sites
- Viewport
- Width
- Initial-Scale
- User-Scalable
- Maximum-Scale
- Structural Elements
- Screen Readers
- <header>
- <nav>
- <footer>
- <article>
- <aside>
- IE Support
- Creating a Page
- Structural Elements
- Adding Content
- Unstyled Page
- Clean and Semantic HTML
- Separating Content and Presentation
- Comments
- Summary
- 4. CSS for Responsive Sites
- How CSS Works
- Versions of CSS
- Browser Prefixes
- Where CSS Goes
- Embedded Styles
- Stylesheets
- Inline Styles
- The Cascade
- How It Works
- Important
- Inline Styles
- IDs
- Classes, Attributes, and Pseudo-classes
- Elements and Pseudo-elements
- Inherited Rules
- Default Values
- What If Anything Conflicts?
- Using the Cascade
- Default Values and Reset
- Reset
- Default Values and Reset
- Inherited Rules
- Elements
- Everything Else
- Keeping It Simple
- Comments
- Organizing Your Stylesheet
- The Box Model
- Measurements
- Ems
- Height and Width
- Margins and Padding
- Borders
- Box-Sizing
- display
- Positioning
- Static
- Relative
- Absolute
- Fixed
- Measurements for Positioned Elements
- float and clear
- Basic Styles
- Summary
- 5. Media Queries
- Whats a Media Query?
- Media Query Structure
- Using Media Queries in Stylesheet Links
- Other Ways to Use Media Queries
- What We Can Query
- Viewport Width and Height
- Screen Width and Height
- Orientation
- Aspect Ratio
- Resolution
- Other Media Features
- Browser Support
- Conditional Comments for Internet Explorer
- Testing Media Query Answers
- Breakpoints
- Design Ranges
- Designing Responsively
- Progressive Enhancement
- Designing with Grids
- Using columns
- Design for Small Screens First
- Using Media Queries
- Two-Column Layout
- Using Floats
- Using a Grid
- Adding a Media Query
- Setting a Maximum Width
- How to Choose Breakpoints
- Summary
- 6. Images
- Ways to Display Images
- CSS Alternatives
- Content Images
- Background Images
- Image Sprites
- Icon Fonts
- Ways to Display Images
- Alt Text
- Writing Good Alt Text
- Image File Formats
- JPEG
- GIF
- PNG
- SVG
- Optimizing Images
- Pixels and Resolution
- High-Density Screens
- Compressing Images
- Actual Dimensions
- Content Images
- The <img> element
- Adding an Image
- Flexible Image Dimensions
- Media Queries
- Maximum Width
- Telling Stories with Photos
- Background Images
- Adding Background Images
- Alignment
- Responsive Images
- Proposed Client-Side Solutions
- srcset
- <picture>
- Proposed Client-Side Solutions
- Other Solutions
- Picturefill
- Adaptive Images
- HiSRC
- Third-party services
- Breakpoints
- Summary
- III. Working Responsively
- 7. Responsive Workflow
- Strategy and Planning
- User Research
- Content
- Information architecture
- Content outline
- Strategy and Planning
- Content Before Layout
- Components
- Designing in Text
- Linear Design
- Content Hierarchy
- 7. Responsive Workflow
- Thinking About Layout
- Sketching
- Start Small
- Mobile First
- Prototypes
- Wireframes Versus Prototypes
- Wireframes
- Responsive Prototypes
- Whats In a Prototype?
- Start With the Basics
- How Many Page Layouts to Create
- Frameworks
- Prototyping Tools
- Visual Design
- Style Tiles
- Testing and Adjusting
- Style Guide
- Responsive Design Tools
- Adobe Photoshop
- Adobe InDesign
- Adobe Edge Reflow
- adobe Dreamweaver
- The Browser
- Selling Responsive Design
- Why Bother with Responsive Design?
- Educating Your Clients
- Emphasizing Responsive
- Responsive Design Is Not Always the Best Option
- Cost
- Working with Clients
- Deliverables
- Presentation
- Summary
- 8. Mobile and Beyond
- User Experience
- Users Come First
- The Myth of the Mobile User
- Designing for Context
- Mobile-Only Users
- Multi-Device Usage
- User Experience
- Device-Agnostic Design
- Focusing on Mobile First
- Do What You Can
- Types of Devices
- Mobile Phones
- Tablets
- Other Devices
- Desktop and Laptop Computers
- Touch
- Capacitive Touch
- Multi-Touch
- Gestures
- JavaScript Events
- Hover
- Touch delay
- Touch Target Size
- Increasing touch target size
- Navigation Location
- Screen Size
- Rotate
- Accessibility (Universal Design)
- Visual
- Screen readers
- Text size
- Color contrast
- Color blindness
- Visual
- Audio
- Input Methods
- Keyboard only
- Speech recognition software
- Cognitive Disabilities
- Deciding Which Devices to Support
- Why Use Real Devices for Testing
- Device Labs
- Buying Devices
- Testing
- Validators
- Browser Resizing
- Browser tools
- Browsers and Operating Systems
- Emulators and Simulators
- Assistive Technology
- Summary
- IV. Designing Responsive Websites
- 9. Typography
- Start with HTML
- Typefaces
- Choose Your Typeface First
- Using Fonts
- Well-Designed Fonts
- Self-Hosted Fonts
- Font Services
- Linking to Font Files
- Creating the Font Stack
- 9. Typography
- Sizing Text
- Forget About Pixels
- Screen Distance
- Absolute Versus Relative
- Setting a Default Font Size
- Why 100%?
- Units of Measurement
- Ems
- Nested ems
- Rems
- Using fallback values
- Using browser defaults
- Deciding between ems and rems
- Relationship Between Sizes
- Line Height
- Line Length
- Testing Line Length
- Adjusting Margins and Font Size
- Hyphenation
- Overflow Wrap
- Whitespace
- Margins and Padding
- Changing Typeface for Screen Size
- Summary
- 10. Navigation and Header Layout
- Responsive Navigation
- Start Small
- Styling Your List
- Horizontal Navigation
- Responsive Navigation
- Branding
- Navigation Links
- Make It Flexible
- What Do Users Want to Do?
- Goal-Based Navigation
- Keep It Consistent
- Keep It Simple
- Navigation Patterns
- Top Navigation
- Footer Navigation
- Toggle Push Navigation
- Toggle Overlay Navigation
- Priority Navigation
- Select Menu Navigation
- Flyout Navigation
- Bottom Navigation
- Skip the Subnavigation
- Abandoned Navigation
- Sticky Menus for Wider Screens
- Header
- Minimalist Header
- Complicated Header
- Navigation Icon
- Other Icons
- Summary
- 11. Performance
- Why Performance Matters
- Performance as Design
- Connections
- Balance
- The Bloated Web
- How Web Pages Are Loaded and Rendered
- Latency
- DNS Request
- Redirections
- HTTP Request
- Sending the HTML File
- Decompression
- DOM
- Rendering the <head>
- External resources
- Parallel loading
- Single-threaded execution
- Rendering the <body>
- Loading HTML images
- Loading background images
- More JavaScript
- onload Events
- Measuring Performance
- Cleaning Up Your Code
- Use Straightforward Code
- Minification
- Minimizing HTTP Requests
- Concatenation
- Third-Party Code
- Image sprites
- Server Stuff
- Avoid Redirects
- File Compression
- Browser Caching
- JavaScript
- What JavaScript Does
- How JavaScript Works
- Blocking Javascript
- Load above-the-fold code first
- Inline scripts
- Delay loading
- Defer execution
- Asynchronous loading
- Loading only necessary code on each page
- Using HTML/CSS instead of JavaScript
- JavaScript Libraries
- CSS
- CSS Frameworks
- Hosting
- Content Delivery Networks (CDN)
- Content Management System
- Conditionally Loading Content
- Reflows and Repaints
- RESS
- Example of RESS
- Summary
- Index
- About the Author
- Copyright
O'Reilly Media - inne książki
-
Why are so many companies adopting GitOps for their DevOps and cloud native strategy? This reliable framework is quickly becoming the standard method for deploying apps to Kubernetes. With this practical, developer-oriented book, DevOps engineers, developers, IT architects, and SREs will learn th...(0,00 zł najniższa cena z 30 dni)
271.15 zł
319.00 zł(-15%) -
Learn the essentials of working with Flutter and Dart to build full stack applications that meet the needs of a cloud-driven world. Together, the Flutter open source UI software development kit and the Dart programming language for client development provide a unified solution to building applica...(0,00 zł najniższa cena z 30 dni)
228.65 zł
269.00 zł(-15%) -
The Rust programming language is extremely well suited for concurrency, and its ecosystem has many libraries that include lots of concurrent data structures, locks, and more. But implementing those structures correctly can be very difficult. Even in the most well-used libraries, memory ordering b...(0,00 zł najniższa cena z 30 dni)
186.15 zł
219.00 zł(-15%) -
More organizations than ever understand the importance of data lake architectures for deriving value from their data. Building a robust, scalable, and performant data lake remains a complex proposition, however, with a buffet of tools and options that need to work together to provide a seamless e...(0,00 zł najniższa cena z 30 dni)
228.65 zł
269.00 zł(-15%) -
The cloud promises cost savings, agility, and more. But the increasing complexity of modern IT systems often prevents businesses from realizing the outcomes they sought by moving to the cloud in the first place. At the core of this complexity is technical debt. Ad hoc decisions, traditional appro...(0,00 zł najniższa cena z 30 dni)
160.65 zł
189.00 zł(-15%) -
This philosophy-of-programming guide presents a unique and entertaining take on how to think about programming. A collection of 21 pragmatic rules, each presented in a standalone chapter, captures the essential wisdom that every freshly minted programmer needs to know and provides thought-provoki...(0,00 zł najniższa cena z 30 dni)
160.65 zł
189.00 zł(-15%) -
If you've started to work with Raspberry Pi, you know that Raspberry Pi's capabilities are continually expanding. The fourth edition of this popular cookbook provides more than 200 hands-on recipes (complete with code) that show you how to run this tiny low-cost computer with Linux, program it wi...(0,00 zł najniższa cena z 30 dni)
228.65 zł
269.00 zł(-15%) -
How do you turn raw, unprocessed, or malformed data into dynamic, interactive web visualizations? In this practical book, author Kyran Dale shows data scientists and analysts--as well as Python and JavaScript developers--how to create the ideal toolchain for the job. By providing engaging example...
Data Visualization with Python and JavaScript. 2nd Edition Data Visualization with Python and JavaScript. 2nd Edition
(0,00 zł najniższa cena z 30 dni)228.65 zł
269.00 zł(-15%) -
Python is a first-class tool for many researchers, primarily because of its libraries for storing, manipulating, and gaining insight from data. Several resources exist for individual pieces of this data science stack, but only with the new edition of Python Data Science Handbook do you get them a...(0,00 zł najniższa cena z 30 dni)
271.15 zł
319.00 zł(-15%) -
Is Kubernetes ready for stateful workloads? This open source system has become the primary platform for deploying and managing cloud native applications. But because it was originally designed for stateless workloads, working with data on Kubernetes has been challenging. If you want to avoid the ...(0,00 zł najniższa cena z 30 dni)
237.15 zł
279.00 zł(-15%)
Dzieki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
W przypadku usługi "Druk na żądanie" termin dostarczenia przesyłki może obejmować także czas potrzebny na dodruk (do 10 dni roboczych)
Masz pytanie o konkretny tytuł? Napisz do nas: sklep[at]helion.pl.
Książka, którą chcesz zamówić pochodzi z końcówki nakładu. Oznacza to, że mogą się pojawić drobne defekty (otarcia, rysy, zagięcia).
Co powinieneś wiedzieć o usłudze "Końcówka nakładu":
- usługa obejmuje tylko książki oznaczone tagiem "Końcówka nakładu";
- wady o których mowa powyżej nie podlegają reklamacji;
Masz pytanie o konkretny tytuł? Napisz do nas: sklep[at]helion.pl.


Oceny i opinie klientów: Learning Responsive Web Design. A Beginner's Guide Clarissa Peterson (0)
Weryfikacja opinii następuję na podstawie historii zamówień na koncie Użytkownika umieszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniające do uzyskania rabatu w ramach Programu Punktowego.