今年も残すところ、あとわずか。 2010年、国内・海外のウェブデザインで印象に残ったものを紹介します。
今年も残すところ、あとわずか。 2010年、国内・海外のウェブデザインで印象に残ったものを紹介します。
ブラウザごとに異なるデフォルトのスタイルを初期化するスタイルシートの歴史を振り返りつつ、2010年の最新のCSS Resetまでのまとめを紹介します。 A Comprehensive Guide to CSS Resets [ad#ad-2] ユニバーサルセレクタから始まったCSS Resetの進化の過程をたどり、最近リリースされたCSS Resetを紹介します。 下記は、各ポイントを意訳したものです。 (X)HTML "Hard" Reset undohtml.css -2010 version Poor Man's Reset Siolon Reset Inman Reset Tripoli Reset Dan Schulz's Reset Thierry Koblentz's base.css Simple Reset CSS Mini Reset Soft Reset Less i
ウェブサイトのワイヤーフレームやモックアップ、サイトマップ、フローチャート、ダイアグラムなどを無料で作成できるオンラインサービス・アプリケーションを紹介します。
突然だが、横山三国志では「むむむ」が有名である。 李恢に「なにがむむむだ」と突っ込まれる馬超の「むむむ」(35巻) この「むむむ」に詳しいサイトは無いかなと検索したが断片的なネタしか転がってなかった未完成のまとめwikiしか無かったので自分でやる事にした。これから横山三国志全60巻の全「むむむ」を紹介する(今回は1〜20巻から)。ぶっちゃけて言えば同人誌「横山光輝三国志通信」の「ジャーンジャーン大全」のパクリ企画である。(サンプルページ) 集計ルール 「希望コミックス版(全60巻)」を使用 「ムムム」とカタカナの場合は可 「むむむ無念」のような場合は、「むむむ」と3文字になっているので可 「むむ無念」のような場合は、ノーカウントとする 1巻108頁 張飛。横山三国志で初めて「むむむ」と言ったのは張飛(ヒゲの薄い張飛は連載開始当初の三国志資料の乏しさを今に伝えている) 2巻108頁 張飛 3
かっこいいデザイン、面白い素材をつかった名刺・ビジネスカードをあつめているポータルサイトを紹介します。
WordPressのテーマやプラグイン作成において、よく利用する関数やグローバル変数などを個人的に整理したコンテンツです。 各関数やグローバル変数は、情報別(データの種類)と目的別(機能の種類)に分類しています。 なお、ほとんどの情報はソースコードを見ながら書き留めた内容であり、確認不足による誤りや更新の遅れによる不正確な内容を含んでいる可能性があります。あらかじめご了承ください。
Chrome エクステンションは、Chrome に便利な機能を追加することで、自分好みにブラウザをカスタマイズできるブラウザの拡張機能です。世界中の開発者の皆さんのおかげで、様々な種類のエクステンションが多数登録され、多くの方に利用していただいています。 先日、Google の社員に対してよく使っている Chrome エクステンションについてアンケートをおこないました。その中からさらに厳選したトップ10を、今回はランキング形式でご紹介します。ぜひ、試してみてください。 Doc PDF/PowerPoint Viewer 添付ファイルで送られた PDF、PowerPoint プレゼンテーション、その他のドキュメントなどのデータをダウンロードすることなしに、 Google Docs Viewer でブラウザ上で簡単に表示することができますRSS Subscription Extension 専
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
MacにはBootCampがあるので標準でWindowsを動作させる事はできるのですが、都度再起動をする必要があります。 再起動が必要となると、Macをスリープ状態でいつも利用している僕は滅多にWindowsを起動しなくなる訳で。 時々しか使わないけど、使うときは気軽に起動できる様にしようと、Mac OSX上で仮想環境を作ってWindowsを動かす事にしました。 OSX上で仮想環境となると、VMware FusionとかParallels Desktopとかがあります。 そんなに高い金額ではないのですが、月1回程度しか使わないので出来れば安価にと言う事で今回はVirtual Boxを使います。(個人利用および評価の場合のみ無料) では早速、まずはVirtual Boxのダウンロードページにアクセスします。そして、画面中央の「for OSX hosts 」の「Intel Macs」をクリック
IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。 hasLayoutについては、以前のエントリで紹介しているので参照ください。 IEでのCSSのバグを回避するhasLayout hasLayout.net バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。 IEのCSS Bugs一覧表の一部 また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。 CSS Tutorial 例えば、下記のようにIEでクリックした際に生じる点線は、他の箇所をクリックしないと消えないため、クリック後しばらくして消したり、元から表示させない方法などが紹介されています。 クリック時に生じる点線の処理方法
MopBox 複数パネル(デモには100以上のパネルも)の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
iPhone アプリと Web デザイン Part.5 の続きです。 djay Remote djay » djay Remote - for iPhone + iPod touch Interface Interface - the ultimate mockup & prototyping tool for iPhone & iPad - Handcrafted by Less Code SKTCH SKTCH - Generative drawing on your iPhone Textie.me Textie.me Task This Task This Sally Park Doseido ~ Sally Park Snow Reports Snow Reports | For Your iPhone Lo-Mob Lo-Mob is available on the App
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Using photos as a design element and c
ウェブページの背景やヘッダに写真画像を配置して、デザインにさらに奥行きを与えた素晴らしいサイトをSix Revisionsから紹介します。 Excellent Examples of Using Photos in Web Design ウェブページの背景に写真画像を効果的に配置 背景に写真画像を使用すると、奥行きとスペースと共に、ウェブサイトに付加的なビジュアルエレメントを与えることができます。注意する点は写真のクオリティです。クオリティが低いものや魅力的ではない写真画像を使用すると、ウェブページの見栄えは悪くなるでしょう。写真画像はクオリティが高く魅力的であれば、種類は問いません。それは本当にウェブサイトを際立たせることができるでしょう。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Members of military and intelligence forces around the world risk their lives daily to defend their countries and assist in peacekeeping and aid missions both at home and abroad. The men and women who make up the world’s defense forces make sacrifices that most civilians wouldn’t consider to serve their countries. So, with everything they do for us, shouldn’t they be represented online by website
html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません>< 日本語が含まれる場合、title要素は charset の後(次)。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く