高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
デザインちっくなグラフが作れるpChartをやってみたよ＼(゜ロ＼)(／ロ゜)／ - PHP,MySQL,Flex,JSな日々＋イラストとか
PHPでグラフといえばjpgraphだけど、デザインがそっけない。 ってことで、最近話題なpChartを使ってみました。 こんなのを作ってみました。 pChart - a PHP class to build charts こちらはGDライブラリが使える状態であればＯＫっぽいです。 ＃jpgraphなどがいらない。 デフォルトでついてくるサンプルはこちら PHPなコードはこちら <?php // Standard inclusions include("pChart/pData.class"); include("pChart/pChart.class"); $gtitle = "レーダーチャート"; $title_a = array( "読みやすさ", "コスパ", "初心者", "数学", "デザイン", "サーバ", "ページ数" ); $num_a = array( 8, 5, 2
最低限知っておくべきデバッグリスト : LINE Corporation ディレクターブログ
こんにちは。ライブドアでディレクターをしている渡辺です。 今回はウェブサイト開発で必須のデバッグ項目について紹介したいと思います。 携帯コンテンツのデバッグに関しては『ケータイコンテンツのデバッグ事情』で述べられているのでご覧ください。 一口にデバッグと言っても、コンテンツによって確認すべきポイントは異なってきます。 そこで、ここではコンテンツの内容に左右されずによく行われている、デバッグの基礎的なものをまとめました。 そもそもデバッグの目的はコンテンツを本来の仕様にすることです。 そのため、心がける点は一般ユーザーの視点よりは、「どこかにバグがあるんじゃないか？」と厳しい目でサービスをチェックしてくれるユーザーの視点に立って行うことです。 修正点を見つけたら、すぐマークアップエンジニアさんやプログラマーさんに伝えて対応してもらうことになります。 【01】異なるブラウザで確認する まずはブ
POLAR BEAR BLOG: WEBデザイナーが参加しておくべき63のオープンコースウェア
ご参考にどうぞ。WEBデザイナーの方々に役立つ知識が学べる、オープンコースウェアを60以上も集めた記事です： ■ 60+ Killer Open Courseware Collections for Web Designers (College Degree.com) 残念ながら海外の大学ばかりなのですが、役立つ知識が見つかるかもしれません。蛇足気味に、コースのタイトルと大学名だけ列挙しておきます： 【入門編】 コンピュータ入門 （Berkeley） ウェブデザイン入門 （Indiana University） マルチメディアとワールド・ワイド・ウェブ （DePaul） ウェブページ・オーサリング （Sofia） ウェブデザイン （Miami Dade College） WWWとHTML入門 （University of Minnesota） HTML基本編 （University of
Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場:phpspot開発日誌
Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場 2007年12月14日- gchartphp - Google Code A simple PHP Object wrapper for the Google Chart API. Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場。 昨日、「PHPで「Google Chart API」を扱う」で出てこないかな、と言ってたものが早くも登場。 次のようなオブジェクト指向な分かりやすいコードでGoogle Chart API を扱うことが可能です。 $piChart = new gPieChart; $piChart->addDataSet(array(112,315,66,40)); $piChart->valueLabels = arr
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
コードとデータの合従連衡 : 404 Blog Not Found
2006年11月20日13:45 カテゴリArt コードとデータの合従連衡 実はその逆の設問もありうる。「プログラムはデザイナーのものなのか」。 矢野勉のはてな日記 - PHPやJavaのJSPやRubyのeRBのクールじゃないところ simfonyの10分デモを見てて考えたことがきっかけではあるんだけど、実はRuby on Railsの勉強で本を読んでた時にも思ったこと。彼らはHTMLファイルにコードを書くことをなんとも思ってないんだね。もちろん、プログラマからすればその方が早いのかもしれないけどね、私には「HTMLはプログラマのものなの？」という思いがあります。 プログラマーに限らず、「プロ」は、分業する際お互いの領域を侵さないようにするのが作法(best practice)であると、プロの多くが思い込んでいる。「コードとデータの分離」をプログラマーが耳たこのように聞かせられてきたのも
Bridge Word
This shop will be powered by Are you the store owner? Log in here
WEBデザイナー辞典｜WEBデザイン/WEBデザイナー/WEBデザインのノウハウ情報
webデザイナーには独学でなることも可能です。技術さえ持っていれば年齢や学歴にも左右されない強いカードになることでしょう。 残念ながら当サイトは2008年に作られたサイトなのでテーブルコーディングがところどころ採用されていたりとテクニックやデザイン的に古いです。今はDreamwerver等のウエブデザイン専門ソフトを使わなくても、簡単にホームページが作れる時代です。 webデザイナーになりたい！でもどうやって勉強したらいいの？そんな悩みを持つ君に、ホームページ制作課題を数パターン用意してみました。まずはチャレンジしてみませんか？ 仕上がったら展示場に投稿してみんなに見てもらおう。（現在は投稿機能は終了していますが、各自ぜひお勉強のためにトライしてみてくださいね） 現場のプロがやさしく書いた Webサイト運営・プロデュースの教科書 webサイトのプロデュースから、webデザイン、SEO、運営
Web2.0ナビ: PHPでTagCloudを簡単に実装する方法
いいね！ 0 ツイート B! はてブ 44 Pocket 2 pearのライブラリを使うことで今流行りのTagCloudが簡単にPHPで実装できる。 ライブラリはPEAR :: PEPr :: Details :: HTML_TagCloud、日本の方が作られたようだ。ソースを見ていただければわかるが、非常にシンプル。 ここで紹介する内容ではないが、非常に簡単だったので、参考までに。。 まずはインストールをする必要があります。 wget http://catbot.net/src/HTML_TagCloud-0.0.4.tgz pear install http://catbot.net/src/HTML_TagCloud-0.0.4.tgz あとは下記のようなサンプルソースを書くだけ。シンプルで非常に便利。 <?php require_once(‘HTML/TagCloud.php’);
世界のPHPテンプレートエンジン、トップ25
PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。 そんなPHPテンプレートエンジンの中でも特に有名なトップ25を見てみましょう。 Jaslabs >> Top 25 PHP template engines 中には知らないのも混じってますが、それだけいろいろあるよ、ということで。 Smarty 動作速度の高速さとフレキシブルなところがウリ、かなり有名。 Heyes Template Class とても使うのが簡単で、パワフルらしい。ページレイア
404 Blog Not Found:「徹夜のナルシズム」のナルシズム
2006年06月22日18:55 カテゴリPsychoengineering 「徹夜のナルシズム」のナルシズム そういうナルシズムを持たずして「本当に出来る人」がいたら、是非お目にかかりたいものだ。 徹夜のナルシズムとは::したらば元社長日記 これは徹夜に限らず、通常の勉強や仕事でも同じことが言える気がします。つまり、実はみんな効果を上げたいのではなく、がんばっているという自己満足が欲しいだけなのかもしれません。 なぜなら、その問題が「出来る」かどうかというのは、やってみなければわからないからだ。 このことは、数学的に証明さえされている。プログラマーならそれだけではなく身をもって知っているだろう。 確かに、ある問題が解けるかどうかと徹夜にはあまり相関関係はない。しかし、寝食を忘れて没頭する能力を欠いた人が、未解決問題を解いたということも聞いたこともない。 徹夜そのものを目的にするべきでは決
CodeZine：Webブラウザで動くアイコンエディタの作成（アイコンエディタ, Flash, PHP, GDライブラリ）
はじめに 最近では、何事もWebブラウザ上のみで完結してしまうことが多いので、ちょっとしたデスクトップアプリケーションを作っても、なかなかインストールしてもらうことができません。そこで、Webブラウザ上で気軽に使ってもらえるように、FlashとPHPを使ってアイコンエディタ作成してみました。 現在、アイコンエディタは、ウノウラボのページで公開されています。 このアイコンエディタを元にしつつ、分かりやすく基本機能だけをもつアイコンエディタを作る過程を紹介します。対象読者Flashでツールを手軽に作ってみたい方PHPのGDライブラリの使い方を知りたい方Flash ActionScript2が多少分かる方PHPが多少分かる方 必要な環境 本稿の開発には、Flash 8、PHP 5を利用しました。なお、FlashはMX 2004、PHPは4でも動くことを確認しました。今回作成するツールの概要 Fl
0×0ピクセルのGIFファイル - キーワード広告の世界
ネット上のユーザの行動履歴を計測するときに 「Webビーコン(Webバグ)」なるものを使うことがあります。 どの本を見ても 「1×1ピクセルの透明GIFファイルを使うことが多い」 などと書いてあるのですが、 「0×0ピクセルのGIFファイル」というものも生成することができます。 Perlを使ってHTMLを生成したことのある人なら、 print $query->header(-type=>'text/html'); という呪文は知っているかと思いますが、 この呪文は、 インターネットがサポートしているファイルなら なんでも対応できます。 なので、 print $query->header(-type=>'image/gif'); と書けば容量0のGIFが生成され、 print $query->header(-type=>'video/x-ms-asf'); と書けば容量0のASFファイルが生
I.wahr.T
当サイトは Firefox 1.5 以降、Opera 8.5 以降、IE 6.0 以降の動作確認をしております。JavaScript を有効にするとより幸せになります。
ミニグラフ作成ライブラリSparkline:phpspot開発日誌
Sparkline PHP Graphing Library Back in the dot-com heyday, you might remember that Cisco, EMC, Sun, and Oracle were nicknamed "the four horsemen of the Internet". You might now say: "companies that ride together, slide together." Large 5-year charts of these four stocks. ＰＨＰで次のようなミニグラフを描画するためのライブラリ。Sparkline。 配列を渡せばグラフを描画してくれるので簡単に扱うことが出来ます。 アクセスカウンタ、等ちょっとしたアクセントをおきたい部分で使いたいライブラリです。
エンジニアがダメなUIデザインをする原因
ことビジュアルデザインに関しての経験論としては、 ・エンジニアは画面のオブジェクトや文字の単位で画面を見る。 ・デザイナーはピクセル単位で画面を見る。 そもそも見ている解像度が違う。 エンジニアは機能を見る。デザイナーは間隔を見る・・・って言ったら言い過ぎ？ そもそもインフォメーションデザイン、インタラクションデザイン、ビジュアルデザイン、システムデザインは、すべて別個の職能だと思います。このうち、どの範囲の能力を保有してるかで、戦士にも魔法使いにもなれるんじゃないでしょうか。まぁ全部を十分に持ってる人は滅多に見ませんけどね。そういう人は、yugoさんのような世界的なアーティストとして活躍してることでしょう。 Ajaxを作る場合は、いわゆる「エンジニア」と呼ばれる人が、システムデザインはもちろん、インフォメーションデザインとインタラクションデザインのかなりの部分を担当することにならざるを得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)) DEVLISTING
http://www.yasuhisa.com/could/entries/000992.php