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
株式会社Muture_ソーシャル推進事業
Avatar for Muture muture
PRO
0
140
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
730
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
6
810
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.3k
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
120
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
280
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
810
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
160
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
2.1k
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
840

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
810
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k

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