Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Making Magic with HTML5, CSS3, and jQuery

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

Making Magic with HTML5, CSS3, and jQuery

Presented at the HTML5/jQuery LA joint meetup

Avatar for Natalie MacLees

Natalie MacLees

February 11, 2014

More Decks by Natalie MacLees

See All by Natalie MacLees
Creating content for everyone
Avatar for Natalie MacLees nataliemac
0
91
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
82
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
84
Making the world a better place through web design
Avatar for Natalie MacLees nataliemac
0
180
One Percent Better: How little changes add up
Avatar for Natalie MacLees nataliemac
1
180
One percent better
Avatar for Natalie MacLees nataliemac
2
110
How to make time for a side hustle
Avatar for Natalie MacLees nataliemac
0
4.1k
Before You React
Avatar for Natalie MacLees nataliemac
2
460
Bulletproof JavaScript for plugins and themes
Avatar for Natalie MacLees nataliemac
2
330

Other Decks in Technology

See All in Technology
構造で守らせる　データ・法務・セキュリティ・開発チームとつくる AI時代のデータガバナンスとデータ基盤のリアル
Avatar for LegalOn Technologies, Inc legalontechnologies
PRO
3
700
AIエージェント統制はAPIから——押さえるべき5つの要素
Avatar for 草薙昭彦 nagix
0
110
キヨさん、67歳。AIコーディングエージェントに挑む
Avatar for コロッケそば happysamurai294
0
130
視野はAIに、視座は人に / ai-for-breadth-humans-for-perspective
Avatar for Yukiya Nakagawa nkzn
6
2.6k
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
Avatar for Wan Noh eluwing
0
330
Content Mapper APIの応用例～CSS Modules、言語ファイル～
Avatar for uhyo uhyo
2
420
Adversary Infrastructure Hunting101
Avatar for DiscoNinja disconinja
0
180
AIコーディングエージェント開発_全体像
Avatar for コロッケそば happysamurai294
0
140
[re:Invent2026事前勉強会(有志開催)]続きは、ラスベガスの廊下で / continue-in-the-vegas-hallway
Avatar for sh_fk2 sh_fk2
0
450
re:Inventで、人生は変わったのか？ / growth-builders-hub-1-reinvent-2026
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
170
今から始めるAWS環境の暗号移行 - ポスト量子時代に備える
Avatar for sato4mi sato4mi
0
140
Don't write the architecture only in the prompt.
Avatar for Neo Hsu neohsu
0
280

Featured

See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
480
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
59k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
380
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.3k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
47k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
2k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k

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?