Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザイニングインブラウザ

Avatar for allweb allweb
March 13, 2013
Design
2
990

 デザイニングインブラウザ

2013年3月11日に開催されたSwapSkillsFree(9)で利用したスライドです。

Avatar for allweb

allweb

March 13, 2013
Tweet

More Decks by allweb

See All by allweb
ウェブマスターツールの教科書出版記念セミナー
Avatar for allweb allweb
0
210
上位表示のための 最低限やるべき４つのこと
Avatar for allweb allweb
0
250
Webデザインのココ!
 押さえておこう
Avatar for allweb allweb
0
180
SwapSkillsFree(7) Facebookで理解する、いいね！が広がるOGPの仕組み
Avatar for allweb allweb
0
440
なんでWebでもゲーミフィケーションが必要なのか？
Avatar for allweb allweb
1
890

Other Decks in Design

See All in Design
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
5
810
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
Diverse Design Team Deck
Avatar for Diverse diverse
0
540
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
890
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
660
第18回サイゼミ
Avatar for LW lw
1
3.3k
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
Treasure_Hunting
Avatar for Sol Metts solmetts
0
230
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250

Featured

See All Featured
Between Models and Reality
Avatar for mayunak mayunak
1
180
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
77
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
100
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
97
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
670

Transcript

  1. Designing In the Browser Satoshi Kikuchi

  2. Πϯϒϥ΢βσβΠϯ

  3. σβΠχϯά Πϯ ϒϥ΢β

  4. None
  5. None
  6. None
  7. None
  8. None

  9. div{ transition: background-image 2s;}

  10. editor

  11. online

  12. None
  13. None

  14. Hybrid

  15. None
  16. None

  17. Web Inspector

  18. RGB

  19. RGB RGB

  20. #ACAC98 RGB

  21. rgb(145,145,119) rgb(218,218,216) RGB

  22. HSL

  23. Hue(৭૬) hsl(60,12%,67%); Saturation(࠼౓) Lightness(໌౓) HSL

  24. HSL

  25. None

  26. HSL

  27. Hue:0 - 360 Saturation:0-100 Lightness:0-100 HSL

  28. hsl(60,18%,57%) HSL hsl(60, 1%,85%)

  29. Bookmarklet

  30. xray

  31. None

  32. MRI

  33. None

  34. Collaboration

  35. None