デザイン

ロゴデザイン

ココナラのアイコン作成「男前アイコン」で好印象をゲットできるのか

Twitterとブログの吹き出し用にアイコン作成を初依頼してみました。Lineにアイコンを使う人も多いのだそう。 アイコン作成をしようと思った理由 有名ブロガー クロネさんのこの発言。 クロネさんは、擬人アイコンによって成...
ロゴデザイン

5分で上手に作れる!WordPressヘッダー画像の作り方

今回、canvaという画像編集の神ツールを使って5分以内にヘッダー画像を作る技を発見したのでご紹介します。デザインにこだわる必要はありません。 文字ではなく画像にするのが今回の目的です。 この機会に5分ヘ...
レイアウト(HTML/CSS)

2カラム デザイン(レスポンシブ対応)HTML/CSS 記事一覧に

画像+タイトル 横レイアウト 本文中に記事一覧をキレイに表示するときに使います。他にも商品一覧に使用してもいいですね。 枠付きデザイン見本 スマホではみ出さないテーブル・表を作成するHTML/CSS オシ...
レイアウト(HTML/CSS)

オシャレで可愛いテーブルデザイン【 HTML / CSS 】

女性向けのサイトであれば「もう少しオシャレで可愛い表を使いたい!」っていうこともあると思います。そんなときに使えるテーブルHTML/CSSを全部で7種類作りました。2ページ目もあるのでどうぞ最後までお付き合いください。 コピペですぐに...
レイアウト(HTML/CSS)

スマホではみ出さないテーブル・表を作成するHTML/CSS

今回は、TablePressプラグインを使わずに編集プラグイン TinyMCE Advanced だけでスマホでもキレイに見えるテーブル・表を作ります。 TinyMCE Advancedをインストールしていない方はテーブルのテンプレー...
レイアウト(HTML/CSS)

【HTML/CSS】 和のテーブルデザイン Japanese Table Design

日本の美しい伝統色を紹介されている「伝統色のいろは(-Traditional colors of Japan-)」さんの日本の色を使ってテーブルのCSSデザインを作ってみました。 伝統色のいろはさんでは時代ごとに色の説明が解説されています。色の説明を見ているとなんだか昔の日本の生活の様子はどうな感じだったろうかと思いを馳せて気持ちがほっこりとしました。
レイアウト(HTML/CSS)

商品比較テーブル テンプレートHTML/CSS

レスポンシブテーブルデザインのHTML / CSS のテンプレート置き場。ご自由にお使いください。 WordpressのTinyMCE Advancedでレスポンシブテーブルを作っても列が多すぎると画面からはみ出てしまいます。今回作っ...