0% found this document useful (0 votes)

42 views32 pages

Responsive Webdesign & Parallax Scrolling: Uwe Frieser - Adorsys GMBH & Co. KG (Nürnberg)

Uploaded by

printableboon

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

42 views32 pages

Responsive Webdesign & Parallax Scrolling: Uwe Frieser - Adorsys GMBH & Co. KG (Nürnberg)

Uploaded by

printableboon

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 32

Responsive Webdesign &

Parallax Scrolling

Uwe Frieser - adorsys GmbH & Co. KG (Nürnberg)

Responsive Webdesign

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Breakpoints & Media Queries

@media (max-width: 767px) {

body {background-color: red;}
}
Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Browser Features

var hasTouchEvents =
('ontouchstart' in
document.documentElement);

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Fragen?

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Quelle: eTechBot.com

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Text

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Demo 1

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling
Demo 2

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Animation

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

transform
(Internet Explorer 10, Firefox, and Opera)

webkitTransform
(Google Chrome, Safari)

msTransform
(Internet Explorer 9)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

translateX(100px)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

translateY(100px)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

rotate(60deg)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

scale(2)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

translateZ(100px)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Demo 3

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Responsive Webdesign?

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Demo 4

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Ältere Browser?

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Einsatz nicht
zum Selbstzweck,

sondern nur wenn es Sinn

macht!

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Fragen?

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Vielen Dank!

[email protected]

.NET MAUI Cookbook: Build a full-featured app swiftly with MVVM, CRUD, AI, authentication, real-time updates, and more
From Everand
.NET MAUI Cookbook: Build a full-featured app swiftly with MVVM, CRUD, AI, authentication, real-time updates, and more
Alexander Russkov
No ratings yet
DC-6 Om
100% (4)
DC-6 Om
522 pages
Salesforce Apex Developer Guide
No ratings yet
Salesforce Apex Developer Guide
742 pages
Mastering AWS Serverless: Architecting, developing, and deploying serverless solutions on AWS (English Edition)
From Everand
Mastering AWS Serverless: Architecting, developing, and deploying serverless solutions on AWS (English Edition)
Miguel A. Calles
No ratings yet
Private Health Institutions Law
100% (1)
Private Health Institutions Law
22 pages
Responsive Web Design with HTML5 and CSS3
From Everand
Responsive Web Design with HTML5 and CSS3
Ben Frain
3.5/5 (12)
Reactive State for Angular with NgRx: Learn to build Reactive Angular Applications using NgRx (English Edition)
From Everand
Reactive State for Angular with NgRx: Learn to build Reactive Angular Applications using NgRx (English Edition)
Amit Gharat
No ratings yet
Learning jQuery 3 - Fifth Edition
From Everand
Learning jQuery 3 - Fifth Edition
Jonathan Chaffer
No ratings yet
Practical Responsive Typography
From Everand
Practical Responsive Typography
Dario Calonaci
No ratings yet
Instant Responsive Web Design
From Everand
Instant Responsive Web Design
Cory Simmons
5/5 (1)
Learning Dart
From Everand
Learning Dart
Ivo Balbaert
No ratings yet
Learning AngularJS Animations
From Everand
Learning AngularJS Animations
Richard Keller
4/5 (2)
Design Patterns in Swift: A Different Approach to Coding with Swift
From Everand
Design Patterns in Swift: A Different Approach to Coding with Swift
Vamshi Krishna
No ratings yet
Angular Design Patterns and Best Practices: Create scalable and adaptable applications that grow to meet evolving user needs
From Everand
Angular Design Patterns and Best Practices: Create scalable and adaptable applications that grow to meet evolving user needs
Alvaro Camillo Neto
No ratings yet
Professional CSS3
From Everand
Professional CSS3
Piotr Sikora
5/5 (1)
Instant 960 Grid System
From Everand
Instant 960 Grid System
Diego Tres
No ratings yet
Responsive Media in HTML5
From Everand
Responsive Media in HTML5
Alex Libby
No ratings yet
Mastering JavaScript Design Patterns - Second Edition
From Everand
Mastering JavaScript Design Patterns - Second Edition
Simon Timms
5/5 (1)
CQRS by Example: Master CQRS: Build Efficient and Scalable Systems with Real-World Examples
From Everand
CQRS by Example: Master CQRS: Build Efficient and Scalable Systems with Real-World Examples
Carlos Buenosvinos
No ratings yet
Mastering Responsive Web Design with HTML5 and CSS3
From Everand
Mastering Responsive Web Design with HTML5 and CSS3
Ricardo Zea
No ratings yet
Learning Responsive Data Visualization: Create stunning data visualizations that look awesome on every device and screen resolutions
From Everand
Learning Responsive Data Visualization: Create stunning data visualizations that look awesome on every device and screen resolutions
Erik Hanchett
No ratings yet
The Modern Vulkan Cookbook: A practical guide to 3D graphics and advanced real-time rendering techniques in Vulkan
From Everand
The Modern Vulkan Cookbook: A practical guide to 3D graphics and advanced real-time rendering techniques in Vulkan
Preetish Kakkar
No ratings yet
RESS Essentials
From Everand
RESS Essentials
Joanna Krenz-Kurowska
No ratings yet
Learning UnderscoreJS: Explore the Underscore.js library by example using a test-driven development approach
From Everand
Learning UnderscoreJS: Explore the Underscore.js library by example using a test-driven development approach
Alexandru Vasile Pop
No ratings yet
WebGL Hotshot
From Everand
WebGL Hotshot
Mitch Williams
No ratings yet
GraphQL Best Practices: Gain hands-on experience with schema design, security, and error handling
From Everand
GraphQL Best Practices: Gain hands-on experience with schema design, security, and error handling
Artur Czemiel
No ratings yet
Learning Angular for .NET Developers
From Everand
Learning Angular for .NET Developers
Gunasundaram Rajesh
No ratings yet
Go Cookbook
From Everand
Go Cookbook
Aaron Torres
5/5 (1)
Software Development on the SAP HANA Platform
From Everand
Software Development on the SAP HANA Platform
Mark Walker
4.5/5 (2)
C# 7 and .NET Core Cookbook
From Everand
C# 7 and .NET Core Cookbook
Dirk Strauss
No ratings yet
Jump Start Sass: Get Up to Speed With Sass in a Weekend
From Everand
Jump Start Sass: Get Up to Speed With Sass in a Weekend
Hugo Giraudel
No ratings yet
AWS Certified Developer – Associate Guide - Second Edition: Your one-stop solution to passing the AWS developer's 2019 (DVA-C01) certification, 2nd Edition
From Everand
AWS Certified Developer – Associate Guide - Second Edition: Your one-stop solution to passing the AWS developer's 2019 (DVA-C01) certification, 2nd Edition
Vipul Tankariya
No ratings yet
JavaScript Design Patterns: Deliver fast and efficient production-grade JavaScript applications at scale
From Everand
JavaScript Design Patterns: Deliver fast and efficient production-grade JavaScript applications at scale
Hugo Di Francesco
No ratings yet
Data Visualization with D3 and AngularJS
From Everand
Data Visualization with D3 and AngularJS
Christoph Körner
No ratings yet
Mastering Event-Driven Microservices in AWS: Design, Develop, and Deploy Scalable, Resilient, and Reactive Architectures with AWS Serverless Services (English Edition)
From Everand
Mastering Event-Driven Microservices in AWS: Design, Develop, and Deploy Scalable, Resilient, and Reactive Architectures with AWS Serverless Services (English Edition)
Lefteris Karageorgiou
No ratings yet
Mastering Bootstrap 4
From Everand
Mastering Bootstrap 4
Benjamin Jakobus
5/5 (1)
CCS 370 - UI and UX Lab Manual - Final
No ratings yet
CCS 370 - UI and UX Lab Manual - Final
61 pages
Learn SOLIDWORKS 2020: A hands-on guide to becoming an accomplished SOLIDWORKS Associate and Professional
From Everand
Learn SOLIDWORKS 2020: A hands-on guide to becoming an accomplished SOLIDWORKS Associate and Professional
Tayseer Almattar
No ratings yet
Building Web Applications with Blazor and C#
From Everand
Building Web Applications with Blazor and C#
Madison Giroux
No ratings yet
Serverless Beyond the Buzzword: What Can Serverless Architecture Do for You?
From Everand
Serverless Beyond the Buzzword: What Can Serverless Architecture Do for You?
Thomas Smart
No ratings yet
The Web Designer's Idea Book, Volume 3: Inspiration from Today's Best Web Design Trends, Themes and Styles
From Everand
The Web Designer's Idea Book, Volume 3: Inspiration from Today's Best Web Design Trends, Themes and Styles
Patrick McNeil
5/5 (1)
AWS Certified Machine Learning - Specialty (MLS-C01) Certification Guide: The ultimate guide to passing the MLS-C01 exam on your first attempt
From Everand
AWS Certified Machine Learning - Specialty (MLS-C01) Certification Guide: The ultimate guide to passing the MLS-C01 exam on your first attempt
Somanath Nanda
No ratings yet
D3.js 4.x Data Visualization - Third Edition
From Everand
D3.js 4.x Data Visualization - Third Edition
Swizec Teller
No ratings yet
Ultimate Tailwind CSS Handbook: Build sleek and modern websites with immersive UIs using Tailwind CSS
From Everand
Ultimate Tailwind CSS Handbook: Build sleek and modern websites with immersive UIs using Tailwind CSS
Kartik Bhat
No ratings yet
Next-Level UI Development with PrimeNG: Master the versatile Angular component library to build stunning Angular applications
From Everand
Next-Level UI Development with PrimeNG: Master the versatile Angular component library to build stunning Angular applications
Dale Nguyen
No ratings yet
40 Best Practices for Adobe Captivate 2019
From Everand
40 Best Practices for Adobe Captivate 2019
Wayne Pascall
No ratings yet
SCRUM: The Essential Guide – How to Successfully Apply Agile Project Management and Scrum
From Everand
SCRUM: The Essential Guide – How to Successfully Apply Agile Project Management and Scrum
Roland Wanner
4.5/5 (4)
Mastering Multi-Cloud Paradigm for Enterprises: Transform Enterprise Infrastructure with Multi-Cloud Strategies Using Azure, AWS, and GCP for Optimizing Resources, Enhancing Security and Disaster Recovery (English Edition)
From Everand
Mastering Multi-Cloud Paradigm for Enterprises: Transform Enterprise Infrastructure with Multi-Cloud Strategies Using Azure, AWS, and GCP for Optimizing Resources, Enhancing Security and Disaster Recovery (English Edition)
Barjender Paul
No ratings yet
Javascript For Beginners: The Ultimate Step-By-Step Guide To Learning, Understanding, And Mastering Javascript Programming Like A Pro
From Everand
Javascript For Beginners: The Ultimate Step-By-Step Guide To Learning, Understanding, And Mastering Javascript Programming Like A Pro
Voltaire Lumiere
No ratings yet
JavaScript: Optimizing Native JavaScript: Designing, Programming, and Debugging Native JavaScript Applications
From Everand
JavaScript: Optimizing Native JavaScript: Designing, Programming, and Debugging Native JavaScript Applications
Robert C. Etheredge
No ratings yet
Mastering Sass
From Everand
Mastering Sass
Luke Watts
No ratings yet
Tryhow Css Parallax Demo
100% (1)
Tryhow Css Parallax Demo
2 pages
Website Code
No ratings yet
Website Code
13 pages
UI and UX Lab - Print Out
No ratings yet
UI and UX Lab - Print Out
54 pages
Gistfile 1
No ratings yet
Gistfile 1
10 pages
Main Css
No ratings yet
Main Css
114 pages
Indexhtml
No ratings yet
Indexhtml
13 pages
Vvbackground-Color: White Color: Black Font-Weight: Normal Font-Size: 13Px Font-Family: Roboto, Robotodraft, Helvetica, Arial, Sans-Serif Margin
No ratings yet
Vvbackground-Color: White Color: Black Font-Weight: Normal Font-Size: 13Px Font-Family: Roboto, Robotodraft, Helvetica, Arial, Sans-Serif Margin
6 pages
Parts Ordered Email
No ratings yet
Parts Ordered Email
14 pages
Text
No ratings yet
Text
15 pages
Modern Chair Website Synopsis
No ratings yet
Modern Chair Website Synopsis
20 pages
Style Css
No ratings yet
Style Css
6 pages
Untitled Document-3
No ratings yet
Untitled Document-3
4 pages
Web Design
No ratings yet
Web Design
122 pages
Elective - Web Design Engineering - Mikkilineni
No ratings yet
Elective - Web Design Engineering - Mikkilineni
21 pages
Web Design and Development
No ratings yet
Web Design and Development
138 pages
Universal Design
No ratings yet
Universal Design
6 pages
Advanced Web Design
No ratings yet
Advanced Web Design
9 pages
QS Website Design L1 L2
No ratings yet
QS Website Design L1 L2
27 pages
WebDesign-AKeyFactorfortheWebsiteSuccess FlavianGurreaOrus
No ratings yet
WebDesign-AKeyFactorfortheWebsiteSuccess FlavianGurreaOrus
22 pages
Webdesign
No ratings yet
Webdesign
15 pages
Web Design Primer 1547757604. Print
No ratings yet
Web Design Primer 1547757604. Print
103 pages
You Tube
No ratings yet
You Tube
3 pages
ICT Web Design Essentials Learning Objectives
No ratings yet
ICT Web Design Essentials Learning Objectives
2 pages
Your Shortcut To YouTube
No ratings yet
Your Shortcut To YouTube
5 pages
HTML
No ratings yet
HTML
20 pages
Advertised PD - Senior Salesforce Administrator - 636277
No ratings yet
Advertised PD - Senior Salesforce Administrator - 636277
3 pages
SoS YouTube Guide 2019
No ratings yet
SoS YouTube Guide 2019
18 pages
How To Upload Edit and Share YouTube Video
No ratings yet
How To Upload Edit and Share YouTube Video
7 pages
Google YouTube
No ratings yet
Google YouTube
9 pages
Fetch YouTube UserGuide
No ratings yet
Fetch YouTube UserGuide
15 pages
Ic 002 2019 Salesforce
No ratings yet
Ic 002 2019 Salesforce
2 pages
Salesforce Admin Dev Training Course Curriculum
No ratings yet
Salesforce Admin Dev Training Course Curriculum
3 pages
Salesforce Interview Questions 1
No ratings yet
Salesforce Interview Questions 1
13 pages
Salesforce Entitlements Implementation Guide
No ratings yet
Salesforce Entitlements Implementation Guide
50 pages
Salesforcelearning Justpasteit
No ratings yet
Salesforcelearning Justpasteit
3 pages
Post 5 Ed 8 CB 007345 B
No ratings yet
Post 5 Ed 8 CB 007345 B
9 pages
Get General Organic and Biochemistry 4th Edition Katherine Denniston Free All Chapters
100% (7)
Get General Organic and Biochemistry 4th Edition Katherine Denniston Free All Chapters
82 pages
Engr213 Chapter 4 Homework Solutions
No ratings yet
Engr213 Chapter 4 Homework Solutions
18 pages
IELTS Writing Task 2
No ratings yet
IELTS Writing Task 2
34 pages
Amcas Coursework Video
100% (2)
Amcas Coursework Video
7 pages
2022ce11566 Srijan Lab
No ratings yet
2022ce11566 Srijan Lab
9 pages
Read The Masterplan
No ratings yet
Read The Masterplan
47 pages
Features
No ratings yet
Features
7 pages
Gr9 PT2 Portions 2024-25
No ratings yet
Gr9 PT2 Portions 2024-25
4 pages
Three High-Altitude Peoples, Three Adaptations To Thin Air
No ratings yet
Three High-Altitude Peoples, Three Adaptations To Thin Air
11 pages
Thesis User Manual Sample
100% (3)
Thesis User Manual Sample
8 pages
Electrical Wire Labeling
No ratings yet
Electrical Wire Labeling
2 pages
Engine Safety Unit
No ratings yet
Engine Safety Unit
2 pages
Book Report Choice Board 1
No ratings yet
Book Report Choice Board 1
1 page
Classification of Business Environment
83% (6)
Classification of Business Environment
12 pages
Technical Data Sheet & Processing Guide: ENMAT™ Thermoplastics Resin Y1000P
No ratings yet
Technical Data Sheet & Processing Guide: ENMAT™ Thermoplastics Resin Y1000P
6 pages
SinclairCollins K-Series 02 2016
No ratings yet
SinclairCollins K-Series 02 2016
20 pages
Lesson 3 Classification of Drugs 9learners
No ratings yet
Lesson 3 Classification of Drugs 9learners
50 pages
Cambridge O Level: Environmental Management 5014/22
No ratings yet
Cambridge O Level: Environmental Management 5014/22
11 pages
Chapter-4: Operations, Material and Maketing Management: Definition & Importance of Operational Management
No ratings yet
Chapter-4: Operations, Material and Maketing Management: Definition & Importance of Operational Management
47 pages
Tense and Aspect in IE PDF
No ratings yet
Tense and Aspect in IE PDF
255 pages
Carolina Reaper
No ratings yet
Carolina Reaper
19 pages
FTS Assessment 1 Student Questioning Written Knowledge Assessment AURETR112 V1
No ratings yet
FTS Assessment 1 Student Questioning Written Knowledge Assessment AURETR112 V1
23 pages
Statement Up0510110008421
No ratings yet
Statement Up0510110008421
3 pages
Computerised Assessment of Handwriting
No ratings yet
Computerised Assessment of Handwriting
15 pages
The Relationship of Endodontic-Periodontic Lesions
No ratings yet
The Relationship of Endodontic-Periodontic Lesions
7 pages
Review 1 Lop 11 Thi Diem Units 123
No ratings yet
Review 1 Lop 11 Thi Diem Units 123
2 pages
PG AHC Admissions Policy 2020
No ratings yet
PG AHC Admissions Policy 2020
13 pages
Type A Type B 72 78 78 76 73 81 69 74 75 82 74 75 69 75 Heaters? Find The Approximate P-Value For The Test and Interpret Its Value
No ratings yet
Type A Type B 72 78 78 76 73 81 69 74 75 82 74 75 69 75 Heaters? Find The Approximate P-Value For The Test and Interpret Its Value
9 pages

Responsive Webdesign & Parallax Scrolling: Uwe Frieser - Adorsys GMBH & Co. KG (Nürnberg)

Uploaded by

Responsive Webdesign & Parallax Scrolling: Uwe Frieser - Adorsys GMBH & Co. KG (Nürnberg)

Uploaded by

Responsive Webdesign &

Uwe Frieser - adorsys GmbH & Co. KG (Nürnberg)

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

@media (max-width: 767px) {

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

sondern nur wenn es Sinn

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

Herbstcampus 2013 – Responsive Webdesign & Parallax Scrolling

You might also like