![カッコ良すぎる!CSSとJavaScriptで作られた真似してみたいアニメーションロゴ10選](https://cdn-ak-scissors.b.st-hatena.com/image/square/43b210402327bee6ee8afab4ee21236f915cacd4/height=288;version=1;width=512/https%3A%2F%2Fwebdesignfacts.net%2Fwp-content%2Fuploads%2F2018%2F09%2F20180620110644-1024x683.jpg)
【JAVASCRIPT】時間によってCSSを変えるソースを教えてください。0時~12時まではam.css、12時~0時まではpm.cssで、JAVASCRIPTが無効な場合はam.cssが適用されるようにしたいのですが・・・。xhtml1.0宣言をしても大丈夫なソースでお願いします。 また日によってCSSを変える方法も教えてくださると嬉しいです。1月1日~3日だけ変えるなど。イルカ差し上げます。
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。
August 28, 2013 Jul 24, 2018 jqueryでyes/noチャートを作る方法をご紹介する。 そもそもこのチャートの呼び名が一般的かは不明だが 「はい いいえチャート」とも呼ばれているようだ。 サンプルデモは複数の答えを想定しているため厳密にはyes/noチャートではないのだが、構造は同じ。 やりたい事は、扱うサービスや商品が多い場合に、 「ユーザに質問に直感的に答えていただき、適合するサービスへと誘導する。」 といった感じ。ノンプログラマーのためかなり強引なコードかも知れないが やりたいことが実現できたので紹介していこうと思う。 解説がいまいち分かりづらいのでまずはデモをご覧あれ。 See the Pen XBRZvd by ez-sparrow (@ez-sparrow) on CodePen. 大まかな流れ 質問と質問に対する答え(選択肢)をdivで囲う。 全
エラー・デバッグから学ぶJavaScript / jQuery入門/西畑 一馬(まぼろし) | CSS Nite back2basic 2014 セミナー概要 すでにWeb制作では必須のツールである「jQuery」。勉強を始めてみたけれどつまづいてしまって先に進めない。。。という方も多いかもしれません。使いこなせば非常に便利な「jQuery」、そんなところでつまづいてしまってはもったいないです。 本セミナーでは、jQuery の基本と同時に書籍などでは学びにくいデバッグ方法について学んでいただきます。 セ ミナーの前半部分はjQueryの基本的な使い方をセミナー形式で学んでいただき、後半ではワークショップ形式でGoogle ChromeのJavaScriptコンソールを利用しエラーがでているjQueryのコードをどのようにデバッグを行ったらよいかを学んでいただきま す。 デバッグ方法を知っ
デモページ:3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML mainはコンテナで、各パネルはse
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。 このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas(Canvasがサポートされていれば)を使っています。 ダウンロード Release Date Size (byte) Download
【javascript】webページに画像をランダムに(重複しないように、あとそれぞれにリンクもつけて)表示させたいです。 http://q.hatena.ne.jp/1128584079 上記のページは非常に解り易く解説されているんですが、これですと「画像とリンクを繰り返し吐き出す」形になってしまい、画像それぞれをページ内の任意の場所に指定できません。 それぞれ違った画像をランダムに、なおかつページ内に分散して配置したいのですが、どのように改造したら良いでしょうか?詳しい解説をお願いします。上記リンク先のように、サンプルコードを示して頂けると大変助かります。
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から 1.基本的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く