整理タンスは早すぎた - レジデント初期研修用資料
ソースでわかるSixapart転落の歴史 というエントリーを読んで考えたこと。 そもそもプログラムなんて全然分からない、リンク先の人に比べて、圧倒的に低レベルなユーザーであった自分もまた、同じような頃に、違った体験を通じて、MovableType に挫折した。 ユーザー体験は相転移する blog 時代の最初の頃、そもそも素人に手が出せるblog スクリプトなんてMovableType ぐらいしかなかった。 今も昔も、プログラムが理解できないユーザーにとっては、ファイルを書き換えることは「手探り」なのだけれど、当時のMT は、インデックスファイルに画面にあらゆる機能が書き込まれていたから、けっこうどうにかなった。 素人であった自分にとって、「どうにかすること」というのは、「こうしたい」という機能をGoogle で検索して、誰かが公開してくれたソースをそのままコピーして、自分のファイルに貼り付
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
日本語組版処理の要件（日本語版）
1.1 このドキュメントの目的 すべての文化集団は，独自の言語，文字，書記システムを持つ．それゆえ，個々の書記システムをサイバースペースに移転することは，文化的資産の継承という意味で，情報通信技術にとって非常に重要な責務といえよう． この責務を実現するための基礎的な作業として，このドキュメントでは，日本語という書記システムにおける組版上の問題点をまとめた．具体的な解決策を提示することではなく，要望事項の説明をすることにした．それは，実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからある． 1.2 このドキュメントの作成方法 このドキュメントの作成は，W3C Japanese Layout Task Forceが行った．このタスクフォースは，次のようなメンバーで構成され，ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた．
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
Create Vimeo-like top navigation
I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it. And this is exactly what I am going to do in this tutorial. What I like the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search. Download source View demo The base for this tutorial is simple CSS drop down
Mix and Match a Layout with Patterns, Photos and Backgrounds | Envato Tuts+
So our first task is to design a layout for our page. We're not going to do anything too fancy because the tutorial is about backgrounds more than layouts. Still it should look good and be an actual workable layout. So in the image above you can see my plan of rough components of the page. I've planned in a menu and submenu, a panel to introduce the section and a content area. I've also planned th
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Design Blog
If you’re looking to learn more about web design or to improve your skills, following along with detailed, step-by-step tutorials can be a great use of your time. While there are a lot of resources and courses where you can pay to learn design, there are also plenty of quality tutorials available for free. In this post, we’ll showcase 48 different tutorials that we feel are the best at showing you
Inspiration Package: 60 Usable & Elegant Designs | Design Showcase | Smashing Magazine
As usual, we have to put ourselves in the users’ shoes: What do we want them to see first? How will your message be best communicated? We have to ask these questions before we start designing, because the layout will shape the rest of the design. The following websites have some quite unusual layouts. They aren’t necessarily perfect; still, browse through them, and maybe your creative genius will
Sitemap URL Scraper
Videos 1 [ 44 ] [ 38 ] [ 221 ] [ 278 ] [ 50 ] [ 198 ] [ 8 ] [ 461 ] [ 165 ] [ 365 ] [ 305 ] [ 133 ] [ 295 ] [ 375 ] [ 210 ] [ 258 ] [ 438 ] [ 297 ] [ 44 ] [ 345 ] [ 497 ] [ 408 ] [ 91 ] [ 374 ] [ 458 ] [ 233 ] [ 368 ] [ 412 ] [ 232 ] [ 265 ] [ 21 ] [ 275 ] [ 302 ] [ 242 ] [ 53 ] [ 352 ] [ 439 ] [ 60 ] [ 312 ] [ 103 ] [ 425 ] [ 117 ] [ 236 ] [ 219 ] [ 491 ] [ 446 ] [ 477 ] [ 429 ] [ 242 ] [ 21 ]
検索エンジンが順位を決める53の要因（39人のSEOプロが評価した重要度とコメント付き） | Web担当者Forum
この文書は自然検索に対する最適化のリーダー39人の英知を結集したものだ。彼らは、Googleの順位決定アルゴリズム（検索エンジンが検索結果を並べる順番を決める方法）を構成するさまざまな要因について投票した。その結果、この上なく価値の高い情報ができあがった。もちろん、200種類以上あるといわれる要因のすべてが含まれているわけではないが、私見では、Googleのアルゴリズムに関して必要な90％～95％の知識がここにふくまれるはずだ。 順位決定の要因に加え、Googleの順位決定に関してパネリストに尋ねた4つの質問への回答がこの文書の最後に示してある。これだけ優秀な人たちに協力してもらったのだから、貴重な回答をもう少し得られずにはいられなかったのだ。 ※注：この文書は、Googleのアルゴリズムをリバースエンジニアリングすることを試みるものでなければ、ウェブ開発者やウェブマーケターにサイトの最適
あと１％離脱を減らすフォームのテクニック (ユーザビリティ実践メモ)
資料請求や申し込みフォームにおけるユーザの離脱を防ぐ方法はこれまでにもご紹介してきましたが、今回は「さらに一歩」改善するためのテクニックをご紹介いたします。 例えばECサイトのフォームでは支払い方法や配送方法など、ユーザに様々なオプションを選ばせることがよくあります。選択肢が多いことは利便性にも繋がりますが、一方でそれが離脱の原因になっている可能性もあります。 ユーザはフォームが縦に長かったり入力欄が多く見えると、「入力が面倒そう」と思い離脱の可能性が増えます。 以下は改善例です。支払い方法を選択するラジオボタンをクリックしてみてください。 選択したオプションに関連した情報だけを出す、言い換えると「要らないものは隠してしまう」のです。 クレジット決済をしたいと思っているユーザには、銀行振り込みや代金引換の注意書きは不要ですから、余計な情報を隠すことでフォームが簡単に見え、離脱を減らすことが
付録：ウェブデザイン関連リンク集 - CSS2 リファレンス
ウェブデザイン關聯リンク集 目次 ウェブ内容の制作に役立つリソース HTML文書を書くための心得 ハイパーリンクについての考へ方 ウェブ内容の制作入門 HTML/CSSなどのリファレンス コラム的記事や雜文など アクセシビリティ・ユーザビリティ關聯 WCAG/リハビリテーション法508條 アクセシビリティ・ユーザビリティ概説/情報 アクセシビリティ關聯Tips/ノウハウ アクセシビリティ關聯の活動をしてゐる團體/法人 企業のアクセシビリティ關聯サイト CSSでイケてるデザインサイト關聯 FAQ(Frequently Asked Questions)/Tips ウェブデザイン關聯書籍 ウェブ技術資料 仕樣書・ガイドラインなどの原文 仕樣書・ガイドラインなどの邦譯 色覺特性，色彩，配色など 色覺特性の多樣性とプレゼンテーション 色彩，カラーデザイン，色に關するアクセス性 色の組み合せチェック，
理想のCSSスキンのかたちを求めて - 3ping.org
2007.12-30 Ninja Style 完成。(年内に間に合った!) 問題の修正とか、アイコンがついたりいろいろ変わっているので、新しいものを使ってください。 表示確認 Download: Ninja Style 2007.12-27 当初配布していた暫定版のNinjaスキンに１箇所すんごい不具合がありました。 ボックスの高さを揃えるテクニックには、落とし穴があったようです。その不具合の表示と、原因を記事末尾に追記しましたので参照してください。 このテクニックを利用する際は皆様も注意してください。解決方法も模索しています。 僕が考える理想のCSSスキンとは、以下の条件を満たすものです。 ユーザーが好みの形に変えやすい CSSに詳しくなくても1.が可能 適当に編集してもレイアウトが崩れにくい 少しの調整でイメージを大きく変えられる ユーザーのカスタマイズ意欲を掻き立てる 現在のVic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Design & Illustration Courses and Tutorials | Envato Tuts+
Design & Illustration Courses and Tutorials | Envato Tuts+
書籍などに紹介されていない display : inline-block について
CSS 3のMulti Columnによる段組