株式会社オンズのブログ記事一覧

【jQuery】水面に滴る雨を再現した［Raindrops.js］でウェブページに癒しと冷涼感を。 夏ですね！ 例年以上の猛暑が続いている今日この頃。皆様いかがお過ごしでしょうか。 さて。今日は、こんな暑い夏に相応しい「冷涼感」を演出してくれるjQueryプラグインを紹介します。 ［Raindrops.js］と名付けられたこのプラグインは... 【jQuery】水面に滴る雨を再現した［Raindrops.js］でウェブページに癒しと冷涼感を。続きを読む →

【ADS】必要な時に必要な場所に。フランスの運送業者［GLS］の面白い広告 フランスで運送事業を営む［GLS］の広告キャンペーンが面白かったので紹介します。 こちらはカウボーイ。 絶体絶命のピンチですが、ノコギリが届けられています。 続いてはドラゴンに立ち向かう騎士。 彼には炎を掻き消すための消火器が届いています。... 【ADS】必要な時に必要な場所に。フランスの運送業者［GLS］の面白い広告続きを読む →

【WordPress】ダッシュボードに自作ウィジェットを表示させる方法。 これからワードプレスのプラグインを自作しようとしている製作者の方には必須のテクニックを紹介します。 管理画面のダッシュボードに、自作のウィジェットを表示させる方法です。 必要になる関数は「wp_add_dashboard_widget」と「... 【WordPress】ダッシュボードに自作ウィジェットを表示させる方法。続きを読む →

【ADS】モスクワに現存する建築物を使った［シューセフ建築博物館］の幻想的な広告キャンペーン。 モスクワにある州立シューセフ建築博物館［Schusev State Museum of Architecture］の広告キャンペーンが素敵だったので紹介します。 聖ワシリィ大聖堂 ボリショイ劇場 モスクワ大学 ロシアに現存する有名な建築物、... 【ADS】モスクワに現存する建築物を使った［シューセフ建築博物館］の幻想的な広告キャンペーン。続きを読む →

【WordPress】特殊文字が自動変換されるのを回避する方法。 WordPressの編集画面で、ある特定の文字列を記述すると自動で変換される機能が働きます。 今回はこの変換処理を無効化する方法を解説します。 自動変換の例 例えば文中にハイフン「-」を含む文字列があると、WordPressはその文字をエン... 【WordPress】特殊文字が自動変換されるのを回避する方法。続きを読む →

【FONT】フリーフォント［STELLAR］がイイ感じです。 先日、iTunes Storeで映画『インターステラー』をレンタルしました。 圧倒的でしたね。 壮大なスケールのストーリー、非の打ち所のない映像美。 間違いなく、最近の映画の中ではナンバーワンの超絶クオリティ。 影響され易い私は、観終わって... 【FONT】フリーフォント［STELLAR］がイイ感じです。続きを読む →

【WordPress】投稿記事を複数ページに分割する「記法」の使い方 WordPressで、1つの投稿記事を複数ページに分割する「<!--nextpage-->記法」の使い方を紹介します。 この機能は、投稿のテキスト量が多く、ページの縦サイズが長くなってしま... 【WordPress】投稿記事を複数ページに分割する「記法」の使い方続きを読む →

【WordPress】カスタム投稿タイプ使用時のカスタムタクソノミーを表示する方法。 WordPressで投稿記事のカテゴリー名を表示させたいとき、通常は the_category(); などのテンプレートタグを使えば簡単ですね しかしカスタム投稿タイプの場合はこのテンプレートタグ（the_category();）は使えませ... 【WordPress】カスタム投稿タイプ使用時のカスタムタクソノミーを表示する方法。続きを読む →

【ICON】デザイナーのMirko Monti氏が制作した［Simple line icons 2］もイイ感じ！ 昨日、フリーランス・デザイナーの「Mirko Monti」氏が制作した［Simple line icons］の記事を公開しましたが、今日はもう１つ、同氏が制作した［Simple line icons 2］を紹介します。 前回のアイコンと同様... 【ICON】デザイナーのMirko Monti氏が制作した［Simple line icons 2］もイイ感じ！続きを読む →

【ICON】デザイナーのMirko Monti氏が制作した［Simple line icons］がイイ感じ！ フリーランス・デザイナー「Mirko Monti」氏が制作した［Simple line icons］がイイ感じだったので紹介します。 プレビュー用の画像をご覧いただいたとおり、全100種以上のハイクオリティなアイコンがセットになっています。... 【ICON】デザイナーのMirko Monti氏が制作した［Simple line icons］がイイ感じ！続きを読む →

【ADS】リアルな動物たちがモチーフの［Tendall Grill］のクリエイティブな広告 ブラジル発のレストラン［Tendall Grill］の広告が秀逸だったので紹介します。 「豚」 「羊」 「鶏」 「牛」 リアルな動物がモチーフとなっており、初見では飲食店のコマーシャルだとは気づきません。 しかしそれぞれの写真のクオリティが... 【ADS】リアルな動物たちがモチーフの［Tendall Grill］のクリエイティブな広告続きを読む →

【ADS】東海工業専門学校の広告［Single Stroke Architecture］が素敵です。 東海工業専門学校のクリエイティブな広告を紹介します。 初めはフランスのモン・サン＝ミシェルです。 続いてはイタリアのピサの斜塔。 再びフランスに戻ってエトワール凱旋門。 最後はスペインのサグラダ・ファミリア大聖堂。 いずれの建築物も「一筆書... 【ADS】東海工業専門学校の広告［Single Stroke Architecture］が素敵です。続きを読む →

【Font】オープンソースのコーディング用フォント［Monoid］をお勧めします。 今日はオープンソースのフリーフォント［Monoid］を紹介します。 このフォントはコーディング用に開発されていて、プログラムのコードを書く際に間違いやすい「1、I、l」や「0、O」または「8、B」なども識別しやすいようにデザインされています... 【Font】オープンソースのコーディング用フォント［Monoid］をお勧めします。続きを読む →

【ADS】4WDのブランド「ジープ」のクリエイティブな広告。 クライスラー社の傘下となった4WD車のブランド「ジープ」がカナダで展開していたクリエイティブな広告を紹介します。 こちらのタイトルは「砂漠」と名付けられています。 こちらは「ジャングル」 最後は「山脈」です。 車のフロントガラスが額縁になっ... 【ADS】4WDのブランド「ジープ」のクリエイティブな広告。続きを読む →

【jQuery】ウィンドウの解像度を取得してRetinaディスプレイを判別する。 Retinaディスプレイに対応させる最適な方法を模索しているのですが、その過程で、jQueryを使ってRetinaディスプレイか否かを判別させようと閃きました。 調べてみると、ディスプレイの解像度を取得してくれる便利なメソッドが既に存在して... 【jQuery】ウィンドウの解像度を取得してRetinaディスプレイを判別する。続きを読む →

【jQuery】テキストをシャッフルさせるエフェクトを加えるプラグイン［chaffle］を紹介します。 今日紹介する［chaffle］は超簡単に実装できるjQueryプラグインで、テキストにマウスカーソルを当てると、文字をランダムにシャッフルして表示させることができます。 言葉の説明では難しいので、まずはサンプルをご覧ください。 ［chaff... 【jQuery】テキストをシャッフルさせるエフェクトを加えるプラグイン［chaffle］を紹介します。続きを読む →

【jQuery】様々な動作「.load」「.scroll」「.resize」を行ったときの処理をまとめて書く方法。 ウェブサイトを閲覧しているとき、jQuery側で様々な動作を感知・取得して、その動作に合わせた処理を行うことが多々あります。 例えば、「ページの読み込みが完了したとき」なら.load を使い、「スクロール操作したとき」なら.scrollを、... 【jQuery】様々な動作「.load」「.scroll」「.resize」を行ったときの処理をまとめて書く方法。続きを読む →

【WordPress】ゴミ箱の中身を自動的に削除する方法。 WordPressのデフォルトの設定では、投稿記事やコメントを「ゴミ箱」に入れると、その30日後に完全に削除される設定になっています。 この設定は管理画面等からは変更することができず、コアファイルの［wp-config.php］にコードを記... 【WordPress】ゴミ箱の中身を自動的に削除する方法。続きを読む →

【iOS】サイトを「ウェブアプリケーション・フルスクリーンモード」で表示させる方法。 早速ですが。まずは以下の画像を見比べてください。 デバイスは最新のiPhone6を使用。アプリはデフォルトの「Safari」で、左の画像は普通に表示させたもの。そして右側が、今回紹介する「ウェブアプリケーション・フルスクリーンモード」でサイ... 【iOS】サイトを「ウェブアプリケーション・フルスクリーンモード」で表示させる方法。続きを読む →

【WordPress】投稿時に「You don't have permission to access /home/wp-admin/post.php on this server.」というエラーが出たときの解決方法。 新規にインストールした WordPress で記事を投稿しようとしたところ、「You don't have permission to access /home/wp-admin/post.php on this server.」というエラ... 【WordPress】投稿時に「You don't have permission to access /home/wp-admin/post.php on this server.」というエラーが出たときの解決方法。続きを読む →

【ADS】空想上の動物を使った［Wonder World Fur］のクリエイティブな広告です。 ちょっと古い広告ですが、過去、フランスの［Wonder World Fur］というブランドが発信した面白い広告があったので紹介します。 以下、いずれも空想上の動物を使って不思議な雰囲気を醸し出しています。 こちらの動物は「Bamboseal... 【ADS】空想上の動物を使った［Wonder World Fur］のクリエイティブな広告です。続きを読む →

【ADS】「キャラにもインテル、入ってる！？」擬人化コンテストが開催されています。 インテルがウェブ上で、同社製品が組み込まれた各メーカーのPCやタブレット端末の擬人化コンテスト「キャラにもインテル、入ってる！？擬人化コンテスト」を開催しています。 今回エントリーされているのは以下５つの端末。 ASUS TransBook... 【ADS】「キャラにもインテル、入ってる！？」擬人化コンテストが開催されています。続きを読む →

【ADS】必要な時に使い果たしている？［ecofill］のクリエイティブな広告 印刷用のインクを扱う「ecofill」のクリエイティヴな広告を紹介します。 Don't Let Cyan Run Out When You Need It The Most Don't Let Magenta Run Out When Yo... 【ADS】必要な時に使い果たしている？［ecofill］のクリエイティブな広告続きを読む →

［Jetpack］と［WordPress.com］の連携ができないときに疑うこと。 WordPressでサイトを構築しているなら、必ず導入したいプラグインの筆頭に挙げられるのが「Jetpack」ですよね。 Jetpack : https://jetpack.com/ その「Jetpack」ですが、特に便利な「サイト統計情報... ［Jetpack］と［WordPress.com］の連携ができないときに疑うこと。続きを読む →