Learning Responsive Web Design. A Beginner's Guide
![Język publikacji: angielski Język publikacji: angielski](https://static01.helion.com.pl/global/flagi/1.png)
- Autor:
- Clarissa Peterson
![Learning Responsive Web Design. A Beginner's Guide Clarissa Peterson - okładka ebooka](https://static01.helion.com.pl/global/okladki/326x466/e_2g09.png)
![Learning Responsive Web Design. A Beginner's Guide Clarissa Peterson - tył okładki ebooka](https://static01.helion.com.pl/global/okladki-tyl/326x466/e_2g09.png)
- Ocena:
- Bądź pierwszym, który oceni tę książkę
- Stron:
- 412
- Dostępne formaty:
-
ePubMobi
Opis ebooka: 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...(29.49 zł najniższa cena z 30 dni)
29.49 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
(35.40 zł najniższa cena z 30 dni)35.40 zł
59.00 zł(-40%) -
Are you interested in User Experience, which has become increasingly popular in recent years? You're in the right place. In this e-book we collected real and reliable information about User Experience in one place. Topics included: 7 factors of outstanding UX User Experience vs Cus...
-
Chcesz rozpocząć przygodę z Figmą, ale nie wiesz od czego zacząć? Ten e-book jest dla Ciebie! Wspólnie przejdziemy przez interfejs Figmy, zaprezentujemy Ci najważniejsze funkcje oraz pomożemy stworzyć Ci pierwszy projekt! Pobierz darmowego e-booka i poznaj możliwości programu: Podstawy inte...
-
Dzisiejszy odbiorca stron WWW i aplikacji internetowych jest niezwykle świadomy i wymagający. Jeśli cokolwiek go rozproszy, coś nie będzie mu pasowało, przechodzenie między podstronami lub kolejnymi oknami aplikacji okaże się niewygodne albo nieintuicyjne - poirytowany, porzuci stronę lub aplikac...
Figma. Kurs video. Wejdź do branży jako UI/UX designer Figma. Kurs video. Wejdź do branży jako UI/UX designer
(44.55 zł najniższa cena z 30 dni)49.50 zł
99.00 zł(-50%) -
This book enables your successful DevOps transformation by providing practical solutions for the science of software delivery performance using GitHub. The chapters guide you through the transformation by helping you apply lean management, engineering, and DevSecOps practices like continuous deli...
Accelerate DevOps with GitHub. Enhance software delivery performance with GitHub Issues, Projects, Actions, and Advanced Security Accelerate DevOps with GitHub. Enhance software delivery performance with GitHub Issues, Projects, Actions, and Advanced Security
-
The 2nd edition of 101 UX Principles is the perfect companion when working on digital projects and making the right decisions for your users. From landing pages and checkout basket UIs to startup launch products and enterprise software solutions, rich user experience design will maximize the succ...
101 UX Principles. Actionable Solutions for Product Design Success - Second Edition 101 UX Principles. Actionable Solutions for Product Design Success - Second Edition
(115.55 zł najniższa cena z 30 dni)115.50 zł
119.00 zł(-3%) -
To kolejne, zaktualizowane i uzupełnione wydanie znakomitego przewodnika po mapowaniu wrażeń użytkownika. W praktyczny sposób pokazano tu szereg technik i narzędzi, dzięki którym można łatwo zwizualizować aktualne wrażenia klientów, by na tej bazie zaproponować udoskonalenia produktów. Zaprezento...
Mapowanie wrażeń. Kreowanie wartości przy pomocy ścieżek klienta, schematów usług i diagramów. Wydanie II Mapowanie wrażeń. Kreowanie wartości przy pomocy ścieżek klienta, schematów usług i diagramów. Wydanie II
(71.20 zł najniższa cena z 30 dni)53.40 zł
89.00 zł(-40%) -
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
(35.40 zł najniższa cena z 30 dni)35.40 zł
59.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
(34.50 zł najniższa cena z 30 dni)34.50 zł
69.00 zł(-50%)
Kup polskie wydanie:
Responsywne strony WWW dla każdego
- Autor:
- Clarissa Peterson
29,49 zł
59,00 zł
(29.49 zł najniższa cena z 30 dni)
Ebooka "Learning Responsive Web Design. A Beginner's Guide" przeczytasz na:
-
czytnikach Inkbook, Kindle, Pocketbook, Onyx Boox 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 "Learning Responsive Web Design. A Beginner's Guide" posłuchasz:
-
w aplikacji Ebookpoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych
-
na dowolnych urządzeniach i aplikacjach obsługujących format MP3 (pliki spakowane w ZIP)
Masz pytania? Zajrzyj do zakładki Pomoc »
Kurs Video "Learning Responsive Web Design. A Beginner's Guide" zobaczysz:
-
w aplikacjach Ebookpoint i Videopoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych z dostępem do najnowszej wersji Twojej przeglądarki internetowej
Szczegóły ebooka
- 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@ebookpoint.pl.
- Język publikacji:
- angielski
- Rozmiar pliku ePub:
- 13.4MB
- Rozmiar pliku Mobi:
- 13.4MB
Spis treści ebooka
- 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
-
Keeping up with the Python ecosystem can be daunting. Its developer tooling doesn't provide the out-of-the-box experience native to languages like Rust and Go. When it comes to long-term project maintenance or collaborating with others, every Python project faces the same problem: how to build re...(200.93 zł najniższa cena z 30 dni)
200.88 zł
239.00 zł(-16%) -
Bringing a deep-learning project into production at scale is quite challenging. To successfully scale your project, a foundational understanding of full stack deep learning, including the knowledge that lies at the intersection of hardware, software, data, and algorithms, is required.This book il...(241.26 zł najniższa cena z 30 dni)
241.21 zł
289.00 zł(-17%) -
Frontend developers have to consider many things: browser compatibility, usability, performance, scalability, SEO, and other best practices. But the most fundamental aspect of creating websites is one that often falls short: accessibility. Accessibility is the cornerstone of any website, and if a...(200.09 zł najniższa cena z 30 dni)
199.59 zł
239.00 zł(-16%) -
In this insightful and comprehensive guide, Addy Osmani shares more than a decade of experience working on the Chrome team at Google, uncovering secrets to engineering effectiveness, efficiency, and team success. Engineers and engineering leaders looking to scale their effectiveness and drive tra...(114.88 zł najniższa cena z 30 dni)
114.38 zł
149.00 zł(-23%) -
Data modeling is the single most overlooked feature in Power BI Desktop, yet it's what sets Power BI apart from other tools on the market. This practical book serves as your fast-forward button for data modeling with Power BI, Analysis Services tabular, and SQL databases. It serves as a starting ...(198.88 zł najniższa cena z 30 dni)
198.78 zł
239.00 zł(-17%) -
C# is undeniably one of the most versatile programming languages available to engineers today. With this comprehensive guide, you'll learn just how powerful the combination of C# and .NET can be. Author Ian Griffiths guides you through C# 12.0 and .NET 8 fundamentals and techniques for building c...(240.92 zł najniższa cena z 30 dni)
240.72 zł
289.00 zł(-17%) -
Learn how to get started with Futures Thinking. With this practical guide, Phil Balagtas, founder of the Design Futures Initiative and the global Speculative Futures network, shows you how designers and futurists have made futures work at companies such as Atari, IBM, Apple, Disney, Autodesk, Luf...(148.00 zł najniższa cena z 30 dni)
147.90 zł
179.00 zł(-17%) -
Augmented Analytics isn't just another book on data and analytics; it's a holistic resource for reimagining the way your entire organization interacts with information to become insight-driven.Moving beyond traditional, limited ways of making sense of data, Augmented Analytics provides a dynamic,...(174.54 zł najniższa cena z 30 dni)
174.34 zł
219.00 zł(-20%) -
Learn how to prepare for—and pass—the Kubernetes and Cloud Native Associate (KCNA) certification exam. This practical guide serves as both a study guide and point of entry for practitioners looking to explore and adopt cloud native technologies. Adrián González Sánchez ...
Kubernetes and Cloud Native Associate (KCNA) Study Guide Kubernetes and Cloud Native Associate (KCNA) Study Guide
(169.14 zł najniższa cena z 30 dni)177.65 zł
199.00 zł(-11%) -
Python is an excellent way to get started in programming, and this clear, concise guide walks you through Python a step at a time—beginning with basic programming concepts before moving on to functions, data structures, and object-oriented design. This revised third edition reflects the gro...(140.14 zł najniższa cena z 30 dni)
139.94 zł
179.00 zł(-22%)
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.
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.
Książka drukowana
![Loader](https://static01.helion.com.pl/ebookpoint/img/ajax-loader.gif)
![ajax-loader](https://static01.helion.com.pl/ebookpoint/img/ajax-loader.gif)
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.