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
80
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
74
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
環境凍結という Toil を倒す -セルフサービス型 Ephemeral テスト環境の 設計と実践
Avatar for Yuji Shirai shirouz
1
2k
SRE Lounge Hiroshimaへの招待
Avatar for gr1m0h grimoh
0
550
Claude Code 珍プレー好プレー
Avatar for Shinya Saita shinyasaita
0
300
SRE依存からの脱却 運用を開 発チームへ移す、 フルサイ クル開 発体制の実践
Avatar for joe joooee0000
0
2.3k
なぜ人は自分のプロジェクトを 「なんちゃってアジャイル」と 自嘲するのか
Avatar for Kozo Taira kozotaira
0
270
スタートアップにおけるアジャイルの実践について #shibuyagile
Avatar for bayashi murabayashi
3
2.1k
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
110k
CIで使うClaude
Avatar for TomoyaIwata iwatatomoya
0
200
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
Avatar for サイバーセキュリティクラウド cscengineer
PRO
1
4.1k
Empower GenAI with Agile - あなたのアジャイルが生成AIのバフになる仕組み
Avatar for Hiroyuki Ito (TheHiro) hageyahhoo
1
150
勉強会企画をアプリで構造化してみた 〜そこで見えた、AIとの付き合い方〜 / I've structured a study group plan using an app.
Avatar for Pauli pauli
0
340
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
Avatar for you（@youtoy） you
PRO
0
130

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.4k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
500
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.6k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
290
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
840
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
180
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
170

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?