http://www.designwalker.com/2009/04/wireframe-2.html
Appleの共同創業者・ウォズニアックに聞くGTD | ライフハッカー・ジャパン
もちろん、そのうちの一人はスティーブ・ジョブスですが、もう一人のスティーブといえば、スティーブ・ウォズニアック（Steve Wozniak）です。 ジョブスとともに小さなガレージで「Apple I」を開発した後、個人向けコンピュータの先駆け「Apple II」を設計したウォズニアックは、その後、いくつものベンチャー企業の立ち上げや学校のテクノロジープログラムの開発に関わってきました。最近では、米Gizmodoでもたびたびご紹介されているとおり、Hackintoshのカリスマとしても知られていますね。 そのウォズニアックが、米Lifehackerの電話インタビューに応じ、仕事のコツや、ハードウェア・ハッキングに対する考え方、若き起業家たちへのアドバイスなど、忌憚なく語ってくれました。 Lifehacker： 普段はどういうガジェットやアプリを使っていますか？ ウォズニアック：知人から送っても
『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳
いつも購読している海外のブログ記事ですが、図つきでわかりやすく紹介されています。 こういうのは過去にもいくつか見た事がありますので『Dezinerfolio流』と名づけておきます。 ようするにCSSタブメニューの横幅を、中に書かれたテキストによって、自動的に幅を調整すると言うもの。 タブメニューは結構使うようになってきたので覚えておいて損はないですよね。 もうタブの画像生成に悩まない 実際タブメニューは結構使いますので、これでひとつまた作業が楽になります。 タブの画像も、海外では無数に配布されていたり、生成できたりしますので、利用頻度は高いかと。 サンプルはこちら 図つきのため本当にわかりやすくなっています。 ソースコードはエントリに書かれていますので、そちらを参考にしてください。 Creating Liquid CSS Tabs for Menus もしもタブを作るのがそもそも面倒なら・
ビジネスブログで失敗する７つの理由
最近相談を受けるケースの多いビジネスブログですが、なにかと失敗しているブログを良く目にします。 何が駄目なのといわれるとそれはもう全部だめですねといっても良いくらいダメなブログになってしまっているケースも少なくありません。あなたのビジネスブログは大丈夫でしょうか？ ここに書いた7つの失敗は、これまでの経験から『改善する事で固定ファンが増えたリスト』です。 もしもドキッとしたら改革のチャンスかもしれませんね。 はじめに『ビジネスブログは見える化の場であれ』 ブログによって得られる効果は様々ありますが、ビジネスブログの基本は、３つの理念によって支えられています。 『情報の共有化』『仕事の見える化』『販売の促進』 この３つを念頭に、ブログの『記事』を『作り上げる』必要があります。 つまりこの３つのバランスが取れていなかったり、押し売りスタイルのみの記事では、ユーザーの心を捉えるどころか、『会社の
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
商用サイトでも無料で利用できるエコデザイン用のベクター素材
木・葉・太陽・リサイクルシンボルなどのエコデザイン用のフリーのベクター素材をsnap2objectsから紹介します。
[CSS]うっかりでは済まないスタイルシートの記述の間違い集
スタイルシートが意図した通りにブラウザに表示されない時、ブラウザのバグが原因の場合もありますが、ここでは主に制作者のタイポや勘違いでうっかりやってしまいそうなスタイルシートの記述の間違いをCSS newbieから紹介します。
Jailbreak無しで脱獄アプリのインストールを可能にするInstallerApp by Ripdev | iPhone 研究室
iPhoneを脱獄しないでJailbreakアプリのインストールが可能に Jailbreakに関しては違法か合法かといった論争もありますが、何よりも危険性を認識する必要があります。以前は複雑な手順を踏む必要があって、かなりコンピューターに詳しい人しかできなかった脱獄ですが、便利なツールが公開されてどんどん手軽になってしまいました。 今度は、iPhone本体を脱獄することなく、Appleの審査を受けていないJailbreakアプリをインストールすることができるソフトウエアが登場しました。Ripdevという会社が配布を開始したInstallerAppというMacソフトは、CydiaやInstaller.appといった脱獄済みiPhone用の配布システムを通して公開されている脱獄アプリを、脱獄していないiPhoneに直接インストールするソフトウエアです。Ripdevは、かつて脱獄iPhoneのア
CSSでピンバルーンを作成するチュートリアル:phpspot開発日誌
Create CSS pin balloons with ease CSSでピンバルーンを作成するチュートリアル。 次のような、カーソルを合わせるとハイライトされるような吹き出しをJavaScriptなしで作るチュートリアルです。 実際の動作はデモページを確認。 CSSのpositionとかhoverとかを組み合わせて作成してるみたいです。 吹き出し画像は透過PNG画像。 デモページ自体がサンプルページとなっているので、同じようなものを作りたい時に画像とCSSをちょっと書き換えて、サッと作れちゃうかもしれません。 タグ構造もとてもスッキリ <div id="map"> <div id="america"></div> <div id="europe"></div> <div id="africa"></div> <div id="asia"></div> <div id="australi
画像が浮き上がるjQueryを使ったイメージギャラリー:phpspot開発日誌
jQuery Image Effects - Hover Effect w/ jQuery & CSS - jQuery Tutorial 画像が浮き上がるjQueryを使ったイメージギャラリー。 デモページのようなギャラリーを作成できます。 jQueryで小気味よくアニメーションするところがなかなかよいです。 ちょっとしたところで使えそうですね。 関連エントリ jQueryを使ったFlashばりにクールなギャラリー「GalleryView」 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 滑らかに画像が切り替わる超絶クールFlash写真ギャラリー「imagin」
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
WEBプロデュースに役立つ10の無料ツール | I AM BLOGGING NOW.
かなり釣りエントリーっぽいタイトルですが、企画を作る際に使っているツールについて聞かれたのでまとめてみました。知っている人にとっては当り前の内容ですが、使い方によってはコストをかけずにコンシューマーのニーズと競合のスキを知ることができ、プレゼンテーションに役立つ有益なツール・サービスのリストです。 ・Google キーワードツール キーワードに対するGoogleでのおおよその月間検索数を知る事ができます。関連ワードも表示され、複数ワードが入力できるので有効なキーワードの絞り込みなどに使えます。言語や地域も設定できるので、海外の検索動向も知ることができます。また、特定のURLからページ内に含まれるキーワードを抽出する事も可能です。 https://adwords.google.co.jp/select/KeywordToolExternal ・Ferret-Plus 同様のツールですが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-44.html
JavaScript無しのドロップダウンメニューを実行する純粋なCSS*ホームページを作る人のネタ帳
http://e0166nt.com/blog-entry-372.html
101CSS技術の続き（part2）＋CSS関連エントリおまけ*ホームページを作る人のネタ帳
http://e0166nt.com/blog-entry-415.html
http://e0166nt.com/blog-entry-434.html
http://e0166nt.com/blog-entry-440.html
CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ*ホームページを作る人のネタ帳
[JS]タブのパネルの表示方法を切り替えられるスクリプト -tabSwitch
IDEA * IDEA
手を抜かないフッターデザイン30 – creamu
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌