アニメーションをつけてみました。 DEMO See the Pen Button by kimmy (@kimmy) on CodePen. HTML <ul data-color="red" class="colors"> <li data-color="red" class="btn color"></li> <li data-color="blue" class="btn color"></li> <li data-color="green" class="btn color"></li> <li data-color="yellow" class="btn color"></li> <…</ul>

アニメーションをつけてみました。 DEMO See the Pen Button by kimmy (@kimmy) on CodePen. HTML <div class="box"> <ul data-index="0" data-length="2" class="btns"> <li data-index="0" class="btn">LEFT</li> <li data-index="1" class="btn">RIGHT</li> </ul> <ul data-index="0" data-length="3" class="btns"> </ul></div>

https://msdn.microsoft.com/ja-jp/library/eb0w91wa(v=vs.90).aspxJavaScriptのコメントを /*@cc_on @*/ という感じで書くと、コメントの中身がIEでのみJScriptとして評価されることを知りました。なので、 var ieVersion = 0, jscriptVersion = 0; /*@cc_o…

ローマ字の都道府県の配列をつくる必要がありまして、がんばってつくりました。 同じものをつくりたい人がたどり着いたときにコピペでつかえるように貼り付けておきます。 先頭だけ大文字 ["Hokkaido", "Aomori", "Iwate", "Miyagi", "Akita", "Yamagata", "…

寝る前に 歯磨きした後 食べるチョコ （字余り）。 そう。それが「歯医者さんが作ったチョコレート」です。 キシリトール100％なので、歯磨き後に食べても安心。というか歯磨き後に食べることが推奨されています。 「歯に悪くない」と「歯に良い」の間には越…

結論 .hoge { width: (100% / 5); } という感じで括弧をつけて書きましょう。 あらすじ ものすごく初歩的なことなんですが、 .hoge { width: 100% / 5; } とか .hoge { width: 100 / 5 + %; } とかと書いてエラーになりました。よくよく考えると / は 通常の…

同じ色の円が場所によって違う色に見えるというデモです。 なにかにつかえるかもしれませんし、つかえないかもしれません。See the Pen SAME COLOR by kimmy (@kimmy) on CodePen.

kimizuka.hatenablog.comkimizuka.hatenablog.comkimizuka.hatenablog.comこれまでブックマークレットのつくりかたをあれこれ模索してきましたが、 javascript: void((function() { var script = document.createElement('script'); script.setAttribute('ty…