Webデザイン・開発の基本 HTMLネタのポータル

floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。The New Clearfix Methodいわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。...

最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？今回は、そんなウェブ...

最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。Design a Minimal and Modern Portfolio Layout[...]

Reversed Ordered List demoHTMLだけで上記のキャプチャのように実装することも可能ですが、Reversed Ordered ListはクリーンなHTMLで実装が可能です。HTMLだけで実装するサンプルLorem ipsumLorem ipsumLorem ipsum略Lo...

Flashは比べようもないほどHTML5より優れている米アドビシステムズ Flashプロダクト マネージャー リチャード・ガルバン氏記事一覧へ >>アドビシステムズはFlashコンテンツのスマートフォン展開など，本格的にFlashの多デバイスへの対応を強化しつつある。次期バージョンであるFlash...

こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき...

ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニ...

フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集。 次のような、これが無料？というようなテンプレートが９種類、紹介されています。 デザインが苦手な方も、こうしたものを流用することでクールなサイトが簡単に作れそうですね。 それなりのデザインセンスやCSSの知識がないと流用したとしてもどんどん...

こんにちは、日食を妙に楽しみにしていたわりには見ようともしなかった ryosuke です。曇りで残念でした。曇りでも日食と分かるぐらい暗くなったら嬉しかったのですが、東京ではそんな事は全然ありませんでしたね。さてさて、そんな私ですが入社後半年が経過したところで、入社当初より携わって来た携帯サイト構...

Web担当者さんへ システムで生成していないページでもURLの正規化は重要な要素です。今一度自分のサイトで正規化できてない個所がないか、アクセス解析などのデータをチェックしてみてください。正規化とは「正規化」とは、システム開発の世界でデータベース設計に関連してよく利用される言葉ですが、これをSEO...

25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クー...