デザイナーのタネあかし

最新ブラウザで利用できるCSS3 flexbox を利用した、ナビゲーションメニューのサンプルを作成しました。 ・メニューは均等配置になります。 ・リンクテキストが複数行になっても、要素の縦方向センター揃えになるようになっています。 Flexbox ナビゲ....続きを読む

WordPressにはSNSボタンを簡単に設置できる優秀なプラグインがたくさんありますが、デザインなど含めて、独自に設置しないといけない場合もありますよね。 そこで今回は Twitter，Facebook，Line の各シェアボタンの設置方法をご紹介します。 2017/02/0....続きを読む

標準のフォントでは WEBの文章での「」や『』など約物の空きが気になります。 それを解消できる約物半角専用のWebフォント、Yaku Han JP  をご紹介します。 約物半角専用のWebフォント、Yaku Han JP デザイナーの Qrac（クラク）さんが Noto Sans Jap....続きを読む

Bootstrapを利用した、レスポンシブHTML5テンプレートを用意しました。 まずは、ヘッダー、ナビ、フッターなど大枠のフレームのみのシンプルバージョンです。 随時アップデートしていきますので、ぜひご活用ください。 HTML5テンプレート（左右２カラ....続きを読む

新規サイトや既存サイトをWordPress化する時、オリジナルテーマを作成するためのベースになるスターターテーマが多数公開されています。今回は、よく利用されているUNDERSCORES （ _S ）をご紹介します。 WordPressのオリジナルテーマを作成するためのス....続きを読む

<table>テーブルタグのサンプルコードです。HTMLコーディングする際のベースとしてご活用ください。 サンプルコード サンプルの表示イメージです。 HTML <table class="fgr-table"> <thead> <tr> <th col....続きを読む

高画質の写真素材、ベクター、イラストレーションなど400000 以上のアイテムを無料で提供しているサイト『Pixabay』をご紹介します。 Pixabay このサイトに公開さている写真、ベクター、イラストレーションなどのアイテムは、デジタル媒体であっても印....続きを読む