CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！ こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！ 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
あなたが作ったサイトのフッターの役割は？12のフッター活用方法！
昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか！」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか？ ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか？ スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ
HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】
自分の知識の確認の意味を込めて、去年の11月にHTML5用の簡単なテンプレートを作成しました(もともとはCSS Animationの確認のために作った物です)。 もし気に入っていただけたらダウンロードして使っていただけたら幸いです。特に変わった仕様も無く、シンプルで単純なものだったので、多少でも見栄えを良くしようと、先日カスタマイズしておきました。 カスタマイズといっても、jQueryやアイコン・画像・少しのコードを追加しただけなので、そんなに期待しないでね！ちなみにブログ用にカスタマイズしてあります。 あとこのテンプレートの名前は【SimpleBlack】です(名前なんてどうでもいいですよね)！ 今回利用したjQueryなど jQuery Slider2 すごくシンプルで、軽量なスライダーです。あまりにシンプルだったので、本当に動くのか心配だったんですが、きちんと動いてくれました！このテ
誹謗・中傷・反論・批判が飛び交うインターネットの世界
現実の世界もそうですが、インターネットの世界でも、毎日どこかで非難の矛先となり苦しんでいる人がいます。 非難の矛先となってしまった人たちの中には、激しく傷つき、立ち直れず、ひどい精神状態に追いやられてしまった人も沢山います。 でもなぜ、インターネットの世界では、現実の世界以上に誹謗・中傷・反論・批判が飛び交うのでしょうか？ 匿名性が問題なのか 私は、ブログにいただいたコメントは、できるだけ掲載するようにしているのですが、熱のこもったコメントをいただく場合、1つ条件を設け、それをクリアした場合にのみコメントを掲載するようにしています。その条件は、記入いただいたメールアドレスが、正しいか、ダミーかということです。正しければ、基本的に掲載するようにしています。 ※もちろん掲載することで、多くのユーザーに怒りを感じさせ、コメント欄でバトルが起こるような反論や批判は掲載しませんし、誹謗中傷の場合は一
デザインは本当に必要なのか
インターネットの世界では、実際に商品を手にとって見ることができなければ、店員さんから商品説明を受けることもできない。それがメリットとも言われていますし、デメリットとも言われています。実際に手にとって商品を見れない分、文章や見た目も信用度に大きく影響するんです。デザインは本当に必要なのか。行列のできるラーメン店には、オシャレで綺麗なお店が多いと思いますが、全てではありません。汚い看板で今にも崩れそうな店構えのお店でも行列ができている所はあります(こういうお店もトイレは綺麗な所が多いですが)。味さえ良ければお店は流行る！確かに実際の世界ではこういうこともよくあります。ただし、インターネットの世界では話が違ってきます。 ネットの世界だからこそ必要になるデザイン インターネットの世界では、実際に商品を手にとって見ることができなければ、店員さんから商品説明を受けることもできない。それがメリットとも言
WEBディレクターとして1人前になるには徹夜をしない事！
なぜかこの業界の人は、『昨日は明け方まで仕事しちゃったよ』とか『もう3日も寝てないんだよね』と、寝ないことを自慢する人が結構な割合でいます。5年ほど前、私もそんなことを自慢する1人でした。長い時間働き、目をしばしばさせながら、上司に『今朝やっと完成しました』と、俺は超がんばったんだ！というように、恩着せがましく報告していました。 ただそのうちに、徹夜を繰り返すことが、クオリティーを低下させてしまうことや、自分のだらしなさ・能力の無さの表れなんだと気づいたんです。 私はWEBディレクターじゃないか！ そう！私はWEBディレクターだったんです。要するに進行管理・スケジュール管理のエキスパートだったんです。なのに自分のスケジュール管理ができていないってどういうことなんでしょうか？ 1.仕事をこなすスピードが遅かったから。 2.納期まで時間があるからといってスロースタートで案件に取り掛かったから。
配色の基本。メイン・サブ・アクセントカラーを極める！
前回の[カラーデザインの基本。トーンを理解する！]と[カラーデザインの基本。色の三属性とは？]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基本ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基本ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう！(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に
新人デザイナーに教えたいWebデザインの基本原則【整列】
以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの？と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基本が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基本原則】を教えることになったわけです！ 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください！新人デザイナーに教える手間が1.2時間はぶけるかもしれません！(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速本題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
