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
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
82
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
76
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
76
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
170
One percent better
Avatar for Natalie MacLees nataliemac
2
110
How to make time for a side hustle
Avatar for Natalie MacLees nataliemac
0
4k
Before You React
Avatar for Natalie MacLees nataliemac
2
460
Bulletproof JavaScript for plugins and themes
Avatar for Natalie MacLees nataliemac
2
320

Other Decks in Technology

See All in Technology
PLaMo 3.0 Primeの事後学習
Avatar for Preferred Networks pfn
PRO
0
260
plamo-3-translateの開発
Avatar for Preferred Networks pfn
PRO
0
250
AWS環境のセキュリティ不安を解消した企業事例 ～よくある課題と対策を一挙公開～
Avatar for 浅野晴輝 asanoharuki
1
280
コンポーネント名には何を含めるべきなのか？ / what-should-be-included-in-component-names
Avatar for airRnot airrnot1106
0
250
脱Jenkins、インターン生が挑んだCIツールGitHubActions移行
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
310
Redmine 7.0 新機能・機能強化解説（OSC2026京都ダイジェスト版）
Avatar for MAEDA Go vividtone
1
140
ガバメントクラウドでのランサムウェア対策
Avatar for 高橋広和 techniczna
1
620
新しい SLO が良い感じにハマっている話
Avatar for kaita z63d
4
2k
AWS ネットワーク構築でハマった（ハマりかけた） 5選とそこから得た教訓
Avatar for nagisa_53 nagisa53
3
140
タクシーアプリ『GO』の実践的データ活用〜位置情報データの収集とStreamlitでの可視化〜
Avatar for GO Inc. dev mot_techtalk
2
180
【CEDEC2026】コードレビュー支援ツール開発から学ぶ：LLMを用いた業務システムの実践的な運用設計と誤出力対策
Avatar for Cygames, Inc. cygames
PRO
0
350
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
Avatar for Cygames, Inc. cygames
PRO
1
630

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
250
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
240
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
920
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
550
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.8k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k

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?