ソシオメディア
ソシオメディアは各種ビジネス向けデジタルプロダクトのデザイン支援を行うデザインコンサルティング会社です。業界をリードする OOUI（オブジェクト指向ユーザーインターフェース）設計、独自ガイドラインをもとにしたエクスパートレビュー、クリエイティブ組織を構築するデザインマネジメント支援など、様々な角度から御社のデザイン戦略をサポートし、デジタルトランスフォーメーションを実現します。 もっと読む 多くの方からご要望をいただいておりました OOUI メソッドの解説書『オブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理』が、2020年6月5日、技術評論社より遂に出版されました。 オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて劇的に使いやすくなり、開発効率も向上します。 ブ
Web Style
The Purposes of E-commerce Website and Web format Since the importance of eCommerce internet site is growing bizarre and fantastic, the importance of e-commerce internet format also is growing. Before going to talk about more or less E-commerce internet format, everybody ought to necessarily notice more or less e-commerce internet site, and its services and products. Here are a few compulsory diff
GeckoWeb
While moving around at night, Tucson Banded Geckos are sometimes mistaken for scorpions, due to their habit ... view profile Wondering how to identify a U.S. gecko? Need more information on U.S. geckos? Want to see some cool close-up photos of geckos? You're in the right place. GeckoWeb is an easy-to-use, online field guide to the geckos of the United States. It has spectacular photographs and a s
ul要素とol要素のブラウザごとの違い - Web標準普及プロジェクト
ul要素とol要素のブラウザごとの違い リストを作るための要素として、ul要素とol要素があります。 これらは共通の構文で子要素にはli要素のみを持ちます。 このリストの表示はパッと見ではMozilla、Opera7、Windows版Internet Explorerで差異が無い様に見えるのですが、 実際にブラウザのデフォルトスタイルシートはかなり違っています。 その違いと注意点について紹介します。 リスト要素のmarginを使ってli要素を配置するブラウザ Opera7とWindows版Internet Explorerはリスト要素(ul要素とol要素)にmarginを指定しています。 推測されるデフォルトスタイルシートを以下に示します。 Opera7.2 スタイル(推測) ul,ol{ margin: 18px 0 0 40px; padding: 0; } li{ margin: 0
MdNの[本]
<BODY bgcolor="#FFFFFF"> <DIV align="center"><IMG src="../Silver.gif" width="100%" height="6" VSPACE=5> <P><FONT size="+3" color="#AA0000"><B>N O T I C E !</B></FONT> <P>このホームページは、下記のブラウザでご覧になることを推奨します。<BR> 推奨ブラウザ以外でご覧になった場合には、<BR> 正常な動作や表示がされない場合があることをご了承ください。 <DL> <DT><A href="http://www.netscape.co.jp/">Netscape 6 以降</A> <DT><A href="http://www.microsoft.com/japan/ie/">Microsoft Internet Explor
いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE
通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役に立つはず。ボタンの画像を違うものにするだけでだけでも、割と雰囲気がガラリと変わるのでオススメです。 リスト一覧は以下の通り。 Mini Pixel Icons（ブログやCMS用のアイコン、ユーザーアイコンなどが多く、とてもカラフル） Mini Icons | urlgreyhot（12ピクセル四方という極めて小さなアイコンがいろいろあります。グレイスケールのアイコンは加工しやすいので、好みのアイコン素材にすることも可能） Bullet Madness - free bullets project at Stylegala（200個
一番簡単な画像置換の方法-imageReplace.js--とあるWEBクリエイターのblog
一番簡単な画像置換の方法-imageReplace.js- 画像置換は設置がややこしく。 デメリット・メリットの切り分けが困難です。 そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。 設定は簡単head要素内にimageReplace.jsを読み込むだけ。 <script type="text/javascript" src="./imageReplace.js"></script> あとは、画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。 例えばこんな感じに。 <a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a> 『ロー
icon edit online｜アイコンエディットオンライン
icon edit online 32ピクセル×32ピクセルの.pngファイル作成ツール create pool delete titleuntitled nameunknown date2019/02/02 19:17:08 delete titleuntitled nameunknown date2019/02/01 12:16:09 delete titleuntitled nameunknown date2019/02/01 12:14:58 delete titleuntitled nameunknown date2019/01/31 11:41:50 delete titleuntitled nameunknown date2019/01/31 11:41:39 delete titleuntitled nameunknown date2018/11/14 18:18:05 d
川o・-・）＜2nd life - favicon を dot's ぽく変換する - favicon2dots
http://favicon2dots.com/ favicon を dot's っぽく似非3D表示するサービス、favicon2dots を作ってみました。サイト上から 変換したい favicon やそのサイトの URL を打ち込むと、それっぽく変換してくれます。 またはてなidを id:secondlife のようにそのまんまフォームに打ち込むと、はてなユーザアイコンを変換してくれます。 id:secondlife id:nagayama id:eureka id:tikeda また、適当な gif/png 画像を指定しても dot's ぽく変換してくれます。 http://subtech.g.hatena.ne.jp/images/report.gif http://subtech.g.hatena.ne.jp/images/task.gif その他オプションとかもあるのでいろいろ弄
Favourite Favicons - Delta Tango Bravo
Over the past month or so I've been collecting some of my favourite favicons on the web for interest's and posterity's sake. In case you're unaware, favicons are the wee icons that are displayed occasionaly, it seems depending on how the stars are aligned, in the location bar of your browser or in your bookmarks or in your tabs if your browser supports them. Some people have clearly put a lot of e
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
Favicon - How To Create A Favicon.ico | PhotoshopSupport.com
Try before you buy. Download any Adobe product for a free 30 day trial. Try Adobe Stock Free for One Month - Ends Soon! Here's a great deal from Adobe that will last until only the end of November — Get 10 Free Adobe Stock Images. Offer ends November 30th. Your first month will be refunded when you sign up for one year of Adobe Stock (10 images a month plan) at US$29.99/mo. (plus applicable taxes)
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
Stylegala - Web Design Publication
You have reached a domain that was pending verification per ICANN rules but has since been verified. It may take 24 to 48 hours for the website to come back online. As of January 1, 2014 the Internet Corporation for Assigned Names and Numbers (ICANN) will mandate that all ICANN accredited registrars begin verifying the Registrant WHOIS contact information for all new domain registrations and Regis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.xeroy.com/?cid=20108
幻想曲科技
• Hellofreaks •
Finding Species
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
HTML5 User Experience Design - ＠IT
