Smaller than a small fingernail, guimp.com, the world's smallest website measures only 18 by 18 pixels yet is packed full of fun projects including pong, pacman, space invaders, pinball, a blog and pixel art.
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス(特にGUI)デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法(知り合いのデザイナーから教わった技法)でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは40%程度が適切、色は黒にする(黒にしておくと、後でメインの色を変更したときにここを変更し
00:06 | いろんなサイトをみているとそこかしこで見かけるいわゆるフォトショップでのAQUA風ボタンの作り方が紹介されているページを(主にはてブから)集めてみました。http://quarter.vis.ne.jp/books/log/eid329.htmlhttp://www.0range.cc/icon/tips/TIPS3/index.shtmlhttp://www.allef.com/gpx/aqua/index.phphttp://www.tutorialoutpost.com/count/2272http://www.tutorialoutpost.com/count/182http://home.zonnet.nl/epragt/tutorials/photoshop/shapesandobjects/aquabuttonprop6/index.jsp.htmhttp:/
フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル(説明的な名前)を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次: コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素: label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール(テキストフィールドやメニューなど)は、name属性を持ちますが、それは送信データに名
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 2013年1月のW3C: CORS勧告候補、Navigation Timing 2公開 CSSモジュールの2草案が更新 1月3日付で、CSS Text DecorationモジュールとCSS Cascading and Inheritanceモジュールの草案が公開されました。 CSS Text Decoration Module Level 3 CSS Cascading and Inheritance Level 3 Text DecorationモジュールはLast Callとなります。2011年11月版の草案から大きな変更はありせん。 Cascading and Inheritanceモジュ
企业概况 Survey 董事长致辞 Speech 发展历程 Course 百诺荣誉 Honor 企业文化 Culture 产业集群 Colony 山东百诺太阳集团2007网站股份有限公司(百诺太阳集团2007网站,股票代码836534)成立于2000年8月,总部位于山东省济南市,致力于打造国内领先的太阳集团2007网站研发技术平台公司,通过ISO9001国际质量管理体系和知识产权管理体系认证,成立研发行业“院士工作站”,全国工商联太阳集团2007网站研发分会副会长单位,先后荣获“中国太阳集团2007网站研发公司十强”、“新三板创新百强榜”、“国家技术转移示范机构”、“国家高新技术企业”、“山东省企业技术中心”、“2018中国(行业)最具影响力品牌”、“中国技术市场金桥奖”、“2019年中国太阳集团2007网站工业最具投资价值企业”等多项荣誉。目前公司已成功开发了各类新药330余个,240余
"; illustWindow.document.write(wc); illustWindow.document.close(); illustWindow.focus(); } ExcerciseFinal ++ Implement a concept of your choice within one of the following areas: Mobile Phone Software Augmented Reality Camera Input / Computer Vision Generative Animation <---------------------------- Generative Music Artificial Life Immersive Software Environment Information Visualization Select a
infinitiv.it 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
新規メンバー登録は こちらから このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
XHTML+CSSでは、ページ構造を意識して制作することが大切。Firefoxの拡張ツール「Web Developer Toolbar」を利用して、テーブルレイアウトの構造、フルCSSのページ構造、見出し構造、非推奨要素を確認する方法を説明しよう。 Firefoxの拡張ツール「Web Developer Toolbar」 Firefoxでは「Web Developer Toolbar」(以下、WDT)という高機能な拡張ツールが利用できる。名前のとおり、Web開発者向けのツールバーであり、CSSやJavaScriptの無効化、画像表示の無効化、ソースのバリデーションなどをツールバーから直接実行することができる。 まず、インフォアクシアで公開されているWDT日本語版をインストールしよう(http://www.infoaxia.com/tools/webdeveloper/)。Firefox(ま
企業における企業活動の1つの指針として、「デジタル化度合」という尺度がある。イノセスというコンサルティング会社のWebサイトに掲載された記事「デジタル化がもたらす企業価値」によると、デジタル化度合とは、 と定義されている。今回はこのデジタル化度合という観点を交えて、コンテンツのデジタル化の在り方について考察する。 資産になるコンテンツとは? コンテンツはデジタル化されることにより、移動性・検索性・精度・保存性などが高まり、それらに必要なコストが低減する。とはいえ、どのようにデジタル化するかによって、得られる効果は大きく違う。 具体的な例を挙げて、問題の本質をはっきりさせてみよう。 いま流行のデジタル一眼レフカメラを買った人間がいるとしよう。この人が交換レンズを追加購入したいと思い、オプションレンズにどのようなものがあるかを調べるためにカメラメーカーのサイトを訪れたとする。このとき、まずは自
18 Years' PCB Manufacturer Excellence With Quality At It's Best! Hillmancurtis is China PCB assembly manufacturer,who offers complete PCB assembly services in Shenzhen, Hillmancurits’s capable of providing turn-key and partial turn-key printed circuit board assembly services. For full turn-key, we take care of the entire process, including manufacturing of Printed Circuit Boards, procurement of co
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日本語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く