Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
52
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
66
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
170
One Percent Better: How little changes add up
Avatar for Natalie MacLees nataliemac
1
140
One percent better
Avatar for Natalie MacLees nataliemac
2
85
How to make time for a side hustle
Avatar for Natalie MacLees nataliemac
0
4k
Before You React
Avatar for Natalie MacLees nataliemac
2
450
Bulletproof JavaScript for plugins and themes
Avatar for Natalie MacLees nataliemac
2
300

Other Decks in Technology

See All in Technology
事例から紐解くSHIFT流QA支援 ～大規模プロジェクトの品質管理支援、QA組織立ち上げ～ / 20260320 Nozomu Koketsu
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
120
AI時代のオンプレ-クラウドキャリアチェンジ考
Avatar for Yutaro Shirayama yuu0w0yuu
0
200
Goのerror型がシンプルであることの恩恵について理解する
Avatar for yamatai12 yamatai1212
1
290
既存アプリの延命も，最新技術での新規開発も：WebSphereの最新情報
Avatar for Ryoto Katagiri ktgrryt
0
110
A Casual Introduction to RISC-V
Avatar for Masanori Ogino omasanori
0
540
スピンアウト講座04_ルーティン処理
Avatar for overflow ,Inc overflowinc
0
740
Phase11_戦略的AI経営
Avatar for overflow ,Inc overflowinc
0
960
Windows ファイル共有(SMB)を再確認する
Avatar for Murachi Akira murachiakira
PRO
0
220
A4）シラバスを超えて語る、テストマネジメント
Avatar for Sammy(MoritaMasami) moritamasami
0
110
エンジニアリングマネージャーの仕事
Avatar for YuheiNakasaka yuheinakasaka
0
120
スピンアウト講座01_GitHub管理
Avatar for overflow ,Inc overflowinc
0
850
FastMCP OAuth Proxy with Cognito
Avatar for iganin hironobuiga
3
120

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
120
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k

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?