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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for allweb allweb
March 13, 2013
Design
990
2

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

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

Avatar for allweb

allweb

March 13, 2013

More Decks by allweb

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

Other Decks in Design

See All in Design
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
550
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
150
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
290
hicard_credential_202601
Avatar for hicard hicard
0
240
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
310
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
170
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
890
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
240
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
270
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
530
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.2k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
820

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
370
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
910
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
210
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
290
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
470
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
330

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