スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。HTML下記の通りHTMLを記述します。<div class="outer"><div class="inner">1px rounded corners</d... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Google、ページの表示範囲シミュレートツール「Browser Size」発表「何%の人がページのどこまで表示できるか」を視覚的に見せてくれるWebデザイナー向けのツールがGoogle Labsに登場した。[ITmedia]米Googleは12月16日、Webページがユーザーからどのように見えて... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」「Microsoft Expression Web SuperPreview for Windows Internet Explorer」v3.0.1776.0初期状態では画面... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
国際会議で欧米の人のプレゼンテーションを聞いたとき,こんなことを思ったことは思いませんか? 内容的には,それほど大したことないが,彼らはプレゼンテーションがうまい.大したことない話でも,いい話のように聞こえる.その点,日本人は下手だよなぁ,と. 実は,欧米の人たちは,子供の頃から,下記に述べる「構... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn't Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。なかなかいい感じのが揃っていますよ。背景色をグレー... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
内容 iPhoneと、本を組み合わせたハイブリッドな本。 読み進めながら、画面をタッチしたり本そのものを傾けたりなど、 内容に沿ったインタラクティブなアクションを楽しめる。 インタラクションを伴わない通常の動画や、写真で利用することも可能です。 ねらい iPhoneは世界的に利用者を増やしています... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
コンピュータに詳しいと思われる人々、いわゆるギークな人たちが書いたと思われる落書きです。何かを思いっきり強制終了させたい人や、愛を表現したい人などがユニークな方法で気持ちを表現しています。毎日のようにコンピュータを使って事務作業やプログラミングをしていると、思わずこのような落書きをしてしまうように... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category : CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック(一部CSSではない部分もありますが...)などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」。 Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、ビジュアルに色々書き込むことが出来るサービスです。 この仕組みがあれば、デザインが完成した後... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
読むだけでプレゼンが上達する。いや、「見るだけ」で上手くなる。なぜなら、本書そのものが、優れたプレゼンテーションのお手本になっているから。わたしはデザイナーではない。しかし、同じテーマについて、「まずいデザイン」と「うまいデザイン」が並んでいるなら、見分けることができる。デザインの原則――「コント... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
5 Rules To Write More Readable CSS Files1. プロパティをアルファベット順に各エレメントのプロパティの記述順をアルファベット順にします。#nav{border: solid 1px #DEDEDE;color: #000;padding: 10px;widt... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウィンドウサイズを変えると コンテンツ(記事等)が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。可変グリッドレイアウ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。今回焦点を当てるのは、レトロ(かなり前から用いられている)でありながら今また勢いを増しつつある(少なくとも僕は人気上昇中だと感じている)デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ユーザーが混乱しない、使いやすいフォームを実装するために気をつけたい10のポイントをNoupeから紹介します。ブログのコメント欄を対象にしたものですが、フォーム全般にも言えることが多く含まれています。Comment Form Styling: Examples and Best Practices... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
次世代のインターフェースとして考案された「10/GUI」のデモビデオがあがっています。8分ほどとちょっと長いのですがなかなか興味深いです。10/GUI from C. Miller on Vimeo.↑ ぶっちゃけ4:00ぐらいから観ればOKw。また、せっかくなので忙しい人のために内容をかいつまん... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ケータイ3キャリアに対応するためのDOCTYPE宣言について2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | No Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要がありま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウェブ(一般的にはホームページ?)のデザインをするときに、私は自分の中で一定のルールを持って設計するようにしています。そのほうが効率が良いし、デザインカンプ→コーディングの際にスムーズに移行できるからです。ウェブ制作の流れとしては、photoshop(or fireworks)でデザインカンプを作... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。ざっとご紹介しますね。1. フォームのラベルはフィールドの上がベストstudy by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Eコマースサイトの設計・制作時の間違いで、顧客を逃してしまう15のポイントと解決方法をSmashing Magazineから紹介します。15 Common Mistakes in E-Commerce Design下記は、そのポイントと解決方法を簡潔にしたものです。 原文ではキャプチャ入りで詳細に... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
いやー、久しぶりにいくつかのケータイの最新機種をちょっと評価するために触ってみたけど、予想以上にひどい状況でした。 特にタッチパネルのついた機種はひどかったですね。使いにくいどころか、使えない機能がある機種もちらほら。 まさに、料理は運ばれてきたけど、「あのー、箸はないんですか?」という感じで、機... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|