タグ

CSS3とjavascriptに関するnagasamaのブックマーク (3)

  • イージング関数チートシート

    イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを(例えばペンのような)放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。

    イージング関数チートシート
  • WEB上でドット絵を拡大表示する

    WEB上でドット絵を拡大表示する この記事は 2020年2月3日に最終更新されています。 設定なし 設定あり サンプルはAppleのマスコット、Dogcow の Clarus君です。Moof! ドット絵を拡大表示したい…ただそれだけのことなのに、このページを書き始めたとき(2013年)には確実な方法がありませんでした。 しかし、2020年 2月 3日現在、方法は統一目前です。近いうちに統一されるでしょう。 このページが役割を終えるのであれば、とても喜ばしいことです。 目次 設定方法 CSSJavascript CSS の記述方法について optimizeSpeed optimize-contrast crisp-edges そして姿を消した pixelated 復活 JavaScript について 設置方法 技術解説 ライセンス 設定方法 方法は「統一目前」と書きましたが、2020年 2

  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 少しのコードで実装可能な 20 の jQuery 小技集 目次Div 全体をクリックできるようにするテーブルの偶数・奇数の行の色を変えるフォームにテキストを入れておき、フォーカスで消す(文字色も変更)ラジオボタンとチェックボックスを装飾するスライドパネルアコーディオンツールチップ言語によってスタイルを変更横並びの div の高さ揃えるボックスを上下左右中央に配置するそれでは実際にどんな

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
  • 1