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

地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？ ウェブサイトに「Google Maps」を埋め込んでいる方は、今すぐブラウザでエラーコンソールが発生していないか確認してください。 下記のようなエラーメッセージが出力されていませんか？ Google Maps API warning: Se... 地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？続きを読む →

【ADS】メキシコの美容メーカー［CANIPEC］がヘア・コンディショナーを宣伝しています。 最近、週末は世界各地の面白い広告を集めてくる【ADS】シリーズを紹介しています。 今日はメキシコの美容メーカー［CANIPEC］の、ヘア・コンディショナーを宣伝するキャンペーンをピックアップします。 Brooms have never be... 【ADS】メキシコの美容メーカー［CANIPEC］がヘア・コンディショナーを宣伝しています。続きを読む →

【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。 今日は、誰でも無料で利用できる Google Fonts の中から、オススメのサンセリフ体のフォントを11個まとめて紹介します。 サンセリフ（仏: Sans-Serif）とは、セリフのない書体の総称である。セリフとは、文字の線の端につけられ... 【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。続きを読む →

【用語集】初心者のための Google AdSense 用語解説 最近オンズのブログも業界で注目されつつあるようで、いくつかの有名なサイトでご紹介いただき、アクセス数が急激に伸びてきました。 具体的な数字の公開は控えますが、そろそろ月間30万PVに手が届きそうです。 おかげさまでアドセンスからの収益も増え... 【用語集】初心者のための Google AdSense 用語解説続きを読む →

【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方 今日は超簡単にポップアップ・ウィンドウを実装できる［Remodal］を紹介します。 まずは下記リンク先より、実際の挙動をご確認ください。 オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/... 【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方続きを読む →

【Web Design】カッコいい！「黒」×「ピンク」のウェブデザイン × 11選。 「黒」×「ピンク」ってオシャレな色の定番の組み合わせのはずなのに、過激な印象が先行してしまうためか、ウェブデザインに限定して探してみると意外に人気がなく、採用しているサイトが少ないんです。 特に性的なイメージを喚起させる側面があるためか、企... 【Web Design】カッコいい！「黒」×「ピンク」のウェブデザイン × 11選。続きを読む →

【CSS3】jQuery無しで動く［Pure CSS Modal Popup］の実装方法 通常「モーダル・ポップアップ」はjQueryを利用して実装するケースが多いかと思いますが、今回紹介する［Pure CSS Modal Popup］は、その名のとおりスタイルシートの設定だけで実装できる便利なテクニックです。 まずは下記URL... 【CSS3】jQuery無しで動く［Pure CSS Modal Popup］の実装方法続きを読む →

【ADS】メキシコのビール［Victoria］が禍々しい広告を展開しています。 国内外を問わず、世界中の面白い広告デザインを紹介するADSシリーズ。 今回はメキシコのビール［Victoria］が制作した禍々しい広告を見つけてきました。 日本ではまったく馴染みのない衣装を身にまとい、ド派手メイクを施していますが、これらは... 【ADS】メキシコのビール［Victoria］が禍々しい広告を展開しています。続きを読む →

ウェブブラウザ iOS 版の［Firefox］が登場したので早速ダウンロードしてみた。 ついにiOSでも［Firefox］が使えるようになりましたね。 Mozilla : Firefox for iOS 早速ダウンロードして使ってみたのでスクリーンショットを紹介します。 ［Firefox for iOS］を App Store... ウェブブラウザ iOS 版の［Firefox］が登場したので早速ダウンロードしてみた。続きを読む →

【WordPress】プラグイン［Table of Contents Plus］をカスタマイズ！ ワードプレスの超有名プラグイン［Table of Contents Plus］は、記事の目次を自動で生成してくれるので読者に優しく、またSEOにも効果があるとの情報が氾濫していることもあり多くのブロガーの方たちが支持しています。 最近ではオ... 【WordPress】プラグイン［Table of Contents Plus］をカスタマイズ！続きを読む →

【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する［particles.js］の使い方。 以前［Geometryangle］と［Particleground］という２つのjQueryプラグインを紹介しましたが、今日ピックアップする［particles.js］も同じような機能で、ウェブページの背景に幾何学模様を描画することができま... 【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する［particles.js］の使い方。続きを読む →

【jQuery】気持ちいいアニメーションで切り替わるタブ・プラグイン［TabTab.js］の使い方 タブ・メニューを実装する際の選択肢の１つとして、気持ちいいアニメーションで切り替わる［TabTab.js］をお勧めします。 メニュー部分をクリックするとクルッと回転するようなエフェクトでコンテンツ部分が切り替わっていきます。 文章の説明だけ... 【jQuery】気持ちいいアニメーションで切り替わるタブ・プラグイン［TabTab.js］の使い方続きを読む →

【WordPress】プラグイン［Welcart］を利用時に読み込まれるCSS「usces_cart.css」を無効化する方法 ワードプレスで構築したサイトにショッピングカートを設置したいとき、プラグイン［Welcart］は非常に便利な解決策の１つです。 国産のプラグインなので完璧に日本語に対応。カスタマイズの自由度も高く、簡単にECサイト化できます。 Welcar... 【WordPress】プラグイン［Welcart］を利用時に読み込まれるCSS「usces_cart.css」を無効化する方法続きを読む →

【ADS】映画［スターウォーズ／フォースの覚醒］各キャラクターのポスターが解禁！ 今冬、2015年12月18日に全世界で映画［STAR WARS］シリーズの最新作『フォースの覚醒』が一斉公開されます。 それに先駆けて、主要な登場人物のポスターが解禁になっていました。 シリーズ初登場のキャラクター『フィン』は今作の主役のよ... 【ADS】映画［スターウォーズ／フォースの覚醒］各キャラクターのポスターが解禁！続きを読む →

【SEO】まだキーワード設定で消耗してるの？ 有名な煽りタイトルをリスペクト。オンズの 原はら 一勢いっせい です。今日もヨロシクお願いします。 最近WordPressの投稿内で<ruby>タグを挿入できるようにカスタマイズしたので無駄に使いまくっています。 参考：【Wor... 【SEO】まだキーワード設定で消耗してるの？続きを読む →

【WordPress】プラグイン［Crazy Bone］にXSS脆弱性が発見されたので使用を止めましょう。 ワードプレスへのログイン履歴を保存するプラグイン「Crazy Bone」にXSSの脆弱性が存在するようです。 既にプラグインの公式ディレクトリからも削除されています。 今後はメンテナンスを行う予定も無いとのこと。 現在［Crazy Bone... 【WordPress】プラグイン［Crazy Bone］にXSS脆弱性が発見されたので使用を止めましょう。続きを読む →

【jQuery】壮大な宇宙をウェブページの背景に描く［Starfield］の使い方。 以前CSSベースのオリジナル・デザインで［DarkForce.css］というテクニックを紹介しました。 宇宙空間をワープするようなダイナミックな動きで、完全にスタイルシートのみで実装できる点がウケて多くの方にダウンロードいただけました。 今... 【jQuery】壮大な宇宙をウェブページの背景に描く［Starfield］の使い方。続きを読む →

【CSS】ブラウザの限界を突破した極小サイズの文字を表示させてみた。 ウェブサイトのフォントサイズはどこまで小さくできるのか？ 今日は、そんな素朴な疑問に挑戦します。 スタイルシートで指定できるフォントサイズの限界 通常、CSSではフォントサイズを指定する際に font-size:12px; などと記述します... 【CSS】ブラウザの限界を突破した極小サイズの文字を表示させてみた。続きを読む →

【WordPress】投稿で「ruby」「rt」「rp」各タグを使えるようにする方法。 どういうことでしょう。 コレ、さっき気づきました。 WordPressのデフォルトの仕様では、投稿および固定ページの編集時に <ruby>、<rt>、<rp> 各タグが使えないんですね。 編集画面で&lt... 【WordPress】投稿で「ruby」「rt」「rp」各タグを使えるようにする方法。続きを読む →

初心者がゼロから月間10万PVを達成するブログ運営11の秘訣。 今日は初心者ブロガーがサイトを運営して月間10万PVを目指す際のガイドラインとなるようなSEO絡みのノウハウを紹介します。 「既にサイトを運営しているけれど、なかなか成果が上がらない、アクセスが増えない」というお悩みをお持ちの方に向けて、有... 初心者がゼロから月間10万PVを達成するブログ運営11の秘訣。続きを読む →

【WordPress】メディア・アップローダーをSVG画像に対応させる方法。 ワードプレスの［メディア・アップローダー］は基本的にSVG画像には対応していません。 管理画面の「メディアを追加」から無理矢理ファイルをアップロードしようとしても「このファイルタイプはセキュリティの観点から許可されていません。」というエラー... 【WordPress】メディア・アップローダーをSVG画像に対応させる方法。続きを読む →

SONYの『開発18か条』が心に響いた。 ネットサーフィン中に偶然見つけた SONY の『開発18か条』が素晴らしかったのでシェアします。 第1条：客の欲しがっているものではなく客のためになるものをつくれ。 第2条：客の目線ではなく自分の目線でモノをつくれ。 第3条：サイズやコスト... SONYの『開発18か条』が心に響いた。続きを読む →

【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］が可愛い！続きを読む →