Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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

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駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.6k
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
150
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
170
体験を守るためのデザイン計測
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
110
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.2k
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.9k
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.6k
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
200
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
190
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
830
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
530

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
970
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
58
6.1k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.3k

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