Designing a Visually Appealing Website Using CSS3

•

0 gefällt mir•930 views

Mario Hernandez

Design principles and progressive enhancements

Design Technologie Bildung

Designing a Visually Appealing
Website Using CSS3

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Mario Hernandez
Front-end Developer and Web Designer

Web: http://designsdrive.com
Email: designsdrive@gmail.com
Twitter: @designsdrive
LinkedIn: http://linkedin.com/in/designsdrive

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Great design
• A well designed product gives the impression that it works well

Source: Apple.com

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Great design
• Better designed
websites appear
easier to use
• Generally people
associate great
design with
something that
works well

Source: MailChimp.com

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA
Source: MailChimp.com

Elements of great web design

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

COLOR
MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

COLOURLovers.com

Source: ColourLovers.com

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Texture
MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

SubtlePatterns.com

Source: SubtlePatterns.com

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

white space

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Typography
MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Using CSS3 to achieve beauty
is it safe?

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Progressive enhancements
Uses web technologies in a layered fashion that
allows everyone to access the basic content and
functionality of a web page, while also providing an
enhanced version of the page to those with more
advanced browser software or better bandwidth.

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

CSS3
• Use CSS3 to target the experience layer
• Focus on the properties that are widely supported
• Do not sacriﬁce functionality for looks
Critical Non-critical
Branding Interaction
Usability Visual rewards
Accessibility Feedback
Layout Movement

MARIO HERNANDEZ
2012 DrupalCampLA
Source: CSS3 D r i v e . c o m book by Ethan Marcotte
D e s i g n s for web designers

Do websites need to look
exactly the same in every
browser?
http://dowebsitesneedtolookexactlythesameineverybrowser.com/

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Supported CSS3 Properties
Property Supported In

border-radius 5+ 10+ 3.6+ 11+ 9+

text-shadow 5+ 10+ 3.6+ 11+

box-shadow
5+ 10+ 3.6+ 11+ 9+

opacity
5+ 10+ 3.6+ 11+ 9+

RGBA
Source: CSS3Files.com 5+ 10+ 3.6+ 11+ 9+

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Let’s do this!

MARIO HERNANDEZ
DesignsDrive.com 2012 DrupalCampLA

Additional Resources
• CSS3 Files: http://www.CSS3ﬁles.com
• CSS3 Please: http://CSS3please.com
• CSS Tricks: http://CSS-tricks.com

By Dan Cederholm By Dan Cederholm By Ethan Marcotte

Contact me
• Web: http://designsdrive.com

• Email: designsdrive@gmail.com

• Twitter: @designsdrive

Download slides at:
http://www.slideshare.net/marequi

Weitere ähnliche Inhalte

Mehr von Mario Hernandez

Responsive design with flexbox

Mario Hernandez

Building your first d8 theme

Mario Hernandez

HTML5 and CSS3

Mario Hernandez

Introduction to drupal

Mario Hernandez

Introduction to HTML and CSS

Mario Hernandez

CSS Frameworks

Mario Hernandez

Responsive Web Design

Mario Hernandez

CSS Framework + Progressive Enhacements

Mario Hernandez

Introduction to Drupal Content Management System

Mario Hernandez

CSS3 for web designer - How to design a visually appealing website

Mario Hernandez

960 Grid System - A hands-on introduction

Mario Hernandez

Front end-design and best practices

Mario Hernandez

An introduction to the 960 grid system

Mario Hernandez

Mehr von Mario Hernandez (13)

Responsive design with flexbox

Building your first d8 theme

HTML5 and CSS3

Introduction to drupal

Introduction to HTML and CSS

CSS Frameworks

Responsive Web Design

CSS Framework + Progressive Enhacements

Introduction to Drupal Content Management System

CSS3 for web designer - How to design a visually appealing website

960 Grid System - A hands-on introduction

Front end-design and best practices

An introduction to the 960 grid system

Kürzlich hochgeladen

SD_The MATATAG Curriculum Training Design.pptx

janettecruzeiro1

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore Escorts Service Booking Contact Details :- WhatsApp Chat :- +91-7737669865 Call Girls In Model Towh +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At #K09 Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...

amitlee9823

Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Service At Affordable Rate Booking Contact Details WhatsApp Chat: +91-6297143586 pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable. Independent Escorts pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide - 01-may-2024(v.n)

Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...

Call Girls in Nagpur High Profile

Collection of select works from my time as an undergraduate student at the University of Wisconsin-Milwaukee (School of Architecture & Urban Planning). Designer with a passion for creating innovative and sustainable designs that meet the needs and desires of clients while positively contributing to the built environment. Above, you will see a link (Websites) to my Archifolio, Archinect, and Issuu pages, including several projects showcasing competency in balancing sustainability, functionality, and aesthetics. Furthermore, prior academic experience has allowed me to learn new skills and abilities within architecture, engineering, construction, landscaping, urban planning, design, and tech. Experienced professional with over seven years of skills in various industries, accompanied by roles ranging from transportation to design and verification. With adaptability and versatility in the workplace, I can effectively manage multiple tasks simultaneously. With excellent communication skills and a positive attitude, I thrive in team environments and am always willing to take on new challenges and responsibilities. Received notable licenses and certifications. This includes becoming a member of the American Institute of Architects (AIA) and obtaining certificates in architectural drafting and Microsoft Teams Essential Training (2019), demonstrating my commitment to education and professional development. Also well-educated in AutoCAD, Revit, Rhino 3D, and other design and visualization programs. My involvement in professional organizations and strong academic record indicate a commitment to excellence. Planning to pursue a B.Arch or M.Arch in architecture to become a licensed architect and create innovative, sustainable designs. If you are interested in discussing a potential position or networking and have any questions or comments, please feel free to connect with me. Looking forward to hearing from you and having the opportunity to work together.

B. Smith. (Architectural Portfolio.).pdf

University of Wisconsin-Milwaukee

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profiles Available Booking Now open +91-9352852248 𝐇𝐨𝐭𝐞𝐥 𝐑𝐨𝐨𝐦𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐢𝐧𝐠 𝐑𝐚𝐭𝐞 𝐒𝐡𝐨𝐭𝐬/𝐇𝐨𝐮𝐫𝐲🆓 .█▬█⓿▀█▀ 𝐈𝐍𝐃𝐄𝐏𝐄𝐍𝐃𝐄𝐍𝐓 𝐆𝐈𝐑𝐋 𝐕𝐈𝐏 𝐄𝐒𝐂𝐎𝐑𝐓 Hello Guys ! High Profiles young Beauties and Good Looking standard Profiles Available , Enquire Now if you are interested in Hifi Service and want to get connect with someone who can understand your needs. (LK)01-05-24 Service offers you the most beautiful High Profile sexy independent female Escorts in genuine ✔✔✔ To enjoy with hot and sexy girls ✔✔✔ ★providing:- • Models • vip Models • Russian Models • Foreigner Models • TV Actress and Celebrities • Receptionist • Air Hostess • Call Center Working Girls/Women • Hi-Tech Co. Girls/Women • Housewife • Collage Going Girls. • Travelling Escorts. • Ramp-models • Foreigner And Many More.. ★OUR BEST SERVICES: - FOR BOOKING ★ A-Level (5 star escort) ★ Strip-tease ★ BBBJ (Bareback Blowjob) ★ Spending time in my rooms ★ BJ (Blowjob Without a Condom) ★ COF (Come On Face) ★ Completion ★ (Oral to completion) bjnonCovered ★ Special Massage ★ O-Level (Oral ) ★ Blow Job; ★ Oral fun uncovered) ★ COB (Come On Body) ★. Extraball (Have ride many times) ☛ ☛ ☛ ✔✔ secure✔✔ 100% safe

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...

kumaririma588

HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along with Free Room Suman Hot Girls⇄ 9899900591 Mr Chirag ji Independent Call Now Delhi +91-9899900591 TODAY LOW PRICE 100% SAFE AND SECURE GENUINE CALL GIRL AFFORDABLE PRICE CALL NOWLOVELY HOTTY 👅💏 HI MODELS COLLEGE GIRLS👅💋 HI PROFILE VERY NAUGHTY💦📞👙 💥ANAL SEX💥 BDSM💥69 POSE💥LIP KISS💥 DEEP SUCKING WITHOUT CONDOM💥 CUM ON FACE💥 NUDE DANCE💥 BOOBS RUBBING💥 LICKING💥HAND JOB 💏GIRLFRIEND EXPERIENCE💏 EROTIC MASSAGE💥 💥 SEX IN DIFFERENT POSITION etc. A to Z SERVICE WITHOUT ANY RESTICATION💥 Sensual massaging and proper passionate blowjobs are just some of the things I have in store for you tonight. I am an experienced lover of skill who can blow your mind between the sheets. Call fast 👙👙💋 welcome guys 💋💋📞 😇BIG BOOBS AND SPICY PUSY😇 💋Nude Dancing💦 💋Fingering with 2,3 fingers💦 💋Hot voice chat in service time💦 🌺 GIRLFRIEND FEELING💦 🌺 SUCKING YOUR DICK ON CAMERA 🌺BOOBS RUBBING🍑 🌺PUSSY FINGRING💦 🌺ALL TYPE SEX POSITION ON🍑CAMERA ACCORDING YOUR WISH NOTE👉PLEASE CONTACT ME ONLY GENUINE PERSON ✅🥰 Thank you visit [N.M.] 1/045/2024

HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...

poojakaurpk09

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore Escorts Service Booking Contact Details :- WhatsApp Chat :- +91-7737669865 4-May-2024(SMW) Call Girls In Model Towh +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in , Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service NCRWelcome To Escorts Service – An All Over New Very Sexy Hot Call Girls Agency Service Escorts In South NCR’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...

amitlee9823

Q4-W4-SCIENCE-5 power point presentation

ZenSeloveres

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...

Delhi Call girls

Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat

Abortion pills in Kuwait Cytotec pills in Kuwait

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore) Booking Contact Details :- WhatsApp Chat :- +91-7737669865 2-May-2024(SMW) Call Girls In Model Towh Bangalore +91-7737669865 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Bangalore NCR 24 Hours Available Service Call Girls, Contact Us +91-7737669865 (Any Time. Any Where) Call Girls in Bangalore, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Bangalore NCRWelcome To Bangalore Escorts Service – An All Over New Bangalore Very Sexy Hot Call Girls Agency Service Escorts In South BangaloreNCRBangalore’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Bangalore Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort One Shot — 5000/in call (time 1 hour), 6000/out call Two shot with one girl — 8000/in call (time 2 hour), 10000/out call Body to body massage with sex- 8000/in call (time 1 hour) Full night Service for one person– 12000/in call, 13000/out call (shot limit 3-4 shots) Full night Service for more than 1 person — please contact Us —7737669865 We are available 24*7 all days of the year. Call us — 7737669865 Thank you for Visiting.

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)

amitlee9823

DESIGN THINKING in architecture- Introduction

sivagami49

Case Study of Hotel Taj Vivanta, Pune

LukeKholes

Sweety Planet Packaging Design Process Book.pptx

bingyichin04

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine Sex Service At Affordable Rate Booking Contact Details WhatsApp Chat: +91-6297143586 pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable. Independent Escorts pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide - 01-may-2024(v.n)

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

Call Girls in Nagpur High Profile

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...

instagramfab782445

Call Us – 83770 87607, Call girls in Kalkaji– We brings model Justdail Call girl service Delhi our agency offers young girl Oyo hotel book them now. The High class escort service Low rate with space. We are one of the leading our escort Agencies services. you will find that female escorts are full of Fun, sexy and they would love enjoy your company. we have a fantastic selection of escort ladies available for in-call as well as out-call. our escorts are not only beautiful but all have great personalities making them the perfect companion for any occasion. Call girls in Delhi, We offer all types of girls of your choice with space. Our escorts are fully cooperative and understand your needs. All types of call girls like Housewives, College girls, Russian girls, Muslim girls, Afghani girls, Bengali girls, Working girls, south Indian girls, Punjabi girls, etc. In-Call: – You Can Reach At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call: – Service for Out Call You have To Come Pick The Girl From My Place We Also Provide Door-Step Services Hygienic: – Full Ac Neat And Clean Rooms Available In Hotel 24 * 7 Hrs In Delhi Ncr

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available

dollysharma2066

Editorial design Magazine design project.pdf

tbatkhuu1

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency ❤Personal Contact Number Meerut Call Girl 8617697112 💦✅. Nitya salvi is Most trusted Call girls agency in meerut who offer quality and VIP call girl. We offer Beautiful and sexy Call Girls in Meerut 24 hours a day. Meerut Girl Whatsapp Number List - Exchange Meerut girls number for friendship, girls whatsapp group link, video call, photos, call girls chat and date. Are You Looking for Best escorts service and Call Girls services in Meerut Call Girls ? Sexy call girls Indian,russian,House wife. Flexibility Choices and options Lists of many beauty fantasies Turn your dream into reality Perfect companionship Cheap and convenient In-call and Out-call services And many more. WhatsApp Chat: 📞 8617697112 Visit The Website : https://www.nityasalvi.com/

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency

Nitya salvi

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf

amanda2495

Kürzlich hochgeladen (20)

SD_The MATATAG Curriculum Training Design.pptx

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...

Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...

B. Smith. (Architectural Portfolio.).pdf

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...

HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...

Q4-W4-SCIENCE-5 power point presentation

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...

Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)

DESIGN THINKING in architecture- Introduction

Case Study of Hotel Taj Vivanta, Pune

Sweety Planet Packaging Design Process Book.pptx

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available

Editorial design Magazine design project.pdf

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf

Designing a Visually Appealing Website Using CSS3

1. Designing a Visually Appealing Website Using CSS3 MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

2. Mario Hernandez Front-end Developer and Web Designer Web: http://designsdrive.com Email: designsdrive@gmail.com Twitter: @designsdrive LinkedIn: http://linkedin.com/in/designsdrive MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

3. Great design • A well designed product gives the impression that it works well Source: Apple.com MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

4. Great design • Better designed websites appear easier to use • Generally people associate great design with something that works well Source: MailChimp.com MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA Source: MailChimp.com

5. Elements of great web design MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

6. COLOR MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

7. COLOURLovers.com Source: ColourLovers.com MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

8. Texture MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

9. SubtlePatterns.com Source: SubtlePatterns.com MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

10. white space MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

11. Typography MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

12. Using CSS3 to achieve beauty is it safe? MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

13. Progressive enhancements Uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, while also providing an enhanced version of the page to those with more advanced browser software or better bandwidth. MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

14. CSS3 • Use CSS3 to target the experience layer • Focus on the properties that are widely supported • Do not sacriﬁce functionality for looks Critical Non-critical Branding Interaction Usability Visual rewards Accessibility Feedback Layout Movement MARIO HERNANDEZ 2012 DrupalCampLA Source: CSS3 D r i v e . c o m book by Ethan Marcotte D e s i g n s for web designers

15. Do websites need to look exactly the same in every browser? http://dowebsitesneedtolookexactlythesameineverybrowser.com/ MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

16. Supported CSS3 Properties Property Supported In border-radius 5+ 10+ 3.6+ 11+ 9+ text-shadow 5+ 10+ 3.6+ 11+ box-shadow 5+ 10+ 3.6+ 11+ 9+ opacity 5+ 10+ 3.6+ 11+ 9+ RGBA Source: CSS3Files.com 5+ 10+ 3.6+ 11+ 9+ MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

17.

18. Let’s do this! MARIO HERNANDEZ DesignsDrive.com 2012 DrupalCampLA

19. Additional Resources • CSS3 Files: http://www.CSS3ﬁles.com • CSS3 Please: http://CSS3please.com • CSS Tricks: http://CSS-tricks.com By Dan Cederholm By Dan Cederholm By Ethan Marcotte

20. Contact me • Web: http://designsdrive.com • Email: designsdrive@gmail.com • Twitter: @designsdrive Download slides at: http://www.slideshare.net/marequi

Designing a Visually Appealing Website Using CSS3

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von Mario Hernandez

Mehr von Mario Hernandez (13)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Designing a Visually Appealing Website Using CSS3