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

Dreamweaverで学ぶ、「いい感じ」にするための実践CSSテクニック

 Dreamweaverで学ぶ、「いい感じ」にするための実践CSSテクニック

2018年11月20日(火)Adobe MAX Japan 2018発表資料

448jp | OKI Yoshiya

November 20, 2018
Tweet

More Decks by 448jp | OKI Yoshiya

Other Decks in Technology

Transcript

  1. Flexboxで上下の高さを揃える カード名が⼊ります 親譲りの無鉄砲で⼩供の時から損ばかりしている。⼩学 校に居る時分学校の⼆階から⾶び降りて⼀週間ほど腰を シェア 609 120 カード名が⼊ります 親譲りの無鉄砲で⼩供の時から損ばかりしている。⼩学 校に居る時分学校の⼆階から⾶び降りて⼀週間ほど腰を

    シェア 609 120 カード名が⼊ります 親譲りの無鉄砲で⼩供の時から損ばかりしている。⼩学 校に居る時分学校の⼆階から⾶び降りて⼀週間ほど腰を シェア 609 120 カード名が⼊ります 親譲りの無鉄砲で⼩供の時から損ばかりしている。⼩学 校に居る時分学校の⼆階から⾶び降りて⼀週間ほど腰を シェア 609 120 よくあるカード型UI(デザイン時)
  2. Flexboxで上下の高さを揃える AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 実際のデータが入ると……
  3. Flexboxで上下の高さを揃える AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 実際のデータが入ると…… 高さが揃わない
  4. Flexboxで上下の高さを揃える AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 .list
  5. Flexboxで上下の高さを揃える AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 フレックスアイテムは初期値で高さが揃う
  6. 特定のフレックスアイテムを寄せる AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 シェア関連の要素は下に寄せたい
  7. 特定のフレックスアイテムを寄せる AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 .list .card .share
  8. 特定のフレックスアイテムを寄せる AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 ProjectGemini徹底解説 次世代のプロ向けデジタルスケッチアプリを、開発者が 徹底解説します。 シェア 609 120 .list .card .share
  9. 要素の中身が空だったときの制御 AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 カードの中身が空だったときに処理を変えたい
  10. 要素の中身が空だったときの制御 AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120 カードの中身が空だったときに処理を変えたい :empty疑似クラス
  11. 要素の中身が空だったときの制御 AdobeXD最新情報!新機能 の使いこなしと今後の進化 AdobeXDは、世界中のUI/UXデザインコミュニティと の膨⼤なディスカッションから得たアイデアをもとに、 毎⽉の機能アップデートで進化し続けています。 シェア 609 120 Dreamweaverで学ぶ、

    「いい感じ」にするための 実践CSSテクニック CSSを学ぶ過程で、「えっ、こんなことできたの?」と 驚いたり、「なるほど、こう書けるのか!」と⽬から鱗 が落ちたりした、という経験はないでしょうか。 シェア 609 120 アドビビデオ製品最新情報 映像制作を取り巻く環境が著しく変化している中で、ア ドビビデオ製品はいち早くアップデートや新機能を搭載 し環境の変化にも対応し続けています。 シェア 609 120
  12. DIST.24 「Re: Adobe MAX Japan 2018」 日時:2018年11月30日(金)19:00〜 場所:中野セントラルパーク カンファレンス B1F

    コンベンションホール 出演:池田 泰延(ICS) 木村 哲朗(まぼろし) 山下 大輔(Vook)
  13. Licensed under the CC-by 3.0 https://creativecommons.org/licenses/by/3.0/deed.ja Official HTML5 logo by

    W3C. CSS3 logo by Rudloff. Licensed under the MIT license https://opensource.org/licenses/mit-license.php JavaScript logo Copyright (c) 2011 Christopher Williams <[email protected]> Quote Robert Waldinger https://www.ted.com/talks/robert_waldinger_what_makes_a_good_life_lessons_from_the_longest_study_on_happiness?language=ja CREDIT