Learning Responsive Web Design. A Beginner's Guide
- Autor:
- Clarissa Peterson
- 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...(19.90 zł najniższa cena z 30 dni)
29.49 zł
59.00 zł(-50%) -
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
(24.90 zł najniższa cena z 30 dni)29.49 zł
59.00 zł(-50%) -
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
(19.90 zł najniższa cena z 30 dni)24.50 zł
49.00 zł(-50%) -
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
(39.90 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
-
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
(39.90 zł najniższa cena z 30 dni)48.95 zł
89.00 zł(-45%) -
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)41.30 zł
59.00 zł(-30%)
Kup polskie wydanie:
Responsywne strony WWW dla każdego
- Autor:
- Clarissa Peterson
29,49 zł
59,00 zł
(19.90 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
-
Software as a service (SaaS) is on the path to becoming the de facto model for building, delivering, and operating software solutions. Adopting a multi-tenant SaaS model requires builders to take on a broad range of new architecture, implementation, and operational challenges. How data is partiti...(237.15 zł najniższa cena z 30 dni)
245.65 zł
289.00 zł(-15%) -
Great engineers don't necessarily make great leaders—at least, not without a lot of work. Finding your path to becoming a strong leader is often fraught with challenges. It's not easy to figure out how to be strategic, successful, and considerate while also being firm. Whether you're on the...(118.15 zł najniższa cena z 30 dni)
126.65 zł
149.00 zł(-15%) -
Data science happens in code. The ability to write reproducible, robust, scaleable code is key to a data science project's success—and is absolutely essential for those working with production code. This practical book bridges the gap between data science and software engineering,and clearl...(211.65 zł najniższa cena z 30 dni)
220.15 zł
259.00 zł(-15%) -
With the massive adoption of microservices, operators and developers face far more complexity in their applications today. Service meshes can help you manage this problem by providing a unified control plane to secure, manage, and monitor your entire network. This practical guide shows you how th...(194.65 zł najniższa cena z 30 dni)
211.65 zł
249.00 zł(-15%) -
Get practical advice on how to leverage AI development tools for all stages of code creation, including requirements, planning, design, coding, debugging, testing, and documentation. With this book, beginners and experienced developers alike will learn how to use a wide range of tools, from gener...(164.25 zł najniższa cena z 30 dni)
186.15 zł
219.00 zł(-15%) -
Rust's popularity is growing, due in part to features like memory safety, type safety, and thread safety. But these same elements can also make learning Rust a challenge, even for experienced programmers. This practical guide helps you make the transition to writing idiomatic Rust—while als...(164.25 zł najniższa cena z 30 dni)
186.15 zł
219.00 zł(-15%) -
Advance your Power BI skills by adding AI to your repertoire at a practice level. With this practical book, business-oriented software engineers and developers will learn the terminologies, practices, and strategy necessary to successfully incorporate AI into your business intelligence estate. Je...(211.65 zł najniższa cena z 30 dni)
220.15 zł
259.00 zł(-15%) -
Microservices can be a very effective approach for delivering value to your organization and to your customers. If you get them right, microservices help you to move fast by making changes to small parts of your system hundreds of times a day. But if you get them wrong, microservices will just ma...(203.15 zł najniższa cena z 30 dni)
211.65 zł
249.00 zł(-15%) -
JavaScript gives web developers great power to create rich interactive browser experiences, and much of that power is provided by the browser itself. Modern web APIs enable web-based applications to come to life like never before, supporting actions that once required browser plug-ins. Some are s...(186.15 zł najniższa cena z 30 dni)
186.15 zł
219.00 zł(-15%) -
How will software development and operations have to change to meet the sustainability and green needs of the planet? And what does that imply for development organizations? In this eye-opening book, sustainable software advocates Anne Currie, Sarah Hsu, and Sara Bergman provide a unique overview...(169.14 zł najniższa cena z 30 dni)
177.65 zł
209.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.
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
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.