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
86
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
81
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
81
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
Deployment の 先にある AI Agent 基盤 - kagent vNext、Agent Substrate、Hermes から読み解く Agent Runtime の現在地 / k8s-matsuri-2-ai-agent-platform-amsy810
Avatar for Masaya Aoyama (@amsy810) masayaaoyama
3
550
Railsのように考える: See through the Master
Avatar for Koji SHIMADA snoozer05
PRO
3
770
空間オーディオで過去の 自分（ゴースト）と競うランニング 〜HealthKitのルートを足音に変える実装〜
Avatar for Nao-RandD nao_randd
0
210
The Agent Builder Loop from Daily Work to OSS
Avatar for みのるん minorun365
PRO
3
200
What the customer really needed
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
160
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
Avatar for Itaru Ota ota1022
0
150
登壇の自信を奪う3匹のオバケ / 3 Ghosts That Rob You of Your Confidence in Public Speaking
Avatar for Pauli pauli
8
900
事業課題から技術的負債に向き合う
Avatar for SansanTech sansantech
PRO
2
1.8k
絵ではじめるKubernetesセキュリティ
Avatar for Aoi Takahashi aoi1
3
540
MCPをつなげて作る組織横断のAIエージェント基盤(の開発工程)
Avatar for Yuta Matsumura tsubakimoto_s
0
130
白金鉱業Meetup Vol.25 アウトカムが二値のデータに対するCausal Impact
Avatar for BrainPad brainpadpr
0
150
日経電子版を支えていく Kasane Design System/fec_fukuoka
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
1.5k

Featured

See All Featured
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
420
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
320
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
690
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
520
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.2k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
490

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?