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

【Design】ハロウィンのポスター用テンプレート［10 Awesome Halloween Posters］テキストを編集するだけで印刷OK！ ハロウィンのポスター用の無料テンプレート素材［10 Awesome Halloween Posters］を紹介します。 クオリティの高いA5サイズの「.ai」および「.eps」ファイルが梱包されており、テキスト部分を編集するだけで印刷に適し... 【Design】ハロウィンのポスター用テンプレート［10 Awesome Halloween Posters］テキストを編集するだけで印刷OK！続きを読む →

ハロウィンのキャラクターが揃った無料アイコン［Halloween Characters］が可愛い！ 全20種類のハロウィンのキャラクターが揃ったアイコンセット［Halloween Characters］が可愛い！ 主役のカボチャのオバケ「ジャック・オ・ランタン」をはじめ、映画『エルム街の悪夢』に登場する「フレディ」、吸血鬼の「ドラキュラ伯... ハロウィンのキャラクターが揃った無料アイコン［Halloween Characters］が可愛い！続きを読む →

【ADS】山形県産米非公認アイドル「私たち新米としてデビューします！」※RiCes 山形県産の3種類のお米を擬人化したアイドルグループ［※RiCes］がデビューするようです。 「※RiCes」と書いて「リセス」と発音するみたいですね。 山形県産米非公認アイドル ※RiCes：http://rices.biz 山形県産のお米... 【ADS】山形県産米非公認アイドル「私たち新米としてデビューします！」※RiCes続きを読む →

【2015年版】ウェブ制作会社の社長が作業環境を晒します。 つい先日（10月13日）オンラインのアップルストアに［21.5インチ iMac Retina 4Kディスプレイモデル］がお目見えしました。 【Apple】とうとうキタ！「21.5インチ iMac Retina 4Kディスプレイモデル」が販売... 【2015年版】ウェブ制作会社の社長が作業環境を晒します。続きを読む →

【jQuery】斬新な動きのスライドショーが魅力の［Fullscreen Slit Slider］の使い方 今日は大胆な動きのスライドショーが魅力のjQueryプラグイン［Fullscreen Slit Slider］を紹介します。 まずは実際に［Fullscreen Slit Slider］を使ったサンプルをご覧ください。 実装サンプル：ONZ... 【jQuery】斬新な動きのスライドショーが魅力の［Fullscreen Slit Slider］の使い方続きを読む →

【Icon】ブラックユーモア満載の過激なアイコンセット［Nasty Icons］が面白い。 かなり過激なアイコンセット［Nasty Icons］が無料で提供されています。 オフィシャルサイトに掲載されている上記のGIF画像を見るとおり、ブラックユーモア満載のダークなデザインが面白いですね。 「手に負えない」や「卑猥」といった意味の... 【Icon】ブラックユーモア満載の過激なアイコンセット［Nasty Icons］が面白い。続きを読む →

【WordPress】指定した文字列をエンティティ化してくれる「antispambot();」関数の使い方。 WordPressにはたくさんの便利な関数が最初から用意されています。 今日はその中の１つ「antispambot();」を紹介します。 この関数は指定した文字列をエンティティ化（難読化）してくれるもので、具体的にはメールアドレスをスパムボ... 【WordPress】指定した文字列をエンティティ化してくれる「antispambot();」関数の使い方。続きを読む →

【ADS】オーストラリアの［アデレード動物園］のハロウィン企画の広告 オーストラリアの［アデレード動物園］がハロウィン企画のために用意した広告が秀逸だったので紹介します。 ライオン オランウータン ミーアキャット 可愛らしい動物たちが見せた一瞬の表情を巧く切り取って利用していますね。 大変シンプルですが、写真... 【ADS】オーストラリアの［アデレード動物園］のハロウィン企画の広告続きを読む →

【Google Chrome】拡張機能「Full Page Screen Capture」でウェブサイト全体のスクリーンショットを撮影する。 ウェブデザイナーの方に特に多いニーズの１つが「ウェブサイト全体のスクリーンショットを撮影」することです。 ウェブサイトの一部や既にウィンドウに表示されている部分ならば、比較的簡単にキャプチャーすることができます。 しかしそれが「ウェブページ... 【Google Chrome】拡張機能「Full Page Screen Capture」でウェブサイト全体のスクリーンショットを撮影する。続きを読む →

高品質インフォグラフィック・テンプレート［Free Infographic Brochure Template］が無料です。 無料で提供されているインフォグラフィック用テンプレート素材［Free Infographic Brochure Template］を紹介します。 Free Infographic Brochure Template こちらのURLより、ブル... 高品質インフォグラフィック・テンプレート［Free Infographic Brochure Template］が無料です。続きを読む →

【Font】日本人ならゲシュタルト崩壊必至のフォント［Electroharmonix］が話題になっています。 Twitter界隈を中心に「日本人だけが読めないフォント」が話題になっています。 問題の画像は以下。 日本人の皆さん、コレ、読めますか？ んんん……？ これはカタカナ……？ 読めそうなのに、読めない……？ パッと見はカタカナのような得体の知... 【Font】日本人ならゲシュタルト崩壊必至のフォント［Electroharmonix］が話題になっています。続きを読む →

【jQuery】超簡単にカウントダウン・タイマーを設置できる［Simple.Timer］の使い方 必要なファイルを読み込んでおいて、簡単なjQueryとHTMLを記述するだけで、ウェブページにカウントダウン・タイマーを設置できるスクリプトを紹介します。 実装したサンプルは以下URLからご覧になれます。 実装サンプル：https://on... 【jQuery】超簡単にカウントダウン・タイマーを設置できる［Simple.Timer］の使い方続きを読む →

【jQuery】ポリゴン状の背景を描画する［Geometryangle］の使い方 斬新なポリゴン・スタイルの背景を描画する jQuery プラグイン［Geometryangle］を紹介します。 まずはサンプルをご覧ください。 ［Geometryangle］：実装サンプル 指定したボックス要素全体に幾何学的な模様を描画し、... 【jQuery】ポリゴン状の背景を描画する［Geometryangle］の使い方続きを読む →

【WordPress】管理画面の「投稿一覧」と「固定ページ一覧」の最大表示数を変更する方法。 通常WordPressの管理画面で表示される「投稿一覧」と「固定ページ一覧」は、どちらも1ページあたり20件になっています。 もともとページ数や投稿数が少ないサイトならばこの仕様で何も問題ありませんが、ブログの記事が多くなってきたり、大規模... 【WordPress】管理画面の「投稿一覧」と「固定ページ一覧」の最大表示数を変更する方法。続きを読む →

2015年度ブランド価値ランキング TOP11位のウェブサイト・デザイン 先日［Interbrand］が2015年度版の「ブランド価値ランキング」を発表しました。 Rankings - 2015 - Best Global Brands - Best Brands - Interbrand まったく例外なく、誰も... 2015年度ブランド価値ランキング TOP11位のウェブサイト・デザイン続きを読む →

【Mac】余計なWi-Fiに接続しないようにプロファイルを削除する 出先でMacBookを使って作業している最中に、意図せずフリーのWi-Fiに接続してしまうことがあります。 これ、ポップアップ・ウィンドウが表示されたりしてスゴく邪魔なんですよね。 今日はそんな余計なWi-Fiに接続してしまう前に、あらかじ... 【Mac】余計なWi-Fiに接続しないようにプロファイルを削除する続きを読む →

【ADS】ミロのヴィーナスは楽器を演奏していた？ リトアニア交響楽団が今季のコンサート告知のために制作した広告が面白かったので紹介します。 古代ギリシアでの彫刻「ミロのヴィーナス」が、失われた両腕で楽器を演奏するイメージになっています。 最初はフルートを持っています。 続いての画像ではトラ... 【ADS】ミロのヴィーナスは楽器を演奏していた？続きを読む →

【ADS】我々の使命はアナタのパンツを上げておくことだ。 フィンランドでベルトを扱うメーカー［EBELT］のキャンペーン広告が面白かったので紹介していきます。 Our mission is to keep your pants up. Mission.1 : Construction Missio... 【ADS】我々の使命はアナタのパンツを上げておくことだ。続きを読む →

【ADS】「色」はアナタの想像以上に強力だ。ペンキや塗装技術を扱う［Hempel］の広告。 「色」が持つチカラを紹介しつつ、同社のPRに繋げた［Hempel］の素晴らしいキャンペーン広告を紹介します。 それぞれ真っ白な舞台を背景に、人型のカラフルなペンキ（？）が戦うシチュエーションになっています。 最初の舞台はキッチン。 オレンジ... 【ADS】「色」はアナタの想像以上に強力だ。ペンキや塗装技術を扱う［Hempel］の広告。続きを読む →

【ADS】シンガポールで展開している［Twitter］の広告が面白い。 あの［Twitter］がシンガポールで展開している広告が面白かったので紹介します。 なお各画像はクリックすると拡大してご覧になれます。 The Birth Of The Royal Baby. こちらは2013年。イギリス王室のウィリアム王... 【ADS】シンガポールで展開している［Twitter］の広告が面白い。続きを読む →

【ADS】2015年カンヌ・ライオンズで2部門を受賞したユニセフの広告 スマートフォンやタブレット端末などが普及し、それと比例して若年層の間でもSNSやメッセージアプリが大流行しています。 特にいま日本の若者たちの間で話題になっているのは「LINE」「Twitter」「Instagram」「Vine」などでしょ... 【ADS】2015年カンヌ・ライオンズで2部門を受賞したユニセフの広告続きを読む →

【ADS】シカゴにオープンするレストラン［Latinicity］のブランド・アートポスターが素敵。 今秋、アメリカのシカゴにオープン予定のレストラン［Latinicity］のブランド・アートポスターが素敵だったので紹介します。 The Flavors of Latin America Arrive Soon. Unique Latin S... 【ADS】シカゴにオープンするレストラン［Latinicity］のブランド・アートポスターが素敵。続きを読む →

「Safari 9」から利用できるようになった神機能「レスポンシブ・デザイン・モード」を試してみよう。 先日 Mac の新しいオペレーティングシステム［OS X El Capitan］が公開されました。 もうアップデートされましたか？ この新しいOSに搭載されている最新版のブラウザ「Safari 9」の開発メニューで、新機能の「レスポンシブ・... 「Safari 9」から利用できるようになった神機能「レスポンシブ・デザイン・モード」を試してみよう。続きを読む →

【CSS3】要素を横並びに配置する［display:table;］と［display:table-cell］の使い方。 複数の要素を横並びで表示させたい場合、これまでは display:inline; か float を使うか、あるいは <table> 要素で組むか、そのいずれかの方法を利用するのが一般的でした。 それが CSS3 からは dis... 【CSS3】要素を横並びに配置する［display:table;］と［display:table-cell］の使い方。続きを読む →