webサイト製作中に俺が陥りがちなこと11 - the cycles of activity
一週間でできるなーとか見積もっちゃうできない！できるのは骨組みだけだ！修正とかエラーチェックとかしてると時間だけは無駄に食う！おまえに一週間でできる仕事はない！トップページのデザインをして終わりだと思うリーフなんてトップの焼き増しだし、リーフなんて適当にあとでやりゃいいやと思いがち。んなこたない、リーフのデザインはどれだけそのサイトに時間がかかっているかを見極めるポイントである。CSSだけで構築された「このサイトについて」なんてコンテンツは寂しすぎる。グラフとか絵が必要、であればしっかりと書き下ろすべきなのだ！スタイルシートの名前を適当につけるDIV.column DIV.leftとかやっておきながら、後でDID.column DIV.inner DIV.leftとか作っちゃう、すると前に書いた奴を引きずっちゃう、ウザイ。ちゃんと考えろ構造を、ちゃんと後先考えろ！なんでそんな名前つけてんだ
企業ウェブサイトが気をつけることランキング - ネタフル
本当は企業のウェブサイトで困ってしまうことランキングなのですが、裏返せば、企業が気をつけた方がいいということな訳で。 インターネットで気になる商品の詳細を調べたり、企業情報を調べたりしているときに、インターフェースの使い勝手の悪さや閲覧性の低さに「何なんだ、このウェブサイトは！」と叫んでしまった経験——。誰しも一度はあるのではないでしょうか？ 企業がウェブサイトを持っているのは当たり前、さらにブログを持っている企業というのも増えていることでしょう。 ただ、持っているだけでは宝の持ち腐れで、何らかの形で営業やマーケティングに活用したいものです。 ウェブサイトを活かすも殺すも担当者次第‥‥ということで「企業のウェブサイトで困ってしまうことランキング」を見て、自社サイトを振り返ってみてはいかがでしょうか。 1位 情報が数ヶ月間更新されていない 2位 画像が多くて、重い 3位 「準備中」のコンテン
DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo
無料で使えるワイヤーフレームツールのまとめ : could
ソフトウェアワイヤーフレーム 無料で使えるワイヤーフレームツールのまとめ Firefox 上で動作するワイヤーフレームツール Pencil をはじめ、無料でしかも便利なツールが増えてきました。紙とペンでワイヤーフレームを描くのは基本ですが、より本物に近いプロトタイプを作るのであればソフトウェアを使うのが最適です。以前紹介した「プロトタイピングの基礎の基礎」も併用に読んで今回紹介するツールの中から自分に合ったツールを探してみてはいかがでしょうか。 DIA: a drawing program UMLダイアグラムに特化していますが、ワイヤーフレームも作れます。基本的にデータは XML で保存されますが、EPS, SVG, PNG といった別形式にも書き出せます DENIM タブレットで操作すると快適そうなプロタイピングツール。サイト内をどのように移動するかを確認するには使えそうです OpenO
これだけは知ってほしいウェブデザインの常識 インターネット-最新ニュース:IT-PLUS
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
新規でサイトを作るのに使えそうなの一式。Ver 2｜CSS HappyLife
新しいdigiper staff blogが始まりました。 PICTOGRAM CHANNEL - ピクトグラム チャンネル タイトルまんま、ピクトグラムを扱ってるサイト。社員ブログに型は無いので書きたいのを自由に書けるんです。 何気に、同じ職種なので負けないように頑張ります。っていう宣戦布告。 さて、以前公開した新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）を自分も使ったりしてたのですが、なんだかいけてない部分が目立ってきたので、修正してみました。 Ver2って言うのは、区別したいだけでたぶん中身はそこまで変わってません。 むしろ人によっては前のが相性が良いかもしれませんので、お好きなのを使ってもらえると幸いです。 えっと、ダウンロードは以下よりお願いします。 新規でサイトを作るのに使えそうな一式。Ver 2をダウンロード（zip：18kb） ちなみにダウ
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 3
テキストにメタル・光・水・草・キャンディーなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
[CSS]画像をクリップや額縁でデコレーションするスタイルシート
Web Designer Wallのエントリーから、画像にテープ、ピン、クリップ、テキスト、フレームなどを使用してデコレーションするスタイルシートを紹介します。
テクノロジー : 日経電子版
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
無料で使えるとてもかわいいベクターアイコンセット『Milky』 – creamu
かわいいアイコンを探している。 そんなあなたにおすすめなのが、『Milky』。無料で使えるとてもかわいいベクターアイコンセットだ。 『Milky』は、↑のようにとてもかわいいアイコン集。先日紹介したBright!の続編のようだ。 You can use Milky for personal and commercial projects at free of charge, if you use Milky for your websites, backlinks and credit are appreciated. 個人利用、商用利用に関わらず無料で使える。サイトで使う場合はバックリンクかクレジット表記をしてくれるとうれしい。 とのことだ。 とても使えるアイコンセットではないだろうか。 無料で使えるとてもかわいいベクターアイコンセット、チェックしてぜひ使ってみていただきたい。 百式田口
無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
デザイナーが選ぶ超いかした英語フォント20 - ITクオリティ
すごいかっこいいフォントばかりあつめられたエントリー。 かなり素敵ですよこれ。 My Top 20 Free Fonts + Typography Roundup + Resources 中でも以下の5点がお気に入り。 Grutch Shaded Font | dafont.com thuphap font | UrbanFonts.com The King & Queen font Font | dafont.com Bleeding Cowboys Font | dafont.com Ginga Font - Acid Fonts とってもいい感じです。 2008/04/23(水) 21:05:20| デザインを学ぶ | トラックバック:0 | コメント:0
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 2 | コリス
テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
あなたのブログのユーザビリティを改善する方法トップ5
少し前にブログをつくったときのチェックリスト | IDEA*IDEAという記事がありました。とても大事です、耳が痛いですｗｗ というわけで今回は
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いろいろなサイトのフォームのログインを集めた -Login Forms Design Showcase
Faviconギャラリー・ジェネレータまとめ | DesignWalker
ブログのバナーを無料写真素材を使って作る：フォトショップ職人
IDEA * IDEA