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
65
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
80
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
300

Other Decks in Technology

See All in Technology
（金融庁共催）第4回金融データ活用チャレンジ勉強会資料
Avatar for tak takumimukaiyama
0
100
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
120
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
910
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
170
しろおびセキュリティへ ようこそ
Avatar for ogiogi log0417
0
250
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
120
月間数億レコードのアクセスログ基盤を無停止・低コストでAWS移行せよ！アプリケーションエンジニアのSREチャレンジ💪
Avatar for miyamu miyamu
0
680
AI時代、1年目エンジニアの悩み
Avatar for JINYOUNG KIM jin4
1
140
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
2
760
あたらしい上流工程の形。 0日導入からはじめるAI駆動PM
Avatar for 熊井悠 kumaiu
4
700
Meshy Proプラン課金した
Avatar for henjin0 henjin0
0
180
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
210
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
190
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
230
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
42
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
HDC tutorial
Avatar for Michiel Stock michielstock
1
340

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?