- 【JavaScript】ページをスクロールすると要素が動きながら表示される[SCROLL TRIGGER]の使い方 ページのスクロールに連動して様々なエフェクトで要素が表示されていくJavaScriptプラグイン[SCROLL TRIGGER]を紹介します。 実際に導入したサンプルは以下より。 SCROLL TRIGGER DEMO : https://… 【JavaScript】ページをスクロールすると要素が動きながら表示される[SCROLL TRIGGER]の使い方続きを読む →
- 【Responsive Google Maps】ウィンドウをリサイズしてもピンが中央からズレないようにする方法 ウィンドウ幅を変えても必ずピンが画面の中央に配置されるレスポンシブ対応の Google Maps の設置方法を紹介します。 以下のリンク先にサンプルを用意しています。 試しにウィンドウ幅を変えてみてください。 Responsive Goog… 【Responsive Google Maps】ウィンドウをリサイズしてもピンが中央からズレないようにする方法続きを読む →
- 【ADS】ドイツの行動的環境団体[ロビン・ウッド]のポスター広告 行動的環境団体として名を馳せているドイツのNGO組織[ロビン・ウッド]が、環境保護を訴えるポスターを展開しています。 こちらは手長猿。 続いては白熊。 最後は鹿。 以上3点。 タイトルは『Destroying nature is destr… 【ADS】ドイツの行動的環境団体[ロビン・ウッド]のポスター広告続きを読む →
- 【ADS】ダイナミックなデザインの[Turkish Cargo]の広告 トルコ航空カーゴのプリント広告が秀逸だったので紹介します。 Turkish Cargo : Peach Turkish Cargo : Pineapple Turkish Cargo : Fish Advertising Agency: H… 【ADS】ダイナミックなデザインの[Turkish Cargo]の広告続きを読む →
- 【JavaScript】リストやテーブルにフィルタリングや検索機能を追加できる[List.js]が超絶便利です。 先月、3月2日にリリースされた JavaScript プラグイン[List.js]を試用しました。 クオリティも高く、凄く便利ですね。 使いドコロの多いJavaScriptだと思うので、今日は本プラグインの具体的な導入方法を紹介していきます… 【JavaScript】リストやテーブルにフィルタリングや検索機能を追加できる[List.js]が超絶便利です。続きを読む →
- 【jQuery】ページのスクロール量をプログレスバーで視覚的に表示する[Scrolline.js]の使い方 ウェブサイトの上部にプログレスバーを設置して、スクロール量を視覚的に表示してくれるプラグイン[Scrolline.js]を紹介します。 まずはサンプルをどうぞ。 Scrolline.js : https://on-ze.com/demo/j… 【jQuery】ページのスクロール量をプログレスバーで視覚的に表示する[Scrolline.js]の使い方続きを読む →
- 【WordPress Plugins】指定したプラグインを一括インストールする[Multi Plugin Installer]の使い方 WordPressプラグインの一括インストールを可能にする[Multi Plugin Installer]がメチャクチャ便利です。 Multi Plugin Installer : https://ja.wordpress.org/plug… 【WordPress Plugins】指定したプラグインを一括インストールする[Multi Plugin Installer]の使い方続きを読む →
- 【WordPress】サイトアイコンを設定した際に自動でhead内に挿入されるタグを無効にするテクニック 最近のWordPressでは「サイトアイコン」や埋め込みコンテンツの「Embed」機能、「絵文字対応」など、様々な新しい要素が取り入れられています。 今日は、その『サイトアイコン』を設定した際に自動で <head>〜</h… 【WordPress】サイトアイコンを設定した際に自動でhead内に挿入されるタグを無効にするテクニック続きを読む →
- 【WordPress】長い文字列を省略して表示したいなら[wp_trim_words]が便利です。 例えば投稿した記事の抜粋文を表示させるとき。多くの場合 the_excerpt を使うかと思います。 似たようなケースで、長い文字列を指定した文字数で切り取って取得・表示することができる便利なWordPress関数[wp_trim_word… 【WordPress】長い文字列を省略して表示したいなら[wp_trim_words]が便利です。続きを読む →
- 【WordPress】パスワード保護された記事のタイトルから「保護中:」を削除する方法 ワードプレスで会員サイトを構築しているとき、投稿した記事に『パスワード保護』を設定することがありますね。 そんなとき、タイトルの先頭に自動で『保護中:』と挿入されますが、大抵いつもこの文字列が邪魔になります。 そこで、テーマファイルの『fu… 【WordPress】パスワード保護された記事のタイトルから「保護中:」を削除する方法続きを読む →
- 【ADS】PROGRESSIVE カッコいい広告を見つけたのでシェアします。 Crowned Queen of Combustion Princess of Pistons Sovereign of Speed http://progressive.com 【ADS】PROGRESSIVE カッコいい広告を見つけたのでシェアします。続きを読む →
- 【CSS3】背景画像を無限スクロールさせる[Infinite Scrolling Background]がカッコいいですよ。 背景画像を縦方向に無限スクロールさせる[Infinite Scrolling Background]を紹介します。 まずは実際に動いているサンプルをご覧ください。 Infinite Scrolling Background : https:… 【CSS3】背景画像を無限スクロールさせる[Infinite Scrolling Background]がカッコいいですよ。続きを読む →
- 【jQuery】背景色を複数のグラデーションで彩るプラグイン「Shards」の実装方法。 複数のパターンのグラデーションがレイヤー状に重なる背景を描画できる jQuery スクリプト「Shards」の使い方です。 まずはGitHubで公開されているプラグイン本体をダウンロードしてきましょう。 https://github.com… 【jQuery】背景色を複数のグラデーションで彩るプラグイン「Shards」の実装方法。続きを読む →
- 【英語】曜日と月の省略表記 英語で7曜と12か月を記述する際の省略表記です。 7曜 日本語 英語 英語で省略 月曜日 Monday Mon 火曜日 Tuesday Tue 水曜日 Wednesday Wed 木曜日 Thursday Thu 金曜日 Friday Fr… 【英語】曜日と月の省略表記続きを読む →
- 【ICON】全84種類のラインタイプのアイコンセット[Line Arrow Icons]が無料で配布されています。 細身のラインタイプのアイコンセット[Line Arrow Icons]を見つけてきました。 プレビュー画像をご覧のとおり「light」「dotted」「extra-light」の3パターンのデザインで、それぞれ28種類ずつ。計84種類のアイ… 【ICON】全84種類のラインタイプのアイコンセット[Line Arrow Icons]が無料で配布されています。続きを読む →
- 【JavaScript】スクロールに連動して要素を自由自在に表示させる[AOS]の使い方 ウィンドウをスクロールさせると要素がフェードインしながら表示されるスクリプト[AOS(Animate On Scroll Library)]の使い方を紹介します。 まずは試しに実装してみたサンプルをご覧ください。 DEMO : https:… 【JavaScript】スクロールに連動して要素を自由自在に表示させる[AOS]の使い方続きを読む →