UIPlayGround - Css3 Icons
Use the icons Click on the icon and get the code for the same which you can use it as it is. You can also get details like icon preview, browser compatibility, icon code and a share option. Our Strategy We use only 2 span tags and make an icon. We write the CSS code in the simplest possible way to help you replicate it with ease and enable you to develop your own icons in future. Benefits of using
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
色彩センスのいらない配色講座
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします！...
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
「読みにくい」と思われないために--Wordドキュメントにありがちな5つの問題点
社内用のメモであるか、全国的に配布する長文のレポートであるかにかかわらず、ドキュメントが読みにくいだけで、あるいはその見た目が悪いだけで、伝えたいメッセージすべてが伝わらないということもあり得る。しかし、本記事で紹介する基本的なデザイン原則を守ることで、読みやすいドキュメントを作成することができるはずだ。 ドキュメントの体裁は、人の嗜好によって左右され、会社によってさまざまな慣習があり、ドキュメント自体の目的によっても変わってくるものの、どのようなドキュメントにも適応できる不変の原則というものが存在している。いや、あってしかるべきである。以下では、Wordドキュメントにありがちな5つの問題を挙げるとともに、それらを避け、より効果的なドキュメントを作成するためのティップスを解説している。 ＃1：フォントの種類が多すぎる 近頃では膨大な数のフォントが利用可能となっている。だからといって、1つの
Webデザイン最新トレンド ～イマドキUIのつくりかた ：連載
川下城誉 “今っぽいWebサイト”を作るには何が大切か？ Webデザインのポイントと実際の作り方をサンプルをまじえて紹介します。 第13回 フルスクリーンで背景画像を表示するには Webでも裁ち落としでインパクトを出せる Supersized.jsでオプションを指定する 画像の表記領域やテキストを指定する フルスクリーン表示される画像の詳細を指定する スライドショーも実装できる 2011年2月8日 第12回 ふわっと色が変わるボタンを作るには CSS3＋IE対策にJavaScriptを併用 CSS3で実装するには jQueryのfadeTo()メソッドで透過度を変化させる 2010年12月9日 第11回 CSS3でアニメーションするメニューを作る インタラクティブな反応で操作をよりわかりやすいものに 実装のポイント 2010年11月11日 第10回 CSS3で自由なボーダーデザインを実現す
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個
オープンソースフレームワーク色々 個人的なメモです。今まであまり 使っていなかったので少し使って いこうと思い、いくつか自分でも使 えそうなフレームワークを探しました。 個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sa
ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
U-site
オーバーレイ過多：ポップアップの競合で より厄介になっている ニールセン博士のAlertbox （3月2日） 実行中のタスクとは無関係な、サイトやブラウザが起動する大量のポップアップに、現在のユーザーは圧倒されている。 このサイトについて 優れたUXを提供して支持を得るには、リサーチが欠かせません。 ここでは、市場調査やユーザビリティ調査の手法・コツ、調査から得られた知見を紹介します。 このサイトについての詳細 Twitter Facebook RSS メルマガ スマートスピーカのUX - 2年半後の利用状況 黒須教授のユーザ工学講義 （2月22日） スマートスピーカのEcho Dotを2019年に、Google Miniを2020年に導入し、デスク脇やベッド脇に設置している。そして、2022年初頭の現在、彼らはそれぞれの役割をもって僕の生活のなかに定着している。
1
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
penguinbox.net - このウェブサイトは販売用です！ - penguinbox リソースおよび情報
ソシオメディア | UIデザインパターン
デザインを制すための10個の余白系CSSプロパティ
背景画像に使えるシームレスなパターン画像500種:phpspot開発日誌