タグ

designとwebに関するs-e-iのブックマーク (21)

  • Loading...

  • 「リセット用CSSを使わない」ことが流行ってる(らしい)理由 | necoze LOG2 [ネコゼログログ]

    一定期間更新がないため広告を表示しています

    「リセット用CSSを使わない」ことが流行ってる(らしい)理由 | necoze LOG2 [ネコゼログログ]
    s-e-i
    s-e-i 2008/04/30
    「どの環境でも全く同じに見せたい」案件と「多少違っても全てのコンテンツをちゃんと見せたい」案件との切り分け、ですかねえ
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

    s-e-i
    s-e-i 2008/04/24
    結構広くなってきてるね layout
  • *ホームページを作る人のネタ帳

    s-e-i
    s-e-i 2007/11/21
    飛竜の拳なつかしす・・・しかしひどいなこれ・・・w
  • 独学で極める “Webデザイン”の技と心:第3回 Webデザインは問題を解決する何らかの「目的」がある|gihyo.jp … 技術評論社

    Webデザインの話に入る前に、まずアートとデザインの違いについて考えてみます。 デザインとアートの違いは何か? この疑問は、たびたびいろいろな場所で話題になっており、「⁠デザイン アート 違い」などと検索すればいろいろな先人の考えを知ることができます。 目に見えるもしくは耳に聞こえる、肌で感じられるなど、必ずしも視覚的なものだけではありませんが、アートにもデザインにも共通する点は、「⁠表現」することだと考えています。 Webデザインで言えば、「⁠視覚ブラウザで見えているものだけがデザインではない」と考えれば、視覚的なものだけではないということがわかりやすいかと思います。 私が考えるアートとデザインの違い アート: 自分の中心からわき上がる感情などを自由自在に制約なく表現する (⁠鑑賞することで他者が共鳴したり感動することはあるが、他者の問題解決を目的としているわけではない) デザイン: 自

    独学で極める “Webデザイン”の技と心:第3回 Webデザインは問題を解決する何らかの「目的」がある|gihyo.jp … 技術評論社
    s-e-i
    s-e-i 2007/06/13
    好きでやることはやっぱり楽しんでやれるし、そうして作った何かはやっぱり利用者にも伝わると思うの
  • 第2回 自分なりの強みを活かしたWebデザイナーになるための考察 | gihyo.jp

    多様化・高度化するWebデザイナーのお仕事 近年、Webデザイナーへ求められるスキルは多様化、そして高度化しています。 スキルを細かく分類しても、多岐にわたってしまうことがわかります。 Webデザイナーに求められるスキルを細分化する グラフィック(ビジュアル)デザインスキル (X)HTMLマークアップスキル 文書構造を適切に意味付けする CSS技術スキル HTML/CSSオーサリングソフト操作スキル 代表的なツール:Dreamweaver 目的にそって情報を配置(レイアウトやマッピング) インターフェースデザインを行うスキル 配色スキル JavaScript技術スキル Flashオーサリングスキル グラフィックソフト操作スキル 代表的なツール:Photoshop/Illustrator/Fireworks アクセシビリティ配慮のスキル ユーザビリティ配慮のスキル インフォメーションアーキテ

    第2回 自分なりの強みを活かしたWebデザイナーになるための考察 | gihyo.jp
    s-e-i
    s-e-i 2007/05/08
    僕は器用貧乏になりがち...
  • 「左上の魔術師」理論

    Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ

    「左上の魔術師」理論
    s-e-i
    s-e-i 2007/05/04
    この方法論は知ってたけどそんな名前がついてるのは知らなかった
  • プログラマでも出来るWebデザイン - Blog.37to.net

    home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成: 2007-01-08T01:58:41+09:00 更新: 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで

    s-e-i
    s-e-i 2007/05/04
    めもめも
  • YUI: CSS Grid Builder

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut d

    s-e-i
    s-e-i 2007/05/04
    YUIの CSS GridをWYSIWYGなエディタで。これは便利だ。
  • Web デザイナーに求めたい 5つのこと | WWW WATCH

    趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど...... 1、DTP 脳からの脱却 DTP の延長で作られる Web サイトデザインの中にはフォントサイズやテキストの量が決め打ち前提で作られているデザインも少なくありません。それが悪いとは言わないんですけど、現在の Web 制作においては、CMS を始めとした他のプログラムとの連動やアクセシビリティを念頭に、柔軟性のあるデザインが求められます。 自分の思い描いたとおりにデザインをコントロールしたいという気持ちはわからなくはないので

    Web デザイナーに求めたい 5つのこと | WWW WATCH
    s-e-i
    s-e-i 2007/05/04
    XHTML(or XML)+XSLTになっていくというのはちょっと疑問が。まあデカイプロジェクトならあるかもしれないけど。
  • CSS 分割管理の実践編

    2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree

    s-e-i
    s-e-i 2007/05/04
    スタイルシートを分けて管理する論の実践編解説
  • 文字関係のCSSサンプル - CSSTYPE - web safe typography on screen for pixel perfectionists

    This domain may be for sale!

    s-e-i
    s-e-i 2007/05/04
    フォントに適用するCSSのプレビュー
  • 『Research-Based Web Design & Usability Guidelines』/リンク&資料集 - Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』

    現在位置:ホーム  リンク&資料集  『Research-Based Web Design & Usability Guidelines』 『Research-Based Web Design & Usability Guidelines(調査研究に基づいた Web デザイン & ユーザビリティ・ガイドライン)』の日語訳は、アメリカ保健福祉省(HHS)の許可を受けた株式会社インフォアクシアが提供しています。 目次 『第9章:見出し、タイトルとラベル』は、3月8日火曜日に公開する予定です(毎週火曜日更新)。 イントロダクション 背景および方法論 ガイドラインの使い方 第1章:デザインプロセスと検証 第2章:ユーザー・エクスペリエンスの最適化 第3章:アクセシビリティ 第4章:ハードウェアとソフトウェア 第5章:HOMEページ 第6章:ページレイアウト 第7章:ナビゲーション 第8章:スク

    s-e-i
    s-e-i 2007/05/04
    アクセシビリティ、ユーザビリティなガイドライン
  • Typetester Compare fonts for the screen

    Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.

    Typetester Compare fonts for the screen
    s-e-i
    s-e-i 2007/05/04
    Web上でフォントの各種表示テスト
  • Bascule Inc.

    FEATURED PROJECT新しいつながりをデザインし、既存の枠組みを超えた未来のスタンダードをつくる プロジェクトデザインの事例です

    Bascule Inc.
    s-e-i
    s-e-i 2007/05/04
    おもしろーい!
  • StompStamp | ストンプ・スタンプ オフィシャルページ

    PRODUCE ライトオン × FILA × GirlsGirls × TEGTEG 商品の企画からプロモーションをプロデュース 。 コロナにおいて大きな成果に実現。 PRODUCE ASO GRANPING RESORT ブランディングからweb、プロモーション、商品企画まで、 事業全体をトータルプロデュース。

    StompStamp | ストンプ・スタンプ オフィシャルページ
    s-e-i
    s-e-i 2007/05/04
    おおー。おもしろかわいい
  • CSS Hacks

    Back to Web Devout home CSS hacks Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when t

    s-e-i
    s-e-i 2007/05/04
    CSS Hack一覧
  • miniturbo::Blog ネガティブマージンによるレイアウト

    「マイナスマージン」や「ネガティブマージン」で組み立てるレイアウトです。 てんぽさんの記事にあるように、floatにより発生するカラム落ちは、親のボックスが内包するこのボックスのwidthに原因があるのではなく、そのマージン辺に原因があります。 とりあえず、以下をご覧ください。 たとえば固定幅の2カラムの段組を作るときは、 <div id="content"> <div id="main"> <p>メイン的なやつ</p> </div> <div id="utilities"> <p>サブ的なやつ</p> </div> </div> こんな感じの構造になります。 これに当てこむスタイルは div#content { width: 700px; margin: 0 auto; } div#content div#main { float: left; width: 100%; } div#co

    s-e-i
    s-e-i 2007/05/04
    ネガティブマージンレイアウトの使い方考え方
  • 高木浩光@自宅の日記 - 会社のポリシーは会議室で決めてない、現場でコピペしてるんだ, 追記(24日)

    ■ 会社のポリシーは会議室で決めてない、現場でコピペしてるんだ すごいタレコミがあった。東芝テクノネットワーク(株)の「サイトポリシー」と東芝テクノシステム(株)の「サイトポリシー」にすごいことが書いてある。 リンクについて ※御社の規定によって下記の2つよりお選び下さい。 (事前の連絡不要の場合) このウェブサイトへのリンクは原則として自由です。ただし、途中のページやページ内のコンテンツそのものにリンクを張ることや、当社が不適当と判断するホームページからのリンクはお断りすることがあります。 (事前の連絡必要の場合) 事前に当社からの文書による承諾を得ない限り、このウェブサイトへリンクをはることはできません。このウェブサイトへのリンクを希望する場合は、必ずリンク元のURL、当社ホームページの希望リンク先のURLをこちらへご連絡ください。リンクの際のURLは、(http: //www.tos

    s-e-i
    s-e-i 2007/05/04
    なんていうかさ?常々思っていたし、自分が上級だと言い張るつもりはこれっぽっちもないけど、それにしたってレベルの低い人、多いのだなあ。
  • スタイルシートを書く時のガイドライン - 2xup.org

    2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ

    s-e-i
    s-e-i 2007/05/04
    書く順番・優先順位なんか。考えて整理すれば読みやすい・わかりやすい、あと書きやすくもなるかもね。