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
290

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
46
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
57
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
54
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
71
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
430
Bulletproof JavaScript for plugins and themes
Avatar for Natalie MacLees nataliemac
2
280

Other Decks in Technology

See All in Technology
Oracle Cloud Infrastructure：2025年8月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
190
大「個人開発サービス」時代に僕たちはどう生きるか
Avatar for Sotaro Karasawa sotarok
19
8.6k
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
Avatar for Sansan R&D sansan_randd
1
120
フィンテック養成勉強会#56
Avatar for フィンテック養成コミュニティ finengine
0
120
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
Avatar for macneko-ayu macnekoayu
0
280
今！ソフトウェアエンジニアがハードウェアに手を出すには
Avatar for mackee mackee
9
4k
『FailNet～やらかし共有SNS～』エレベーターピッチ
Avatar for yoko yokomachi
1
200
実践AIガバナンス
Avatar for Asei Sugiyama asei
3
340
コスト削減の基本の「キ」～ コスト消費3大リソースへの対策 ～
Avatar for Makky12 smt7174
2
340
Agile PBL at New Grads Trainings
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
210
Browser
Avatar for Recruit recruitengineers
PRO
8
2.3k
Automating Web Accessibility Testing with AI Agents
Avatar for South maminami373
0
880

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
520
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
610
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k

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?