- 【CSS3】文字の色を半分だけ変えるテクニック 画像を使用せずに CSS のテクニックだけで文字の色を半分だけ変える方法を紹介します。 言葉での説明が難しいので、まずはサンプルをご覧になっていただいたほうが早いでしょう。 CSS3 Black & White : https://… 【CSS3】文字の色を半分だけ変えるテクニック続きを読む →
- Google と Adobe の共同開発フォント『Noto Serif CJK – 源ノ明朝』が公開されました! 急なニュースでビックリしました! Google と Adobe の共同開発フォント『Noto Serif CJK – 源ノ明朝』が公開されましたね! 過去にGoogleとAdobe両企業が『Noto Sans CJK ̵… Google と Adobe の共同開発フォント『Noto Serif CJK – 源ノ明朝』が公開されました!続きを読む →
- 【CSS】スタイルシートだけで画像をモノクロにする方法 画像にマウスカーソルを合わせた際にモノクロとフルカラーを切り替えたいとき。 以前はモノクロとフルカラーの2種類の画像を用意しておく必要がありましたが、最新のCSS3では1つの画像だけで、スタイルシートに簡単なコードを記述するだけで事足ります… 【CSS】スタイルシートだけで画像をモノクロにする方法続きを読む →
- 【iPhone】このwebサイトから自動的に電話をかけることは禁止されています。 ウェブサイトの動作確認を iPhone を使って行なっていたところ、意図せず『このwebサイトから自動的に電話をかけることは禁止されています。』というポップアップが表示されました。 電話番号をクリックすると表示されるこのダイアログ。 HTM… 【iPhone】このwebサイトから自動的に電話をかけることは禁止されています。続きを読む →
- 【コピペ可能】半角カタカナ一覧 半角カタカナ 一覧 お手持ちのデバイスで半角カタカナの入力が難しい場合に、以下の表からコピー&ペーストしてご利用ください。 ア行 ア イ ウ エ オ ア行(拗音) ァ ィ ゥ ェ ォ カ行 カ キ ク ケ コ カ行(濁音) ガ ギ グ… 【コピペ可能】半角カタカナ一覧続きを読む →
- 【2016年度版】ウェブ制作会社の社長の作業環境を紹介します。 ちょうど1年ほど前に同名のタイトルの記事[ウェブ制作会社の社長が作業環境を晒します。]を公開しました。 その後事務所を移転し、周辺機器も買い替えて、いろんなモノが増えたり減ったりして。また先日 Apple が発表したばかりの【MacBook… 【2016年度版】ウェブ制作会社の社長の作業環境を紹介します。続きを読む →
- 【JavaScript】単体で使える超軽量スライダー[Siema]は初心者の方にオススメです。 初心者のウェブ制作者の方でも簡単に扱えるカルーセルスライダー[Siema]を紹介します。 まずは実装してみたサンプルをどうぞ。 Siema 実装サンプル:https://on-ze.com/demo/js-siema/ 動作も軽快でサクッと… 【JavaScript】単体で使える超軽量スライダー[Siema]は初心者の方にオススメです。続きを読む →
- 【WordPress】カスタム分類の項目一覧を表示させる方法 ワードプレスでカスタム投稿を利用する際に、その延長で同時に『カスタム・タクソノミー』を設定する機会が多々あるかと思います。 今回は、そのカスタム・タクソノミー(カスタム分類)の項目を一覧表示させる方法を紹介します。 リスト表示させる まずは… 【WordPress】カスタム分類の項目一覧を表示させる方法続きを読む →
- 【WordPress】管理画面の「プロフィール情報」でHTML入力を許可する方法 通常、ワードプレスのログインUSERのプロフィール情報を編集するとき、HTMLタグは入力不可能な状態になっていますが、これを可能にする方法を紹介します。 基本的には以下の1行のコードを[functions.php]に記述するだけ。 とても簡… 【WordPress】管理画面の「プロフィール情報」でHTML入力を許可する方法続きを読む →
- 【PHP】数字の表記を[number_format]で3桁のカンマ区切りにする。 例えばWordPressのカスタムフィールドで数字を入力した場合、単純に出力すると「12345678」というようにカンマ区切りがないまま表示されます。 特に価格などを扱う場合、このままの仕様だと大変不便です。 これを「12,345,678」… 【PHP】数字の表記を[number_format]で3桁のカンマ区切りにする。続きを読む →
- 【jQuery】自動でQRコードを生成する[jquery.qrcode.js]が便利だった! 本日ご紹介するのは自動でQRコードを出力するjQueryライブラリ[jquery.qrcode.js]です。 同じようにQRコードを出力する方法として、だいぶ以前に「Google Chart API を使用するテクニック」を紹介しましたが、… 【jQuery】自動でQRコードを生成する[jquery.qrcode.js]が便利だった!続きを読む →
- 【WordPress】自動挿入されるDNSプリフェッチ用コードを削除する方法 ご存知の方も多いかと思いますが、 WordPress のバージョン4.6以降から『DNSプリフェッチ』に対応して、外部ドメインの先行読み込みが実装されました。 この機能をサイトに付与するために、新たに <head> 〜 <… 【WordPress】自動挿入されるDNSプリフェッチ用コードを削除する方法続きを読む →
- アドビ社製PhotoshopとIllustratorのショートカットキーがPDFで公開されています。 こういうの待ってました! Adobe社製PhotoshopとIllustratorのショートカットキーのリストがPDFチートシートで公開されています。 表記はすべて日本語。MacとWindows両方に対応しています。 Illustrator… アドビ社製PhotoshopとIllustratorのショートカットキーがPDFで公開されています。続きを読む →
- 【ADS】桃ちゃん・金ちゃん・浦ちゃんが活躍するAUのCMを集めました。 俳優の松田翔太が「桃太郎」、桐谷健太が「浦島太郎」、濱田岳が「金太郎」、菅田将暉が「鬼」を演じているAUのCMシリーズ。 昨年度(2014年)には「CM好感度ランキング」で第1位を獲得するなど、大変な注目を集めています。 メインキャラクター… 【ADS】桃ちゃん・金ちゃん・浦ちゃんが活躍するAUのCMを集めました。続きを読む →
- 【WordPress】カスタム投稿タイプの一覧をドロップダウンメニューで表示する タイトルの通り。ワードプレスのカスタム投稿タイプの一覧をドロップダウンメニューで表示、各項目を選択するとそれぞれのページにリンクするさせる方法を紹介します。 <select name=”custompost-dropdown” onc… 【WordPress】カスタム投稿タイプの一覧をドロップダウンメニューで表示する続きを読む →
- 2016年度版。舞台[NARUTO-ナルト-]の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。 昨年(2015年度)も紹介した舞台【ライブ・スペクタクル[NARUTO-ナルト-]】が、今年も公演決定したようです。 それに伴ってキャラクターのビジュアルも公開されていますね! うずまきナルト@松岡広大 1997年8月9日東京都出身。 20… 2016年度版。舞台[NARUTO-ナルト-]の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。続きを読む →