$30 off During Our Annual Pro Sale. View Details »

Making Magic with HTML5, CSS3, and jQuery

Avatar for Natalie MacLees Natalie MacLees
February 11, 2014
Technology
1
300

Making Magic with HTML5, CSS3, and jQuery

Presented at the HTML5/jQuery LA joint meetup

Avatar for Natalie MacLees

Natalie MacLees

February 11, 2014
Tweet

More Decks by Natalie MacLees

See All by Natalie MacLees
Creating content for everyone
Avatar for Natalie MacLees nataliemac
0
49
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
62
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
60
Making the world a better place through web design
Avatar for Natalie MacLees nataliemac
0
160
One Percent Better: How little changes add up
Avatar for Natalie MacLees nataliemac
1
130
One percent better
Avatar for Natalie MacLees nataliemac
2
76
How to make time for a side hustle
Avatar for Natalie MacLees nataliemac
0
3.9k
Before You React
Avatar for Natalie MacLees nataliemac
2
440
Bulletproof JavaScript for plugins and themes
Avatar for Natalie MacLees nataliemac
2
290

Other Decks in Technology

See All in Technology
AI駆動開発によるDDDの実践
Avatar for ディップ株式会社 dip_tech
PRO
0
290
AI時代におけるアジャイル開発について
Avatar for Polyscape Inc. polyscape_inc
0
110
Capture Checking / Separation Checking 入門
Avatar for Rikito Taniguchi tanishiking
0
120
pmconf2025 - データを活用し「価値」へ繋げる
Avatar for Emy - Emiko Yoshihara glorypulse
0
470
なぜ使われないのか？──定量×定性で見極める本当のボトルネック
Avatar for KAKEHASHI kakehashi
PRO
1
820
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
330
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
120
AI活用によるPRレビュー改善の歩み ― 社内全体に広がる学びと実践
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
100
Modern Data Stack大好きマンが語るSnowflakeの魅力
Avatar for Sagara sagara
0
280
私のRails開発環境
Avatar for Yasuo Honda yahonda
0
180
Agentic AI Patterns and Anti-Patterns
Avatar for Guillaume Laforge glaforge
1
100
MS Ignite 2025で発表されたFoundry IQをRecap
Avatar for Akira Sato satodayo
3
240

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
960
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
1
80
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k

Transcript

  1. making magic with html5, css3,and jquery by natalie maclees! @nataliemac

  2. html5 • new attributes! • new elements! • new capabilities

  3. css3 • new selectors! • new properties! • new capabilities

  4. jquery • powerful library! • two branches! • common tasks!

    • handy utilities

  5. bokeh effect

  6. clipped gallery

  7. css clip rect(top right bottom left)

  8. clipped gallery demo

  9. animated tabs

  10. filterable gallery

  11. jQuery for Designers by me :-)

  12. thank you! @nataliemac | nataliemac.com

  13. questions?