カテゴリー "開発ブログ" 628件の記事
-
![コレ知ってた？ IE10以降は条件付きコメント「<!-- [if IE] -->〜<![endif]-->」が効きません。](https://on-ze.com/wordpress/wp-content/themes/onze-2019-prev-2/inc/timthumb.php?src=https://on-ze.com/wordpress/wp-content/themes/onze-2019-prev-2/images/thumbnail.png&w=600&h=300&q=100)
コレ知ってた？ IE10以降は条件付きコメント「<!-- [if IE] -->〜<![endif]-->」が効きません。 とあるJavaScriptのライブラリを実装したところ、IE11でエラーが発生したので、問題解決のために「Polyfill.io」を使うことにしました。 Polyfill.io : https://polyfill.io/ IEのときだけ読み込みたかったので、以下のようなコードを記述。 <!--[if IE]&g... コレ知ってた？ IE10以降は条件付きコメント「<!-- [if IE] -->〜<![endif]-->」が効きません。続きを読む → -
【WordPress】PHPのバージョンアップに伴うエラーの解消 このサイトを見たクライアント様からワードプレスに関するエラー解消のご依頼をいただきました。 曰く「サイトの修正をしていた際に急にワードプレスにログインできなくなってしまった」とのこと。 一時的にワードプレスをデバックモードにして、試しにワードプレスの管理画面にアクセスしてみたところ、以下のようなエラーが出力されていまし... 【WordPress】PHPのバージョンアップに伴うエラーの解消続きを読む → -
JavaScriptが無効な環境でのスタイルシートの読み込み タイトルのとおり。 JavaScriptが無効なブラウザや、都合によりJavaScriptが使えない環境でのみ、特別にCSSを読み込みたいときの方法を紹介します。 解決策はとても簡単で、「noscript」タグを使います。 <head> ... <link rel="stylesheet&q... JavaScriptが無効な環境でのスタイルシートの読み込み続きを読む →
-
【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法 スマートフォンやタブレット端末で、デバイスを回転させて画面が縦横に切り替わったときに、イベントの判定処理を行う方法を紹介します。 回転イベント「orientationchange」を使う デバイスを回転させたときにイベントを発火させるには「orientationchange」を使います。 jQueryでの記述 $(wi... 【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法続きを読む →
-
【WordPress Plugin】プラグイン［Search Everything］使用時に、記事を公開するタイミングでエラーが出る問題。 WordPressのサイト内検索は、デフォルトのままだとカスタムタクソノミーの値が検索対象に含まれません。 この検索機能を拡張する便利なプラグインが［Search Everything］ですが、残念なことに、新規投稿の公開時にエラーが発生するバグが残っており、しかも製作者様も放置しているという事態になっています。 出力... 【WordPress Plugin】プラグイン［Search Everything］使用時に、記事を公開するタイミングでエラーが出る問題。続きを読む →
-
【Font】近未来っぽいフリーフォント［EVAA］がカッコいい！ 近未来の宇宙っぽい雰囲気の［EVAA］というフリーフォントを見つけてきました。 サンプルで掲載されている画像もカッコいいですね！ ダウンロードは下記、公式配布サイトからどうぞ。 FREE DOWNLOAD : EVAA FONT 【Font】近未来っぽいフリーフォント［EVAA］がカッコいい！続きを読む → -
【JavaScript】超軽量でカード型レイアウトを実装できる［Magic Grid］の使い方 今日こちらで紹介するJavaScriptのプラグイン［Magic Grid］は、高さの異なる複数のカード型レイアウトを実装する際に役立つライブラリです。 高さが揃っている複数のカードを配置するのであれば CSS Grid や Flexbox で簡単に実装できますが、高さが異なるカードをレンガ状に綺麗に配置するとなると、... 【JavaScript】超軽量でカード型レイアウトを実装できる［Magic Grid］の使い方続きを読む → -
IT導入支援事業者に採択されました。 株式会社オンズは、このたび経済産業省が行う「サービス等生産性向上 IT導入支援事業（通称：IT導入補助金制度）」のIT導入支援事業者に認定されました。 IT導入補助金は、中小企業・小規模事業者等の皆様が自社の課題やニーズに合ったITツール（ソフトウエア、サービス等）を導入する経費の一部を補助することで、皆様の業務効率化... IT導入支援事業者に採択されました。続きを読む →
-
URLの「www」の有無を統一してドメインを正規化する方法 ウェブサイトを公開したとき、多くの場合ドメインはデフォルトで以下のように、wwwのアリ・ナシ、どちらでもアクセスできてしまいます。 http://example.com http://www.example.com 一部のサーバーではwwwの有無を自動で正規化して統一してくれる場合もありますが、稀なケースなので、通常は... URLの「www」の有無を統一してドメインを正規化する方法続きを読む →
-
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ブラウザの「戻る」ボタンを押したとき。通称「ブラウザバック」と呼ばれる画面遷移が行われたときに、強制的にページを再読み込みさせる方法です。 window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } }... ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法続きを読む →
-
お知らせ 5月1日： オンズのウェブサイト制作、料金プランのページを用意しました。 オンズ料金表 : https://on-ze.com/price 2月20日： グローバルIPアドレスを簡単に確認できるページを用意しました。 ぜひご利用ください。 グローバルIPアドレス確認ツール : https://on-ze.com/too... お知らせ続きを読む →
-
【WordPress】ユーザーのプロフィール情報で改行を有効化する方法 通常、ワードプレスのユーザーのプロフィールをテンプレート内で出力する際には、次のようなコードを使用します。 <?php the_author_meta('description'); ?> ユーザーを指定する場合は引数内にユーザーIDを追記します。 <?php the_author_meta('des... 【WordPress】ユーザーのプロフィール情報で改行を有効化する方法続きを読む →
-
【jQuery】テキストにアニメーションを施す［textillate.js］の使い方 テキストにアニメーションを追加するjQueryプラグイン［textillate.js］の使い方を紹介します。 まずはサンプルをご覧ください。 textillate.js : http://textillate.js.org エフェクト部分は［animate.css］に依存しているため、アニメーションの種類が豊富に指定で... 【jQuery】テキストにアニメーションを施す［textillate.js］の使い方続きを読む → -
【jQuery + CSS】レスポンシブでヌルヌル動く［Expanding Column Layout］を使ってみました。 先日CODEPENで「何か使えるテクニックはないかな〜」とネットサーフィンしながらイロイロと物色していたところ、「Expanding Column Layout」というスタイルシートのテクニックを見つけました。 以前、本ブログで「CSS3 Flexbox Accordion」を紹介しましたが、その進化版といった感じです... 【jQuery + CSS】レスポンシブでヌルヌル動く［Expanding Column Layout］を使ってみました。続きを読む → -
【jQuery】指定したアニメーションでモーダルウィンドウが表示される［animatedModal.js］の使い方 指定した様々なアニメーションでモーダルウィンドウを表示するjQueryプラグイン［animatedModal.js］の使い方を紹介します。 まずはサンプルをどうぞ。 DEMO : https://on-ze.com/demo/jquery-animatedmodal.js/ ポップアップするモーダルウィンドウ部分は基本... 【jQuery】指定したアニメーションでモーダルウィンドウが表示される［animatedModal.js］の使い方続きを読む → -
【JavaScript】ツールチップを表示させる超軽量ライブラリ［Tippy.js］の使い方 今日ご紹介する［Tippy.js］は、jQueryやZeptoなど他のリソースに依存せずに、単体で簡単に使えるJavaScriptのライブラリです。 特定の要素にマウスカーソルを合わせると、シンプルなアニメーションと共にツールチップが表示されるようになります。 サンプルは以下より。 Tippy.js : https:/... 【JavaScript】ツールチップを表示させる超軽量ライブラリ［Tippy.js］の使い方続きを読む →