タグ

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

  • CSS Variables(カスタムプロパティ)でCSSがより便利に! - Qiita

    変数には、--ハイフン2つを先頭につけるのがルールです。 (最初見た時にちょっと抵抗感が。。でもすぐ慣れると思います) どのセレクタに指定するかは自由ですが、Sassのようにセレクタ無しで定義はできませんので注意が必要です。 また、グローバル変数のように扱いたい場合は、:rootで指定します。 変数を呼び出す時には、var()関数を使います。 ちなみに、var()関数は、第二引数にもし変数が定義されていなかった場合のデフォルト値も入れられます。(あまり使うこと無いかもですが。。) 以下の例の場合、--key-colorが定義されていなくても、blueが設定される形になります。

    CSS Variables(カスタムプロパティ)でCSSがより便利に! - Qiita
    kathew
    kathew 2018/02/07
    IEが対応していないから広い用途には使いづらいか。早くIEが壊滅してくれれば良いのに、なんでWin10にもIE入ってるの
  • Web Speech Synthesis API(音声合成API)で遊んでみた - Qiita

    最近、音声合成にちょっと興味を持ち、サンプルを作ってみた。 内容は、テキストボックスに入力した内容を、ブラウザに喋ってもらうというもの。 日語は、オプションをほとんどサポートしていないのが残念だが、今後に期待。 英語だと、voicesの数値を変更して、声質変更や歌を歌ってもらうなど可能。 いずれ、スマホで喋った内容を解析して、ブラウザ喋ってくれるようなロボットを作ってみたい。 HTML <input id="txt" type="text" value="こんにちは、僕、ドラえもんです"> <input id="btn" type="button" value="speech"> <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> $(function() { // unsupported. if (!'S

    Web Speech Synthesis API(音声合成API)で遊んでみた - Qiita
  • 1