タグ

ブックマーク / qiita.com/howdy39 (2)

  • cssnextから学ぶ次世代CSS - Qiita

    cssnextとは策定中のCSS仕様を先立って使えるようにするツールのことです。 ひとことで言うとCSS版Babelです。 CSSを変換する仕組みはPostCSSのプラグインとして有志によって作成されています。 cssnextはそのプラグインをまとめたプラグインパックと呼ばれるものです。 ※古いブラウザに対応させるためのフォールバック機能を提供するプラグインも含んでいます。 記事は策定中のCSSの知識をつけることが目的です 参考リンクなど cssnext(PostCSS)の背景や使い方は先日記事を書いたので是非見てみてください Step by Stepで始めるCSSモダン化(PostCSS) playgroundでcssnextが実際にどのように変換するのかを試せます。 機能一覧 記事で紹介する機能一覧を出すのに使ったcssnextのページです。 postcss-cssnext fea

    cssnextから学ぶ次世代CSS - Qiita
  • Google Pickerを使ってWebサイトのUXを向上させよう - Qiita

    GmailにはGoogleドライブのファイルをポップアップ上で検索してGmail文に貼り付ける機能が用意されています。 以下の様な画面です。 実はこのGoogleドライブからファイルを選ぶという機能をjavascriptを少し書くだけで 自分のWebサイトに簡単に埋め込むことが可能です。 それを行うための機能をGoogleが提供しています。それがGoogle Pickerです。 またGoogle Pickerはドライブのファイルだけではなく Googleマップから住所を選択、Googleフォトから写真を選択など様々なピッカーが用意されています。 <input type="file">のクラウド版みたいなものです。 実際に試してもらったほうが理解しやすいと思います。デモページを用意しました。 @記事は前半に機能の紹介、後半に開発向けの解説を記載しています。 機能の紹介 デモページを開いて

    Google Pickerを使ってWebサイトのUXを向上させよう - Qiita
  • 1