意外と今っぽくなる、CSSやjQueryで実現するエフェクトまとめ
作成：2016/02/8 更新：2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール（SegmentedControl）。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti
スマホサイトで使える！横から出てくるメニューの作成方法【sidr】 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
スマホサイトで使える！横から出てくるメニューの作成方法【sidr】 2015.11.02 2018.09.27 レスポンシブWebデザイン スマートフォン時に横から出てくるメニューを設置する方法 はじめに 今回はスマートフォンでの表示時に横から出てくるメニューの設置方法についてご説明します。 以下のデモサイトを667px以下のブラウザサイズでご覧いただきます。 デモサイト このように「ニョキ」っと出てくるメニューです。 目次 １．使用するツール ２．導入方法 ３．既にid等を決めている場合 １．使用するツール 今回は「sidr（シドル）」というツールを使用します。 ⅰ）ダウンロード sidrはjQueryのプラグインとして提供されています。上記公式サイトから必要なファイルをダウンロードしましょう。 “Dounload”をクリックします。 ⅱ）設置 「sidr-package」内にあるjsフ
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 少しのコードで実装可能な 20 の jQuery 小技集 目次Div 全体をクリックできるようにするテーブルの偶数・奇数の行の色を変えるフォームにテキストを入れておき、フォーカスで消す（文字色も変更）ラジオボタンとチェックボックスを装飾するスライドパネルアコーディオンツールチップ言語によってスタイルを変更横並びの div の高さ揃えるボックスを上下左右中央に配置するそれでは実際にどんな
Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.js - かちびと.net
Webページのタイトルに未読数等を動的に追加表示する軽量スクリプト・TitleNotifier.jsのご紹介。メールやSNSサイトでよく見るやつですね。良さそうだったので備忘録として。 Webページのタイトルに動的に数値を加えるスクリプトです。同時にブラウザのタブも変更されます。非依存型で軽量、というのが売りみたいですね。 SNSやメールサービス等で見かけるやつ。同じ類のスクリプトも存在しますが、こちらは非依存型で3KB程度と軽量なので覚えておいて損はなさそう。 <script src="title_notifier.js"></script> スクリプトを読み込みます。 titlenotifier.set(5); 数値は上記のようにセットします。 titlenotifier.add(); 数値を増やす場合は上記の関数を呼び出します。 その他、詳細は以下にて。ライセンスはGPLとの事です。
REDLINE MAGAZINE | CSS3アニメーションが簡単に追加できる CSS3 Animate It 試してみた
メニューをスキップして本文へ 旧ブログナビ (open/close)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
