タグ

designに関するyuki_2021のブックマーク (179)

  • サービス終了のお知らせ

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

  • smallest website in the world! guimp.com

    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.

    yuki_2021
    yuki_2021 2006/11/07
    世界最小のWebサイト。ピクセル単位でデザインされてる。
  • @IT:Webアプリケーションのユーザーインターフェイス[1]-1

    Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス(特にGUI)デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが

  • 色や大きさを後から変更できる AQUA風ボタンの作り方

    二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法(知り合いのデザイナーから教わった技法)でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは40%程度が適切、色は黒にする(黒にしておくと、後でメインの色を変更したときにここを変更し

  • AQUA風ボタンの作り方リンク集 - チープカ

    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:/

  • フォームとアクセシビリティ -- ごく簡単なHTMLの説明

    フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル(説明的な名前)を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次: コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素: label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール(テキストフィールドやメニューなど)は、name属性を持ちますが、それは送信データに名

    yuki_2021
    yuki_2021 2006/11/07
    キーボードショートカットなど
  • qwantz.com - poster child mario question blocks!

    yuki_2021
    yuki_2021 2006/11/07
    はてなブロックを町中に配置しようという試み。まじめだ・・・
  • FlashBlog.JP:「Flashでデザイン 差がつくBlogサイトの作り方」

    yuki_2021
    yuki_2021 2006/11/07
    Flash movabletypeでデザインするブログの作り方。
  • Web標準Blog | メソッド | ミツエーリンクス

    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モジュ

  • CSS Allstar

    企业概况 Survey 董事长致辞 Speech 发展历程 Course 百诺荣誉 Honor 企业文化 Culture 产业集群 Colony 山东百诺太阳集团2007网站股份有限公司(百诺太阳集团2007网站,股票代码836534)成立于2000年8月,总部位于山东省济南市,致力于打造国内领先的太阳集团2007网站研发技术平台公司,通过ISO9001国际质量管理体系和知识产权管理体系认证,成立研发行业“院士工作站”,全国工商联太阳集团2007网站研发分会副会长单位,先后荣获“中国太阳集团2007网站研发公司十强”、“新三板创新百强榜”、“国家技术转移示范机构”、“国家高新技术企业”、“山东省企业技术中心”、“2018中国(行业)最具影响力品牌”、“中国技术市场金桥奖”、“2019年中国太阳集团2007网站工业最具投资价值企业”等多项荣誉。目前公司已成功开发了各类新药330余个,240余

    yuki_2021
    yuki_2021 2006/11/07
    優れたCSSレイアウトまとめ
  • Programming Media II. UCLA D|MA . Spring 05

    "; 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

    yuki_2021
    yuki_2021 2006/11/07
    微生物のような模様を作り出すアプレット
  • Extensions for Web Developers - Spellbook - IT mage’s best friend

    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

    yuki_2021
    yuki_2021 2006/11/07
    Web製作者用、firefoxエクステンションまとめ
  • 脱毛おすすめランキング | 全身脱毛で人気の脱毛サロンを口コミで比較

    オンラインゲーム開発ではJavaScriptが、最も多く使用されているプログラミング言語のひとつです。また、オンラインで遊べるおすすめカジノでは最新ゲームや最近の人気ゲームをプレイ可能。ゲームの傾向を知ることで新作ゲーム開発の参考もしっかりチェック! 小学校の教材としても使われている、プログラミング教材アプリ「プログラミングゼミ」。ブロックなどのオブジェクトを動かして学ぶ’ビジュアルプログラミング’や動画で学習していくので、初心者でも楽しくプログラミングを学べる!

    yuki_2021
    yuki_2021 2006/11/07
    これだけ描けるとすごいよね
  • ImageChef - Customize Photos, Clip Art

    新規メンバー登録は こちらから このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。

    yuki_2021
    yuki_2021 2006/11/07
    画像を選択して、言葉を入力すると合成して出力するジェネレーター。WEBデザインもGOOD
  • 第7回 ページ構造を確認する方法

    XHTML+CSSでは、ページ構造を意識して制作することが大切。Firefoxの拡張ツール「Web Developer Toolbar」を利用して、テーブルレイアウトの構造、フルCSSのページ構造、見出し構造、非推奨要素を確認する方法を説明しよう。 Firefoxの拡張ツール「Web Developer Toolbar」 Firefoxでは「Web Developer Toolbar」(以下、WDT)という高機能な拡張ツールが利用できる。名前のとおり、Web開発者向けのツールバーであり、CSSJavaScriptの無効化、画像表示の無効化、ソースのバリデーションなどをツールバーから直接実行することができる。 まず、インフォアクシアで公開されているWDT日語版をインストールしよう(http://www.infoaxia.com/tools/webdeveloper/)。Firefox(ま

    第7回 ページ構造を確認する方法
    yuki_2021
    yuki_2021 2006/11/07
    フルCSSサイト作成時の注意点、基本的なこと。
  • 電脳狂想曲 レイアウトの小技

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    yuki_2021
    yuki_2021 2006/11/07
    幅や高さのピクセル数を入力すると黄金比を計算してくれる。レイアウト時参考になるラインも算出してくれる。
  • 企業にとって資産となるWebサイトの作り方 ― @IT情報マネジメント

    企業における企業活動の1つの指針として、「デジタル化度合」という尺度がある。イノセスというコンサルティング会社のWebサイトに掲載された記事「デジタル化がもたらす企業価値」によると、デジタル化度合とは、 と定義されている。今回はこのデジタル化度合という観点を交えて、コンテンツのデジタル化の在り方について考察する。 資産になるコンテンツとは? コンテンツはデジタル化されることにより、移動性・検索性・精度・保存性などが高まり、それらに必要なコストが低減する。とはいえ、どのようにデジタル化するかによって、得られる効果は大きく違う。 具体的な例を挙げて、問題の質をはっきりさせてみよう。 いま流行のデジタル一眼レフカメラを買った人間がいるとしよう。この人が交換レンズを追加購入したいと思い、オプションレンズにどのようなものがあるかを調べるためにカメラメーカーのサイトを訪れたとする。このとき、まずは自

    企業にとって資産となるWebサイトの作り方 ― @IT情報マネジメント
    yuki_2021
    yuki_2021 2006/11/07
    Webコンテンツに求められるのは、移動性・検索性・精度・保存性。それらの、紙では実現できない機能を実現する。
  • Sideshow Creative

    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

    Sideshow Creative
    yuki_2021
    yuki_2021 2006/11/07
    flashを使ってリンクを表現。有機的な感じのラインがいい。動画の連動処理も面白いと思う。
  • 厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::

    プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ

    厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::
    yuki_2021
    yuki_2021 2006/11/07
    WEBデザインで使える、ツール集
  • BrowsrCamp

    yuki_2021
    yuki_2021 2006/11/07
    Safariでの見え方をjpgファイルで表示してくれる。win環境しかない人にオススメ。