2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
スタイルシート(CSS)で段組を構成する 2 CSSで作る段組レイアウトの例 - ［ホームページ作成］All About
CSS段組2：スタイルシートで作る段組レイアウトの例HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。 スタイルシートだけで作る段組の例 前回の記事「スタイルシートだけで段組を作る」で、table要素を使わずに段組（マルチカラム）を作る方法についてご紹介致しました。 今回は、段組を用いたページ構成をサンプルとして示して、その通りの段組を作る方法をご紹介致します。 今回ご紹介するのは、下記の画像のようなページ構成です。 よくある構成ですね。 この構成の段組をスタイルシートだけで実現するサンプルソースをご紹介致します。 まずはHTMLを書く まずは、HTML部分をご紹介致します。 デザインはすべてスタイルシートで記述しますから、HTMLは非常に単純です。
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
スタイルシート［CSS］/CSSの基本/クラス名を使った指定 - TAG index
クラス名（分類名）を使った指定では、そのクラス名が付けられた要素にのみ、スタイルを適用させることができます。 要素のクラス名は、class属性で指定することができます。 .example { color: red; } 上記の例では、example というクラス名が付けられた全ての要素に、このスタイルが適用されることになります。 要素名に続けてクラス名を指定する方法と、クラス名だけで指定する方法があります。どちらの場合も、クラス名はピリオド（ . ）に続けて記述します。 p.example1 { color: red; } .example2 { color: blue; } .example3 { font-size: 80%; } example1、example2、example3 の部分がクラス名になります。 クラス名を付ける際には、以下の点に注意してください。 大文字と小文字の区
スタイルシート CSS リファレンス［カテゴリー一覧］ - TAG index
ページ全般 ページの背景色、背景画像、マージン、スクロールバー、印刷 ... ボックス ボックスの背景色、背景画像、マージン、パディング、境界線、配置 ... テキスト・フォント 文字サイズ、文字色、装飾、行間、インデント、文字間隔、改行の扱い ... リンク リンク文字の色、リンクの下線、ポイント時の装飾 ... リスト マーカーの種類、画像のマーカー、リストの余白、間隔、配置 ... イメージ 画像のサイズ、切り抜き、画像に並ぶテキスト、回り込み ... テーブル 表の大きさ、表の背景、境界線、セル内の位置指定、回り込み ... フレーム インラインフレームのサイズ、境界線、フレーム内の指定 ... フォーム 入力欄の大きさ、背景、境界線、文字サイズ、入力モード ... フィルタ 半透明、グラデーション、影付け、発光、波状、反転、サンプル一覧 ...
とほほのスタイルシート入門
CSSリファレンス トップ > CSSリファレンス [ABC順] 概要 CSS入門 リンク サンプル 表記について CSS3関連規約 セレクタ * { ... } E { ... } ns|E { ... } E, F { ... } E.class E#id E F { ... } E > F { ... } E + F { ... } E ~ F { ... } E || F { ... } [attr] [ns|attr] [attr="val"] [attr~="val"] [attr|="val"] [attr^="val"] [attr$="val"] [attr*="val"] :any-link :link :visited :local-link :target :target-within :scope :hover :active :focus :focus-visi
MozillaベースのオープンソースHTMLエディタ「Nvu 1.0」正式リリース
Nvu開発コミュニティは6月30日，オープンソースのHTMLエディタ「Nvu 1.0」を正式にリリースした。NvuはMozilla ComposerをベースにしたHTMLエディタで，Windows，Linux，Mac OS Xで稼動する。Nvuの公式サイトからダウンロードできる。 NvuはGUI上でHTMLを編集できるWYSIWYGタイプのHTMLエディタ。CSS(Cascading Style Sheet）エディタやFTPによるアップロードなどの機能を持つ。Mozilla SuiteのアプリケーションのひとつであるComposerを独立させたもの。 Nvuの開発はフランスのソフトウエア会社Disruptive InnovationsのDaniel Glazman氏が中心になって行っており，LinuxディストリビュータのLinspireが支援を提供している。Linspireの社長兼CEO
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
PV稼ぎ？ やたらとページをめくらせるうざいメディアサイトの狙いとは？ | Moz - SEOとインバウンドマーケティングの実践情報
この問題は、露出量で料金が決まるCPM契約のディスプレイ広告に売上を依存しているサイトの多くをひどく悩ませているので、今日はここでその問題を取り上げておこうと思う（シアトルには夜8時に着いて、タクシーで飛んで帰ってバネッサ・フォックス氏の火曜日の記事を読み、多少は睡眠時間をひねり出さなくちゃいけないんだけど、まあ、その話は置いといて）。 さて、ページ分割に関する基本的なジレンマを以下に挙げておいた。 CPM広告の売上はページビュー数に基づいている（ページビュー数が多ければ、それだけ広告の表示回数も多くなるため）。長いニュース記事（あるいは、同じような意味で長いコンテンツ）を分割して、より読みやすい長さの複数のページにすることは、（ユーザーの好みにもよるが）ユーザー体験の見地から見て良いばかりではなく、より多くのページビューが稼げ、結果として広告売上も増加する。SEOの観点から言うと、記事を
ベア速 やる夫がＷＥＢデザイナーになるようです
3 名前：以下、名無しにかわりましてVIPがお送りします。[] 投稿日：2008/01/12(土) 03:03:00.97 ID:iSiNomjo0 【８年前某日】 ＿＿＿_ ／ ＼ ／ ─ ─＼ ソースコードかけるしいけるかな？ ／ （●） （●） ＼ どれ、求人雑誌に載ってるし応募してみるか。 | （__人__） | ＿＿＿＿＿＿＿_ ＼ ｀ ⌒´ ,／ .| | | ノ ＼ | | | ／´ | | | | ｌ | | | ヽ -一ー_~､⌒)^),-､ | |_＿＿＿＿＿＿__| ヽ ＿＿＿＿,ノγ⌒ヽ)ニニ-￣ | | | ※８年前の黎明期であ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLの外部ファイル化