タグ

CSSとjavascriptに関するN_Tのブックマーク (3)

  • JSFiddle

    JSFiddleはブラウザ上でちょっとしたHTMLCSSJavaScriptコードを記述して、その動作を確認するために便利に使えるツールだ。 連載目次 JSFiddleは、ブラウザ上でHTMLCSSJavaScriptを記述し、その動作を確認可能なコードエディタ。ローカルに環境を構築することなく、ちょっとしたコードを試したいといった場合に便利に使える。 JSFiddleの基 「fiddle」には「手遊び、いじくる、もてあそぶ」といった意味がある(「JSFiddle」とは「JavaScriptHTMLCSSを使って、ちょっと遊んでみよう」といった意味合いに取れる)。そして、JSFiddle上でユーザーが新たに作成するコード群をまとめて「フィドル」と呼ぶ。 JSFiddleをブラウザで開くと次のような画面が表示される。なお、稿ではJSFiddleにサインアップは行わず、あくまで

    JSFiddle
  • 手軽に実装!Webサイトにアニメーションを加えられるCSS&JavaScriptライブラリー

    2019年2月22日 CSS, JavaScript, jQuery 人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSJavaScriptのライブラリーをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! アニメーションを使う時に気をつけたい事 アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユー

    手軽に実装!Webサイトにアニメーションを加えられるCSS&JavaScriptライブラリー
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 1