非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
メディア・パブ: フォトジャーナリズム・ブログ，新聞社サイトで脚光浴びる
米新聞社サイトのフォトジャーナリズムが熱い。 Boston GlobeのThe Big Pictureを見てもらいたい。フォトジャーナリズムの意気込みが伝わるだろう。以下は5月29日付けのソマリアの写真報道ニュースである。Fighting for control of Somalia（May29,2009)にアクセスすれば，Webでの写真報道のすごさを実感できる。 この記事例では32枚組の写真が主役である。Big Pictureと称するだけあって，各写真がほぼフルスクリーンのサイズなので，迫力がある。一般の読者には残酷すぎる写真を黒塗りにして見えないようにしているが，クリックすると写真が現れる。こうした写真報道は，新聞紙ではとても実現できない。スペースに制約がないWebならでの構成である。インドの総選挙の写真報道“India's massive general election”もすばらし
ウェブ高速化のための画像軽量化処理入門 - 酒と蕎麦と IT と
日経 BP 社「PC Online」の「『Yahoo!ニュース』の表示速度が3〜5倍に、そのからくりは……」という記事が人気を博しているようなので、その人気にあやかって、私が普段実行している画像軽量化の実際の手順をご紹介します。 きっと私のやり方よりスマートな方法がたくさんあると思いますので、ご存じの方はコメントやトラックバックでぜひ教えてください。また、このエントリーで出てくるソフトウェアは基本的に Windows 用で、すべて無料で使えます。 叩き台とするページ 叩き台をテキトーに作ってみました。 画像は Paint.NET で作成しました。専業デザイナーでない一介のプログラマーの私にとって、無料で使いやすいペイントツールです。一応 Photoshop Elements も持っていますが、Paint.NET のほうが手に馴染んでいます。 この段階で、7 枚の画像ファイルを使用しています
あなたのブログやサイト作りに、タダで使える10の方法 | ライフハッカー・ジャパン
進行中のプロジェクトがあって、途中経過を友だちには見せたいけど、ネット上にはまだ公開したくない、もちろん検索で引っ掛かるのもマズいという場合。『.htaccess Editor』を使えば、ベーシック認証やアクセス制限など、個人的にちょっと使いたい程度のことは簡単にできます。こういう類いのアプリは他にも色々あるけど、これはアクセス制限と許可に関する設定を、1つずつ順を追ってすることができるのがいいです。あと、いくつもあるサブドメインの設定をする時も便利（参考記事：「.htaccess実践活用術」）。 残る9つのハックは以下にて。 【9】サイトをiPhoneや携帯ブラウザに最適化する方法 携帯やスマートフォンでブログを読む人の数は、どんどん増えてきています。以前紹介した、あなたのブログをiPhone閲覧用に最適化する『Intersquash』（米過去記事）は、iPhone用のRSSフィードも作
満足せる豚。眠たげなポチ。:大規模サービスの運用事例まとめ
ここ数年の大規模サービスのシステム運用について調べてみたので参照したページやファイル、本へのリンクをまとめておく。PDF へのリンクも多数含まれているのでご注意を。 時代が時代なら企業のノウハウとして隠されていたような情報がこれだけ公開してもらえているというのが非常にありがたい。公開してくれている各企業や公開してくれている人に感謝。 あとで気付いたが、Google や Facebook の事例も探しておけばよかった。Thrift とかあったのに。「こんな情報もあったよ」などあればぜひ教えてください。追記していきます。 youtube http://d.hatena.ne.jp/stanaka/20070427/1177651323 digg http://d.hatena.ne.jp/stanaka/20070427/1177651323 livedoor http://labs.cybo
ログインを優れたものにする11の方法 | エンタープライズ | マイコミジャーナル
SitePoint - 11 Expert Tips For Enhancing The User Login Process WebサービスやWebアプリケーションをローンチしたときは開発者もやる気に満ち溢れ、初期ユーザからもいいフィードバックがもらえる。ユーザは自分の意見がストレートにサービスに反映されることを嬉しく感じ、デベロッパも開発に手応えを感じ熱心に改善する。しかし時が半年も経つといつのまにかユーザが遠のいている。よくある話だ。 Webサービスは導入までの敷居が低いため、ユーザはちょっとでも不便なUIがあると使う気が失せて別のサービスを探すようになる。たとえばそれがログイン部分であったら致命的だ。ログインしてもらわないことにはまず使ってもらえない。ログイン処理はセキュリティであったりユーザ体験であったりもっとも重要な部分だ。 Gary Barber氏がSitePointに11
SEOやSMMのためにブログを作ったらまずやることリスト - ソーシャルメディアマーケティング(SMM).jp
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 プラグインやテーマの追加、変更はおいておいて、ブログを立ち上げたらまずやることリストをこのエントリにまとめていこうと思います。見つけたもの、思い出したものを順次追加していきます。 これもやっといたほうがいいよ！というものがあればコメントもらえるとうれしいです。 Wordpress と Movable Typeのプラグインについてはまた後ほどまとめようと思います。 12月6日1:00 追記 戦略やコンテンツについて書かれていないというコメントをはてブでもらいました。ブログを始める前に考えておくべき戦略やコンテンツ作成の方針についても後ほどエントリを書こうと思います。 12月8日11:35 追記 F.Ko-Jiの
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
15 Must-Have Bookmarklets For Web Designers And Developers WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。 起動すると、その場で画像などの要素をドラッグ＆ドロップでデザインできたりする便利なブックマークレット集です。 ReCSS - Reloads The CSS 起動すると、サイトのＣＳＳが再読込みされ、リロードすることなく見栄えの更新ができる Edit Any Website - ブックマークレット XRAY - See Details Of Any Web Element 起動するとJavaScript製のＤＯＭインスペクタが起動します。 MRI 起動してエレメントをクリックすると、クリックしたエレメントのセレクタが取得可能。 Design - Grid-Rule-Unit-Crosshair 起動すると、4
プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。 Create a Dark Themed Web Design from Scratch Making Your Own Portfolio Web Page Design a Cartoon Grunge Website Layout Hand Drawn Layout Online Photo Portfolio Layout Sound System Studio Website Layo
MOONGIFT: » 必見！怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
要チェック！CocoaアプリケーションのようなUIをWebブラウザ上で実現する·Cappuccino MOONGIFT
いつ出るか、いつ出るかと待ち遠しかったがついに登場した！ Mac OSXのインタフェースが優れていることは大多数の人が認めるだろう。Windowsには感じられない、エレガントなインタフェースはMac OSXやiPhoneなどで活躍している。あのインタフェースをWebブラウザ上で実現できたらどれだけ良いだろう。 サンプルアプリケーションのflickrビューワー Ajaxを使ったGmailをはじめて触ったときのあの驚きを再び感じさせてくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCappuccino、Webブラウザ上でCocoa風インタフェースを実現するアプリケーションフレームワークだ。 Webベースでありながら、JavaScriptを記述する必要はない。Objective-Cに似た、Objective-Jというプログラム言語で記述して、それをWebブラウザ向けにJ
日本のECサイトBEST1000
キーワード入力し検索ボタンを押すと「ネットショップ・運営会社・所在地・取り扱い商材」別に検索ができます。 売上高に※表示がついている場合は推測金額です。 ＥＣショップサポート 株式会社エンターテック 初めても乗り換えもネットショップ構築ならワイズカート レンタルサーバ インフォジャム 売上アップSEO機能搭載レンタルサーバ無料お試し! ECシステム フューチャースピリッツ 多くの有名店長が使うプロユースの高機能カート ＥＣショップサポート 株式会社ＳＡＶＡＷＡＹ（サバウェイ) 取引実績580社！ネットショップ成功の鍵サバウェイ
コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今“ 知っておくべき”ケータイサイト制作事情 第5回 - MdN Design Interactive
isocchi.com
http://www.designwalker.com/2009/01/speedup.html
http://www.designwalker.com/2008/12/webdesign2008.html
セマンティックWebはもうそこまで来ている? 第20回WebSig会議レポート | 編集部ブログ―鈴木教之
https://www.designwalker.com/2008/09/business-webdesign.html