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
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
8
2.3k
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
260
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.7k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
1
810
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
300
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
170
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
140
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
360
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
360
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
410
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
270
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
120

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
900
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k

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