タグ

designとwebに関するkicchomu3のブックマーク (19)

  • You searched for design - Ecommerce Platforms

    Opting for Shopify as an ecommerce platform and page builder has its advantages. Not only does Shopify offer a full online store with advanced marketing tools at an affordable monthly rate, but the themes and apps for designing and extending your store are often free or rather inexpensive. Advertisment ⓘ We often recommend premium themes from Shopify due to their extra features and more intuitive

    You searched for design - Ecommerce Platforms
  • みんなが使えるホームページの作り方:みんなのウェブ

    情報通信研究機構(NICT)では、ホームページを作る機会のあるすべての人に向けて、知っておいてもらいたいウェブアクセシビリティ12のポイントをまとめました。はじめから順番に読み進める必要はありません。まずは、できるところから、ほんの1つでもあなたの制作するページに取り入れてみてください。 なお、この12のポイントは、JIS X 8341-3:2004「ウェブコンテンツ」の制定前に作成されたものであることから当該JISの個別要件には必ずしも対応していませんが、参考までに、「b. JISの個別要件と12のポイントの関連」に、JISの「5.開発及び制作に関する個別要件」との関連を示しています。その要件及び内容については、JIS原を参照してください。 また、JISの各個別要件の表記は、経済産業省産業技術環境局標準課のご理解により原からそのまま引用させていただいています(転載禁止)。 あわせて、

  • ヤフーのトップページ刷新までの道のり・ウェブ開発物語 インターネット-最新ニュース:IT-PLUS

    電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign(東京・渋谷)だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 [有料会員限定] 「情報銀行」説明会に200社 データ流通の枠組み始動

    ヤフーのトップページ刷新までの道のり・ウェブ開発物語 インターネット-最新ニュース:IT-PLUS
  • 実践アクセシブルHTML - フォームは送信してもらえばこそ

    こんなフォームはイヤだ! フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。

  • 抽象化がもたらすリアル (arclamp.jp アークランプ)

    Inter Communication (インターコミュニケーション) 2007年 04月号 の特集は、「デザイン/アート 芸術と科学のインターフェイス」というもの。いくつか面白い記事があったのですが、抽象化がもたらすリアルみたいなことで思うことがありました。 まず、巻頭の茂木さんと山中さんの対談はそうだよねぇーの連続。山中さんはSuica自動改札機やCyclopsをデザインしたことで有名な方。 ところでヒューマノイド・ロボットを作るうえで、人間に似せていくほど不気味になってくるという「不気味の谷(Wikipedia)」という現象があります。山中さんは、これを「サイエンティストの傲慢」と切った上で次のように述べています。 彫刻を作るとき、睫毛を植えたり、髪の毛を生やしたりは普通しないですよね。なぜならば、そんなことをしないほうが美しく、よりリアルであることをアーティストたちは気がついてい

  • 小粋なインターフェースを実現する25のコード (パート3) - SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳 ~

    シリーズもの第三弾が発表されていました。ウェブ製作に使えるちょっとした小技集です。パート1と2もあわせてどうぞ。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード (パート2) 今回も全部で25個ありますが、気になったものをいくつかピックアップ。 ↑ Flickrのようにクリックするとその場で編集できるようにする方法。 ↑ テキストがフェードイン、フェードアウトしていくような効果を作る方法。 ↑ CSSだけで上のようなボタンを作る方法。 ↑ CSSだけでリストをこのようなツリーのようにする方法。 全部見たい方は以下からどうぞ。一度試しておくと技の幅が広がりそうですね。 » 25 Code Snippets for Web Designers (Part3)

    小粋なインターフェースを実現する25のコード (パート3) - SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳 ~
  • CSS Rounded Corners 'Roundup' | Smiley Cat Web Design

    This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS

  • Open Design Community - Download Free Web Design Templates - OpenDesigns.org

    1. Style & Functionality Artistic Blog Business Gallery Magazine Portal Portfolio

  • 80年代のAppleに学ぶUIの部品化とガイドライン ― @IT

    インタラクションデザインパターン(1) 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア 上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザインというものは大昔から私たち人間が取り組んできたことですが、近年急激にデジタルデバイスが多様化したことによって、インタラクティブな道具をデザインするための方法論は技術の進歩に追い付くことができなくなっています。利便性を高めるはずの新技術が使い方を複雑化する要因となり、利用者の混乱は増すばかりです。 最近私は携帯電話を買い替えたのですが、同じメーカーの3年前の機種と比べて、著しく使い勝手が悪くなって

  • ウェブデザインに使える16のジェネレーターツール - DesignWalker

    ウェブデザインに使える16のジェネレーターツール - DesignWalker
  • ウノウラボ Unoh Labs: ウェブデザインに不可欠なツールサイトの紹介

    naoyaです。 今日は最近見つけました”ウェブデザインに不可欠なツールサイト”を紹介します。その名前も「Web Design Tools - thePeoplesToolbox」です。このサイトはウェブデザインの使われるさまざまなサイトをまとめたサイトです。 それでは、さっそく使ってみることにしましょう。 まず、最初にユーザ登録した方が自分のツールボックスにできるので登録してみましょう。 登録するには、右上の"login"リンクから、必要な情報を入力するだけでその場で登録完了となります。"Enter Code"には、"Authentication Code"と同じ文字を入力します。 ウェブデザインサイト1 posted by (C) フォト蔵 ログイン後、"home"リンクからトップページを表示すると、ウェブデザインに使えるサイトの一覧がカテゴリ別に表示されています。 この中から

  • ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく

    ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。

  • ユニークなチラシやフライヤー作りに最適な『Party Printer』 | P O P * P O P

    これは素敵。 文章を円形に並べているデザインってたまに見かけますよね。パンフレットやチラシなんかで。 いままで、それを作るには「Adobe Illustrator」などの専用ソフトが必要でした。しかし、この「Party Printer」を使えば一瞬で作成できちゃいます。しかも無料。 テキストと形、そしてフォントなどを設定するだけで完了です。円形以外にも迷路や波の形にすることもできますよ。 » Party Printer 下記、使い方を簡単にご説明。 ↑ まず、好きな文章を入力します。残念ながら日語には対応していません。 ↑ 次に、形を決めます。よく使うのは円や波の形でしょうか(ちなみにrebusというのは文字を使ったクイズです)。 ↑ フォント、文字の大きさ、印刷する場合のサイズを決めます。 するとこのような(↓)pdfができあがりますよ。 ↑ 円形。イベントやパーティのフライヤーなんか

    ユニークなチラシやフライヤー作りに最適な『Party Printer』 | P O P * P O P
  • 第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点:ITpro

    今回は,先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった,使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し,それをプログラミング言語であるところのJavaScriptを使って解決した,というお話です。 その問題とは,「文字の大きさ」に関するものです。 ブラウザには,文字のサイズを変更する機能が用意されています(図1)。例えばInternet Explorer(IE)なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが,「大きく」「小さく」というメニューになっており,より自由に表示サイズを変更することができます。 図1:ブラウザでは文字サイズを変更できる ちなみにOperaは

    第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点:ITpro
  • Open Web Design - Download Free Web Design Templates

    Open Web Design is a community of designers and site owners sharing free web design templates, website templates as well as web design information. Helping to make the internet a prettier place! 0 designs posted this week, 4658 designs total!

  • ステルス・ウェブ・デザイン | スラド

    gumonjiや国産MMORPGのミドルウェアのVCEで有名なCommunityEngineのCEO、ringoこと中嶋 謙互氏のblogでステルス・ウェブ・デザインという面白い概念が提唱された。 人間の視覚特性を電磁波のステルス性の概念に置き換えることによって、視覚特性という非定量的なものを、電磁波のステルス性という定量的な物に近似することができる。それによって、ものが美しいかどうかを定量的に議論することが出来る、というのが大体の主旨だ。 いろんな意味で電波な文章ではあるが、電気系の教養がある方はこの概念がすんなり分かると思う。

  • ステルス・ウェブ・デザイン - Ringo's Weblog 2006年12月16日 アーカイブ

    ステルス・ウェブ・デザイン ステルス・デザインの方法というがある。(Webテキスト) このでは、「レーダーで見つけにくいかたちは良いかたちである」という、 デザインに関する新しい理論を提唱し、その名前を「ステルス・デザイン」と命名している。 ステルス・デザインの理論には、まだ完全に煮詰まっていないところが残るのだが、 極めて大きく発展する可能性を秘めている。 このような面白いアイデアを出すパスファインダー・チームの皆さんには敬服する。 私はまず、ステルス・デザインの考え方を発展させる第一段階として、 「ステルス・ウェブ・デザイン」という方法論を考え、いくつかの提案をする。 その提案資料を作成したので、このエントリにupしておく。 この資料は、Mac用のKeynoteで作成した。PDFで出力すると、 画質が不足して微妙なニュアンスが伝わらないので、時間のある方には、 ぜひTIFF版を見て

  • hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ

    パチンコの遊び方と攻略 – 成功のための戦略を発見しよう!パチンコの遊び方をマスターしよう!プロのテクニックを習得して勝者に!パチンコの楽しさを体験しよう!成功のための戦略を発見しよう!戦略を鍛えてより高い勝率へ!

    hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ
  • Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた - 日経トレンディネット

    次期Windows OS「Vista」に標準搭載される「Internet Explorer 7(IE7)」(日語版)のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース「マイクロソフトがInternet Explorer 7 ベータ2を公開」を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。 まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている(笑)。マクロソフトの看板アプリケーションに抜かりがあるはずはない。 ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、「はてなダイアリー日記」はIE

  • 1