Enviar pesquisa
Carregar
Chandra Maharzan: The Future of Web Design Experience
•
3 gostaram
•
1,722 visualizações
Chandra Maharzan
Seguir
The Future of Web Design Experience
Leia menos
Leia mais
Design
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 51
Baixar agora
Baixar para ler offline
Recomendados
Responsive Web Development
Responsive Web Development
Reema
Introduction to Jquery
Introduction to Jquery
Gurpreet singh
Introduction to web compoents
Introduction to web compoents
Ran Wahle
Css encapsulation strategies | Marcin Mazurek
Css encapsulation strategies | Marcin Mazurek
Grand Parade Poland
Css1
Css1
Pulkit Tanwar
WS-* with WCF
WS-* with WCF
ppcanodehuelva
Web programming css
Web programming css
Uma mohan
Introduction to web application development
Introduction to web application development
Ayyappadhas K B
Recomendados
Responsive Web Development
Responsive Web Development
Reema
Introduction to Jquery
Introduction to Jquery
Gurpreet singh
Introduction to web compoents
Introduction to web compoents
Ran Wahle
Css encapsulation strategies | Marcin Mazurek
Css encapsulation strategies | Marcin Mazurek
Grand Parade Poland
Css1
Css1
Pulkit Tanwar
WS-* with WCF
WS-* with WCF
ppcanodehuelva
Web programming css
Web programming css
Uma mohan
Introduction to web application development
Introduction to web application development
Ayyappadhas K B
Introduction to Twitter Bootstrap 3.0.3
Introduction to Twitter Bootstrap 3.0.3
Liang-Hsuan Lin
Web Components and Modular CSS
Web Components and Modular CSS
Andrew Rota
Scout xss csrf_security_presentation_chicago
Scout xss csrf_security_presentation_chicago
knaddison
Senior project final (3)
Senior project final (3)
blondie50351
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
Kannika Kong
Footloose journeys by_nagnath
Footloose journeys by_nagnath
Nagnath Mungade
Create a simple and elegant bootstrap registration page
Create a simple and elegant bootstrap registration page
Sanjaya Prakash Pradhan
DevNexus 2016
DevNexus 2016
Stephanie Brubaker
Steve Barman - CSS and WordPress
Steve Barman - CSS and WordPress
Anthony Montalbano
Div style
Div style
Lucho Yupa Allrica
Introduction to html & css
Introduction to html & css
sesharao puvvada
Layout with CSS
Layout with CSS
Mike Crabb
Introduction to web components
Introduction to web components
Marc Bächinger
The Future Of Digital Layout - Cutting Edge CSS Features
The Future Of Digital Layout - Cutting Edge CSS Features
Andre JAY Meissner
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
Morten Rand-Hendriksen
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
MeetMagentoNY2014
I pv6+at+caribbean+sector
I pv6+at+caribbean+sector
max Firmin
RESS – Responsive Webdesign and Server Side Components
RESS – Responsive Webdesign and Server Side Components
Sven Wolfermann
Gaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third Year
Dezyneecole
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
Coulawrence
RSS: the duct tape of web2.0
RSS: the duct tape of web2.0
Rob Clark
Semantic web support for POSH
Semantic web support for POSH
Dinu Suman
Mais conteúdo relacionado
Mais procurados
Introduction to Twitter Bootstrap 3.0.3
Introduction to Twitter Bootstrap 3.0.3
Liang-Hsuan Lin
Web Components and Modular CSS
Web Components and Modular CSS
Andrew Rota
Scout xss csrf_security_presentation_chicago
Scout xss csrf_security_presentation_chicago
knaddison
Senior project final (3)
Senior project final (3)
blondie50351
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
Kannika Kong
Footloose journeys by_nagnath
Footloose journeys by_nagnath
Nagnath Mungade
Create a simple and elegant bootstrap registration page
Create a simple and elegant bootstrap registration page
Sanjaya Prakash Pradhan
DevNexus 2016
DevNexus 2016
Stephanie Brubaker
Steve Barman - CSS and WordPress
Steve Barman - CSS and WordPress
Anthony Montalbano
Div style
Div style
Lucho Yupa Allrica
Introduction to html & css
Introduction to html & css
sesharao puvvada
Layout with CSS
Layout with CSS
Mike Crabb
Mais procurados
(12)
Introduction to Twitter Bootstrap 3.0.3
Introduction to Twitter Bootstrap 3.0.3
Web Components and Modular CSS
Web Components and Modular CSS
Scout xss csrf_security_presentation_chicago
Scout xss csrf_security_presentation_chicago
Senior project final (3)
Senior project final (3)
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
Footloose journeys by_nagnath
Footloose journeys by_nagnath
Create a simple and elegant bootstrap registration page
Create a simple and elegant bootstrap registration page
DevNexus 2016
DevNexus 2016
Steve Barman - CSS and WordPress
Steve Barman - CSS and WordPress
Div style
Div style
Introduction to html & css
Introduction to html & css
Layout with CSS
Layout with CSS
Semelhante a Chandra Maharzan: The Future of Web Design Experience
Introduction to web components
Introduction to web components
Marc Bächinger
The Future Of Digital Layout - Cutting Edge CSS Features
The Future Of Digital Layout - Cutting Edge CSS Features
Andre JAY Meissner
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
Morten Rand-Hendriksen
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
MeetMagentoNY2014
I pv6+at+caribbean+sector
I pv6+at+caribbean+sector
max Firmin
RESS – Responsive Webdesign and Server Side Components
RESS – Responsive Webdesign and Server Side Components
Sven Wolfermann
Gaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third Year
Dezyneecole
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
Coulawrence
RSS: the duct tape of web2.0
RSS: the duct tape of web2.0
Rob Clark
Semantic web support for POSH
Semantic web support for POSH
Dinu Suman
Seo Cheat Sheet
Seo Cheat Sheet
Anchal Thakur
Seo cheat-sheet
Seo cheat-sheet
Elena Michelle
Rapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris Griffith
UXPA International
smoke1272528461
smoke1272528461
mxsmoketest
Atomic design con pattern lab
Atomic design con pattern lab
UX Nights
Front-end Rails-приложений приложений, основанный на БЭМ
Front-end Rails-приложений приложений, основанный на БЭМ
Александр Ежов
Introduction to Bootstrap
Introduction to Bootstrap
Ron Reiter
TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
偉格 高
Class15
Class15
Jiyeon Lee
Object-Oriented CSS 從 OOCSS, SMACSS, BEM 到 AMCSS
Object-Oriented CSS 從 OOCSS, SMACSS, BEM 到 AMCSS
Li-Wei Lu
Semelhante a Chandra Maharzan: The Future of Web Design Experience
(20)
Introduction to web components
Introduction to web components
The Future Of Digital Layout - Cutting Edge CSS Features
The Future Of Digital Layout - Cutting Edge CSS Features
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
I pv6+at+caribbean+sector
I pv6+at+caribbean+sector
RESS – Responsive Webdesign and Server Side Components
RESS – Responsive Webdesign and Server Side Components
Gaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third Year
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
RSS: the duct tape of web2.0
RSS: the duct tape of web2.0
Semantic web support for POSH
Semantic web support for POSH
Seo Cheat Sheet
Seo Cheat Sheet
Seo cheat-sheet
Seo cheat-sheet
Rapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris Griffith
smoke1272528461
smoke1272528461
Atomic design con pattern lab
Atomic design con pattern lab
Front-end Rails-приложений приложений, основанный на БЭМ
Front-end Rails-приложений приложений, основанный на БЭМ
Introduction to Bootstrap
Introduction to Bootstrap
TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
Class15
Class15
Object-Oriented CSS 從 OOCSS, SMACSS, BEM 到 AMCSS
Object-Oriented CSS 從 OOCSS, SMACSS, BEM 到 AMCSS
Último
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
babafaisel
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
SegundoManuelFaichin1
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
AmirYakdi
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja Nehwal
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
LukeKholes
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
ranjana rawat
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
jen_giacalone
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Call Girls in Nagpur High Profile
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
Último
(20)
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Peaches App development presentation deck
Peaches App development presentation deck
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Chandra Maharzan: The Future of Web Design Experience
1.
2.
#wcnp2013
3.
The Future of Web
Design Experience Chandra Maharzan nhuja.com graphpaperpress.com
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
CSS REGIONS CSS SHAPES
21.
CSS REGIONS
22.
23.
css-tricks.com/content-folding
24.
25.
<article class=”content”> <h1>Title</h1> <p>...</p> </article> <div class=”region”></div> <div
class=”region”></div> <div class=”region”></div>
26.
.content { /* collect
content into a named flow */ flow-into: myFlow; } .region { /* render the content from the named flow */ flow-from: myFlow; }
27.
<article class=”content”> <h1>Title</h1> <p>...</p> </article> <div <div <img <div class=”region”></div> class=”region”></div> src=”myimage.jpg” /> class=”region”></div>
28.
tiny.cc/savingbabies
29.
30.
31.
CSS SHAPES
32.
Nicolas Gallagher
33.
34.
SHAPE INSIDE #content { shape-inside:
circle(50%, 50%, 10em) }
35.
SHAPE OUTSIDE #coffee { float:
left; shape-outside: circle(50%, 50%, 10em); }
36.
37.
38.
39.
COMPLEX SHAPES shape-inside: polygon(x1,
y1 x2, y2 ... );
40.
41.
42.
43.
44.
CSS LOVE BALLOONS
45.
Lewis Carroll Ultranoir tiny.cc/alicedemo
46.
47.
CSS BLENDING CSS FILTERS CSS
MASKING
48.
49.
Saturday Morning LOVE YOU...
50.
MORE @ blogs.adobe.com/webplatform Razvan Caliman
- Cutting Edge CSS Features tiny.cc/ngdemo css-tricks.com
51.
THANK YOU Questions? @maharzan
Baixar agora