センス不要！文章を読みやすくするデザイン4つの鉄則
*ノンデザイナーズ・デザインブックが新装増補されたため、再度のご紹介です！ 誰かに読んでもらうために作成する文書（テキスト）の数々。それは企画書だったり、報告書だったり、はたまたチラシだったりブログだったり。そんな文書をセンスが全くなくても読みやすくする4つのレイアウト・装飾法が… 覚えるべき鉄則は4つだけ ここで覚えてほしい鉄則はたった4つ。そう、 近接 整列 反復 コントラスト この4つだけです！ちなみにこれから紹介する内容は『ノンデザイナーズ・デザインブック』からの受け売りです。この本、残念ながら各所で売り切れちゃっているみたいですね…。 1．近接 近接の原則というのは、関連する項目をまとめてグループ化するということです。関連する項目を空間的に近づければ、それらは関係のない断片の群ではなく、一つのまとまったグループに見えるようになります 近接では、要素ごとにテキストのかたまり（ブロッ
最低限知っておくべきデバッグリスト : LINE Corporation ディレクターブログ
こんにちは。ライブドアでディレクターをしている渡辺です。 今回はウェブサイト開発で必須のデバッグ項目について紹介したいと思います。 携帯コンテンツのデバッグに関しては『ケータイコンテンツのデバッグ事情』で述べられているのでご覧ください。 一口にデバッグと言っても、コンテンツによって確認すべきポイントは異なってきます。 そこで、ここではコンテンツの内容に左右されずによく行われている、デバッグの基礎的なものをまとめました。 そもそもデバッグの目的はコンテンツを本来の仕様にすることです。 そのため、心がける点は一般ユーザーの視点よりは、「どこかにバグがあるんじゃないか？」と厳しい目でサービスをチェックしてくれるユーザーの視点に立って行うことです。 修正点を見つけたら、すぐマークアップエンジニアさんやプログラマーさんに伝えて対応してもらうことになります。 【01】異なるブラウザで確認する まずはブ
宴の支度 (3) 小さな変化からすべては始まる。「プロ」と「アマ」の１３の違い | Lifehacking.jp
あすなろ BLOG カンファレンスに寄せられた質問の３番目に「ライフハックを続けるコツ」というものがあります。 当日も詳しい話をするチャンスはあると思いますが、これと関連して、ぜひ書いておきたいと思ったエピソードがあります。私がライフハックに出会う以前に、その準備をしてくれた一枚のポスターのことです。 もう５年も前のことです。論文は一つもかけていない、博士号ももっていない、事務作業ばかりが降り積もる仕事で途方にくれていた頃、当時働いていた大学の事務室に入ったときに、そのポスターがありました。 あまりのインパクトに思わず事務室の人に聞かずにはいられませんでした。 「これ、なんですか？」 「出入りの会社の社長さんがおいていったのよ、すごいでしょう」 「…コピーさせてください」 それは、真っ白な紙に太い明朝体で書かれた「プロとアマの違い」１３箇条というものでした。 プロ アマ 人間的成長を求め続
思考の整理学：メモとノート
出版されたのが 1986 年と古いのですが、未だに本屋に積んである文庫、外山滋比古（とやましげひこ）著「思考の整理学」（ちくま文庫：1986年4月）に興味があって、早速購入して読み始めましたが。これが結構面白い！ 特に私個人としては、長年メモ帳やノートをどうやって使い分けようかな～と迷っていたのですが、アイディアをいつでもどこでも書き留めるためには、メモ帳を利用し、暫くねかせて（時間を掛けて・・・）から、ノートに書き移す。更に、時間を掛けてから、ノートに書き移しておいた内容を更にノートにする！ こうして明確にメモとノートの使い分け方を区別している著書はなかったのでは！？ちょっと手順を踏んで解説しておきましょう。 手帳を準備する！ アイディアや思い付きなどは、いついかなる時でも湧いてきます。そうしたアイディアや思い付きを「後でメモろう」と考えても直ぐに消えてなくなってしまいます。そんなことが
Tracで開発現場を交通整理---目次：ITpro
チーム内のタスクや分散開発におけるタスク管理の手段として，プロジェクト管理ツールのTracが注目を集めています。Tracは，Ruby on RailsやSpring IDEなどでも利用されています。本連載では，開発現場を交通整理するために，Tracを利用したプロジェクト管理の効率化を，Tracの基礎から紹介していきます。 日本のTracコミュニティであるShibuya.tracのメンバーから厳選された，渋谷.trac 吐羅苦野郎Aチームが執筆を担当します。ぜひお読みください。 第1回 Tracをオススメする，これだけの理由 第2回 Trac Lightningで簡単インストール 第3回 TracをLinuxにインストール，Tracの基本的な設定 第4回 Tracではじめるバグ管理入門
「Evernote 1.0.4 Beta」がリリース - ネタフル
ネタフルでも、 ▼ウェブや写真をクリップして検索できる「Evernote」がヤバそう ▼クリップしまくりに期待高まる「Evernote」Mac版リリース ▼「Evernote」TechCrunch招待枠あり として紹介しています。 ゴリゴリと使いまくってみたいのですが、何しろまだ日本語の検索ができないので、本腰を入れて使うまでには至っていません。とりあえずアップデートしておきました。 「Evernote」のウェブサイトにあるように‥‥ 「iPhone」で文字撮影して、デスクトップアプリケーションとシンクして、検索できる‥‥つまり「Capture. Sync. Find.」が日本語でも可能になったら、本当に楽しいのではないかと思います。 アプリケーションはWindows Mobile版が存在しているので「EMONSTER」と組み合わせると幸せになれるでしょうか‥‥？
アイデア創発の素振り：SCAMPER法――「10分以内にアイデア3つ出さなきゃ」をかなえる方法 (1/4) - ITmedia Biz.ID
午後から新製品を考える会議。ふと、メールを見返すと「1人3つアイデアを持ってくること」という指示――しまった、見落としていた。しかし会議まであと20分しかないぞ。こりゃまずい。 という時にうってつけの方法がある。 例えば、アイデアを出し合う会議が午後イチにある。昼飯に行く直前、メールを見返したら「アイデアを3つ以上もってくるように」との指示があった。これはしまった。う～ん、急いで考えよう……あせるばかりで出てこないよ！ という極限状態にうってつけの方法がある。10分間あれば、アイデアを必ず3つ以上、発想できるのだ。 今、あなたがそういう状況ならば、ここから先はこの記事2ページ目以降を印刷し、ペンとプリントアウトした記事だけ持って、昼食に出てほしい。 名称 人数 道具 長所 SCAMPER（スキャンパー）法
まつもとゆきひろのハッカーズライフ：第13回 プロジェクトの障害 (1/2) - ITmedia エンタープライズ
オープンソースプロジェクトを開始するとして、そのソフトウェアに設定するライセンスとして何を選んだらよいでしょうか。今回はライセンスというものについて考えてみましょう。 プロジェクトの障害 2007年6月、15年ぶりにGPLの新版（v3）が公開されました。具体的な内容はともかく、フリーソフトウェア／オープンソースのライセンスが再び注目されています。今回はライセンスというものについて考えてみましょう。 世の中にハッカー気質を持つ人はたくさんいますが、その数だけオープンソースプロジェクトが存在するかというと、なかなかそうはいきません。「自分でオープンソースプロジェクトを始める」のはハードルが高く、さまざまな障害があるわけですが、オープンソースプロジェクトにおける非技術的な障害の筆頭はライセンスでしょう。ほかの問題の多くは、そもそも根源的な問題である「何を作るのかを決める」とか、「実装手段を考える
印刷できるＧｏｏｇｌｅのチートシート | G Mania - グーグルの便利な使い方
印刷できるＧｏｏｇｌｅのチートシート 管理人 @ 3月 22日 02:22pm 検索Tips The Google Cheat Sheet – HacknMod.com にて、印刷できるＧｏｏｇｌｅのチートシート（カンニングペーパー）が配布されています。 GoogleBOTのＩＰアドレスから、ページランク１０のサイト、検索ボックスを電卓として使うときののTips、検索演算子、からＧｏｏｇｌｅの隠しページなど、盛りだくさんです。（ただし英語です） この中で、おもしろいページがありました。 http://www.google.com/jobs/lunar_job.html Ｇｏｏｇｌｅが月滞在職員を募集というページです。 Ｇｏｏｇｌｅ好きの皆さんなら、もうお分かりですね。今年の４月１日はどのようなネタが公開されるのでしょうか。楽しみです。 関連ページ Google検索のコツ Google検索を
MOONGIFT: � FAQを管理する「Yamibou」:オープンソースを毎日紹介
個人的にヒットしたソフトウェア。 FAQというのはとかく管理しづらい。Webにおいてユーザは文字を読まない傾向にある。規約など言わずともがな、FAQなども読まれることは殆どない。あんな文字だらけの画面を誰が好き好んで読むだろうか。 質問を書き込むページ そして質問の嵐が来る。そんな煩雑化しやすいFAQをうまく管理しようと言うのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはYamibou、FAQ管理システムだ。 YamibouはJavaベース（Glassfish）で開発、動作するソフトウェアだ。DBは用意する必要なく、配置するだけで利用できる。インタフェースは2ちゃんねる風、または通常のものとが用意されている。 オペレータ用Javaクライアント 特徴的なのはオペレータ側の管理はGUIによる（Javaの）インタフェースを利用する点だろう。ユーザが質問すると、即座に管理インタ
ダウンロードできるMooToolsのAjaxサンプル41選『41 of the Best MooTools Ajax Example Downloads』 – creamu
DiaryTechnology ダウンロードできるMooToolsのAjaxサンプル41選『41 of the Best MooTools Ajax Example Downloads』 Ajaxでクールなインターフェースが実装したい。 そんなあなたにおすすめなのが、『41 of the Best MooTools Ajax Example Downloads』。ダウンロードできるMooToolsのAjaxサンプル41選だ。 以下にいくつかご紹介。 » Photo Gallery インタラクティブな素晴らしいフォトギャラリー。↑のキャプチャはこちら。 » Noob Slide クールにスライドするフォトギャラリー。 » Simple 3D Carousel MacのDockのような、3DのCarousel。 » Slider 水平、及び垂直のバー&スライダー » Sample Nav Ba
集中して編集できるオンラインエディタ -DarkCopy
DarkCopy DarkCopyはシンプルなエディタで、機能は保存とフルスクリーンモードの切替のみとなっています。 背景：ブラック、文字：グリーンのアプリケーションタイプのエディタとしては、Dark Roomがあります。
日々の生活から起きていることを観察しよう!!: 売れる本を作る条件とは? その２ 再現性あるベストセラー作りの5か条
一般的な情報源では得られにくい視点を、経済評論家の勝間和代が独自の切り口や事例による考察で先読みします。 お金は銀行に預けるな 金融リテラシーの基本と実践 今回は、ベストセラー作りについて、気づいたことをまとめていきたいと思います。 以前、ベストセラーについてまとめたエントリー、売れる本を作る条件とは? ～ ランキング・ヒットチャートとジップの法則の関係から、早くも7か月がたちました。 業界標準として、ベストセラーとは刷り部数が10万部を超えたものを指すようです。13万部の勉強法のあと、何冊か本を出しましたが、それぞれ、もっとも少ない少子化本で1.5万、もっとも多い時間投資法で8万部くらいで、10万部の大台に乗るものは出ませんでした。 そしてこの11月、お金は銀行に預けるな 金融リテラシーの基本と実践を出しましたが、こちらが発売10日目で10万部の大台にのり、今年二つ目の大ヒットになりまし
Aptana JaxerでサーバサイドJavaScriptを始めてみよう！ 記事一覧 | gihyo.jp
第4回サンプルアプリ（タスク管理アプリ）の作成 －タスクの編集・削除／入力値チェックの共有－ 栗栖義臣 2008-03-12
始めよう！Silverlight 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Google App Engine SDKを使ってみた | 秋元@サイボウズラボ・プログラマー・ブログ
[追記] これを書いたあとアカウントが入手できたので、実際にGoogle App Engineのサーバ上で簡単なスクリプトを動かしてみた。 Googleが今晩(米国時間)のパーティーCampFireOneでTech CrunchメンバーやRobert Scobleさんら参加者に対して発表したGoogle App Engine, AmazonがS3+EC2+SQS+SimpleDB等で先行している「スケールする従量制ホスティングサービス」の競合サービスのようだ。 Googleが自社で使っているような大規模展開が可能なサーバ+ミドルウェア群を、外部に提供するということ。まずはPythonとGoogle自身も使っている各種ライブラリ、WebフレームワークDjango、を積んでの公開だが、他の言語にも対応していくらしい。 やはりGoogleというか、ディスク500MB、月500万PVまでは無料で使
Mozilla Re-Mix: Firefoxにページナビゲーションボタンを追加するアドオン「Link Widgets」（～3.0b4 ）
情報量の多いWebサイトではナビゲーションが充実しているほうが全体を把握しやすくていいのですが、全てのサイトがそうなっているわけではありません。 慣れていないサイトなら、次のページを見たいときや、本題のトップに戻ったりする場合、ユーザーが迷う場合もあるかもしれません。 そんな特に役立つアドオンが「Link Widgets」です。 「Link Widgets」は、そのサイトのURLを先読み・推測して、専用ボタンから簡単に次のページや上位ディレクトリ、トップページなどにジャンプすることができるよう機能をFirefoxに追加してくれる3.0 Beta 4 対応のアドオンです。 「Link Widgets」をインストールしたら、ツールバーを右クリックしてカスタマイズを開きましょう。 その中には、[トップへ][上へ][最初へ][前へ][次へ][最後へ][関連ページへ]という7つのボタンが追加されてい
複数の電源コードを同一方向にスッキリ延長する
たくさんの電化製品を利用するにつれ、コンセントは自然と乱雑になる。とくに、一般的な電源タップの場合、差した電源ケーブルはタップ本体から垂直方向に分岐する形になるため、結果的に四方八方に広がってしまう。電源ケーブルをさまざまな方向にはわせたい場合はこれでよいかもしれないが、すべての電源ケーブルを同じ方向にはわせる場合であれば、見た目も悪いうえに、余ったケーブルも目立ってしまう。 今回紹介するエレコムの「コードすっきりタップ」は、4個口がすべて同一面にまとめられている電源タップだ。一般的な電源タップでは横に長いため、電源ケーブルの向きがバラバラになりがちだが、コードすっきりタップは4個口がコンパクトにまとまっている。すべての電源ケーブルが一方向に延びる形になるため、配線がキレイに見えるうえ、余ったケーブルも目立たなくなる。 実際に使ってみると、これまで余って仕方がなかった電源ケーブルが引き延ば
Webサイトを高速化する34のベストプラクティス - builder by ZDNet Japan
ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 全世界22万以上の企業・組織で採用 DX時代の顧客価値創出に大きな役割を担う CI/CD環境の現実解を紐解く 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 アプリが簡単にできるって本当？ セールス、マーケ、人事の3名が実際に体験 業務をローコードツールで改善してみた iPhoneデバイスも統合的に管理 激しく変化する業務環境とリスクに合わせ 深化するM365セキュリティ ビジネスとITの最前線 官民
ネットで手軽にスケジュール調整できる「When is Good」 - ネタフル
まずはミーティングやイベントを開催したい人が最初に「この日はどう？」というスケジュールを作成します。 日時のところをクリックすると、緑色に変わります。作業としてはそれだけです。 このようにスケジュールが作成できます。 メールアドレスとイベントタイトルを入力し‥‥ 自分宛にメール送信します。 他の人に送信するためのテンプレートとURLがメールで送られてきます。続いて参加者にそのURLをメールします。 届いたURLをクリックすると‥‥ いつが都合が良いですか？ ということで、参加者は予定されている日時の中から都合の良い日時をクリックして選択します。 メール受信した人がクリックする毎に、主催者には「クリックされましたよ」というお知らせのメールが届きます。 全員がクリックし終わって確認すると‥‥ このように全員の都合の良い日がハイライトしている、という具合です。 個々人の予定、メッセージも確認する
CSS, JavaScript, ActionScript, PHP, SQL, ASPなどのチートシート集
WebTeckerのエントリーから、CSS, JavaScript, AJAX/JavaScript Frameworks, ActionScript, PHP, SQL, ASP, C# and VB.NET, C++などのチートシートを紹介します。 Programing Cheat Sheets ActionScriptのチートシート ActionScript Cheat Sheet Ajax/JavaScript Frameworks Prototype Cheat Sheet Scriptaculous Cheat Sheet(PDF) MooTools Cheat Sheet jQuery Cheat Sheet YUI Cheat Sheet
第１回symfony勉強会で発表してきました&資料公開します。
勉強会は１回目からなかなかの盛り上がりで、懇親会でも多くの人と意見交換もでき、symfony需要の高まりを感じました。 これからも続けていきたいですね。 P.S. 会場提供および進行をしてくださった月宮さん並びに株式会社ディノのみなさん、ありがとうございました。
バイナリ読み込みAjaxライブラリBinFileReader | 秋元@サイボウズラボ・プログラマー・ブログ
サーバ側に置いたバイナリファイルをJavascriptからアクセスして、バイナリ列の任意の場所を好きなバイト数だけ読み込むライブラリがこのBinFileReaderらしい。 BinFileReaderのデモでは、表示したbmp画像の中から、画像のサイズ情報などの部分をJavascript経由で問い合わせることで遅延取得し、表示している。 また、このライブラリと多数の画像を使って、クリックした画像を他の画像のパッチワークで構成するというモザイクビルダーという面白いデモも公開されている。 # 画像の読み込みで一番最初は時間がかかる モノクロbmp画像を多数用意して、MosaicBuilderのパラメータに指定すれば、自分の画像を使ってこのモザイクデモを設置することもできるそうだ。(解説) BinFileReaderは、FirefoxとSafari対応に加えて、IE対応のためにはVBScript
時間を節約してくれるCSSツール14選『14 CSS Tools to Save you Time』 – creamu
CSS周りのツールを使ってみたい。 そんなあなたにおすすめなのが、『14 CSS Tools to Save you Time』。時間を節約してくれるCSSツール14選だ。 以下にいくつかご紹介。 » CSS Optimizer CSSのファイルサイズを減らしてくれる。 » Em Calculator pxのフォントサイズをemで計算してくれるプチツール。 » CSS Buttons CSSボタン&テキストフィールドジェネレータ。 » CSS Menu Generator テキストベース、かつ魅力的なナビゲーションメニューのCSSとHTMLコードを生成。 » Web 2.0 Generator ボタン1発でWeb2.0風のフルレイアウト（HTMLとCSS）を生成してくれる。 時間を節約してくれるCSSツール、チェックしてぜひ使ってみてはいかがだろうか。 昨日はチームの飲みでぐだぐだに。。楽
楽観思考と悲観思考を上手に使い分けていますか？ - モチベーションは楽しさ創造から
京セラの創業者 稲盛和夫さんの名言に「楽観的に構想を練り、悲観的に計画し、楽観的に実行する」という言葉があります。 私が日々、仕事をする中で、常に注意している言葉です。 構想を練るとき。この際、大事なものはワクワクする感覚です。想像するだけで、やる気が沸いてくる。ドンドン夢が広がっていく。そのような構想を描いていこうとする際に、現実志向をあまりに入れてしまうと、すぐに冷めた考えになってしまいます。遊び心をたっぷりに、自由に構想をクリエィティブしていく。 「これも面白いね、あれを追加すると、もっと魅力的になるんじゃない。」などと言いながら、互いのクリエィティビティを刺激しあっていく事が構想を描く時は大事になってきます。プロジェクトの原点は、構想への情熱です。構想を練っている人が構想に夢を感じ、熱い気持ちを抱いていないのであれば、誰も共感してくれません。 次に計画。楽観的な構想、夢のような構想
樋口健夫の「笑うアイデア、動かす発想」：早くしてくれ――決断先延ばし症候群 - ITmedia Biz.ID
こんないいことなのに、グジグジ言って対応しない。すぐにやっても悪くないし、お金もかからない。そしてすごく簡単。「ほほお、いいね」なんて生返事はするが、「上司の許可がいる」などと決断を先延ばし。こういう人たちをよく観察すると、いくつかの種類に分けられるのだ 世の中で何がイライラするかと言えば、立ち上がりの遅いPCと、立ち止まっているPCだ。20世紀は許せた。しかし、21世紀まで相も変わらず続くとはそもそものコンセプトがおかしいのではないか。超高速で動いているはずのPCの起動に、どうして数分待たなければいけないのか。信じられないほど長い。 まして、作業の途中で砂時計が出たり、ウイルス対策ソフトがチンタラと検査を開始しすると、もうだめだ。筆者はトイレに行くか、コーヒーを飲むか、別のことを始める。 判断をしないPCを見ていたら「決断先延ばし症候群」の“患者”を思い出した。社会には、決断先延ばし症候
トヨタが気前よくカイゼンを教える本当の理由（1/3） ― ＠IT MONOist
コロナ禍で製造業のマーケティング手法もデジタルシフトが加速した。だが、業界の事情に合わせたデジタルマーケティングを実践できている企業はそう多くない。本連載では「製造業のための正しいデジタルマーケティング知識」を伝えていく。第14回のテーマは「メーカー開発設計者に聞いたサプライヤーの探し方と選定基準」だ。
マネジメント＆コーチングの基本：第1回 「指示」「放任」「傾聴」「対話」 マネジメントの4タイプ (1/4) - ITmedia Biz.ID
第1回 「指示」「放任」「傾聴」「対話」 マネジメントの4タイプ：今さら聞けないマネジメント＆コーチングの基本（1/4 ページ） 部下のマネジメントやコーチング、うまくいっていますか？ うまくいかなくて悩んでいる人は、もう一度マネジメントの基本を復習してみては。新人マネージャーの人も必見です。 会社に勤めているほとんどの人は、部下を教育するマネージャーになりたくて会社に来ているわけではないでしょう。その仕事の専門家として現場で働いていたのに、ある程度の年齢になるとマネージャーをやらされることになります。 あたかも、あるとき突然、子供を連れてこられて、「あなた育てろ」と言われたような状況で、自分が生んだわけでもない子供を育てることが仕事になるわけです。たとえ自分はやりたくなくても、給料をもらっているのだからマネジメントもやらなくてはいけません。専門知識だけで給料がもらえると思うな――そういう
ITmedia Biz.ID：シゴトハック研究所
マンガでわかる！ スピード仕事術： 安心して集中するための仕組みを作る 大橋悦夫さんと佐々木正悟さん、そしてイラストレーターのふじたきりんさんがお届けする電子書籍『マンガでわかる！ スピード仕事術』。誠 Biz.IDで立ち読みしてみませんか？ 第3回は「安心して集中するための仕組みを作る」です。（09/24） マンガでわかる！ スピード仕事術： やりかけを公開してスピードアップ!? 大橋悦夫さんと佐々木正悟さん、そしてイラストレーターのふじたきりんさんがお届けする電子書籍『マンガでわかる！ スピード仕事術』。誠 Biz.IDで立ち読みしてみませんか？ 第2回は「やりかけを公開してスピードアップ!?」です。（09/22） マンガでわかる！ スピード仕事術： 記憶力を過信しちゃダメ 大橋悦夫さんと佐々木正悟さん、そしてイラストレーターのふじたきりんさんがお届けする電子書籍『マンガでわかる！ ス
誠 Biz.ID：リストのチカラ
リストのチカラよいリストは役に立ちます。網羅性があって、メッセージに深みがあって、それでいてシンプルで、覚えやすい。そんな人生と仕事を豊かにする多くのリストと、そんなリストの作り方を紹介していきます。 リストのチカラ： 第25回 謝罪の6ステップ 謝罪はただ謝ればいいというものではなく、しっかりとプロセスを踏んで行うことが大切です。適切な順序で漏れなく謝るためのリストを用意しました。（03/26） リストのチカラ： 第24回 なくしたものを探し出す12のステップ なくしたものを探しているときは往々にして慌てているもの。こうした非常の際にこそ、チェックリストの出番です。（03/24） リストのチカラ： 第23回 よい人間関係を築くための10カ条 人間関係がうまくいかないときに読み返したいリストです。ただし、内容を自分なりにかみ砕いて、傲慢にならないように注意しましょう。（03/21） リスト
DiggライクなＵＩを作る色々:phpspot開発日誌
DiggライクなＵＩを作る色々。 Digg買収で競り合い、という話題はさておき、DiggのUIを実装するサンプル集。 Clean Tab Bar Digg-like using CSS - Diggライクなタブバーを作成 Digg-like navigation bar using CSS - Diggライクなメニューバー Simple CSS vertical menu Digg-like - Digg ライクなドロップダウン Diggのシンプルだけど洗練されたＵＩをサイトに入れてみたい場合に使えますね。 （一部ブラウザで動作しないものもあるので注意が必要です） Digg UI Library なんてのが出て欲しいですね。
オンラインでクールなメニューを簡単作成「izzymenu」:phpspot開発日誌
IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu! オンラインでクールなメニューを簡単作成「izzymenu」。 パラメータをカスタマイズするだけでクールなメニューが簡単に作れてしまうというサービス。 メニュー作成の容易化もさることながら、サイト自体がフルAjaxでサクサク動いて気持ちいいですね。 参考エントリ 秋元@サイボウズラボ・プログラマー・ブログ: オンラインCSS/Javascriptメニュージェネレータ izzymenu 120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳
ウノウラボ Unoh Labs: テスト担当者のモチベーション
こんにちは！やまもと＠テスト番長です。 一般人に向かって自己紹介するとき、 「一応サラリーマンです。WEBサイト作ったりとかしてます。」「専門はテストです。」というと 「出来栄えをチェックする人だから、エライ人なんですねー」 と若干良い方に誤解されがちですが、 同業者に「専門はテストです。」というと「あー、大変っすよねー」と必ず同情されます。 テストというのはどうもモチベーションが上がりにくいお仕事のようです。 今回は来るべき五月病シーズンに向けて、特に新人に近い立場の方がモチベーションを失わずに居られる方法を幾つか考えてみましょう。 テスト担当を押し付けられたとき 新人を安易にテスト業務に割り当てるケースがあります。 新人はまだ経験と信頼性が足りない故に他の作業で使いづらく、そうなりがちです。 もしプログラミングの方に興味があるなら、そういう意向をアピールしておくべきです。
CSSでデザインされたツールチップボックスいろいろサンプル:phpspot開発日誌
woork: CSS Message Box collection Message boxes are useful elements to display status messages after or during a specific user request.CSSでデザインされたツールチップボックスいろいろサンプルがダウンロード可能になっています。 どのツールチップも、<div>を１、２回ほど重ねた程度のシンプルなHTMLになっています。 ツールチップ関連エントリ カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々 script.aculo.usベースのクールなツールチップライブラリ「Effect.Tooltip」 JavaScriptツールチップライブラリ24個 CSSだけでメニューにツールチップヒントを付けるテクニック Java
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
約５００携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」:phpspot開発日誌
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。約５００携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」。 携帯シュミレーターというとこれといったものがなく動作確認が大変でしたが、よいシュミレーターが出たようです。 端末情報を切り替えると、画面サイズと表示が切り替わってくれます。 その他、携帯サイト構築に便利な機能が多数。 デファクトになるんじゃないかというぐらい便利なものになっています。 関連エントリ PHPでケータイのFlash対応・非対応を判定 ケータイフォームの文字入力指定 symfonyの携帯絵文字プラグイン PHPで携帯からセッションを使う場合の設定方法 PHPで高
JavaScriptでページスライダー用ライブラリいろいろ:phpspot開発日誌
Javascript Page Slider?Roundup - CSS-Tricks “Page Sliders” are a bit like Tabbed Boxes, only the content appears to slide by instead of be instantly replaced. JavaScriptでページスライダー用ライブラリいろいろ。 小さい範囲に複数のアイテムを格納したい場合に使えるスライダー用ライブラリがいくつか紹介されていました。 Coda Slider Step Carousel Viewer Simulates a Flash Horizontal Navigational Effect jCarousel Carousel Component - YUI カッコいいだけでなく、省スペース、ということで色々なところで活用できそうですね。
i-mode端末の個別IDであるiモードIDを取得する:phpspot開発日誌
作ろうiモードコンテンツ：iモードセンタの各種情報 | サービス・機能 | NTTドコモ iモード対応サイトはアクセス時にユーザ一意の番号である「iモードID」を拡張ヘッダにて取得することが可能です。あらかじめURL内にパラメータを記述する必要があります。 i-mode端末の個別IDであるiモードIDを取得することが出来るようになったようです。 guid=ON指定することで、端末に対してiモードIDを送るよう指定できるようです。 http://xxxxx?guid=ON 送られる情報の例 X-DCMGUID:XXXXXXX (Xが７桁) デフォルトで送信機能がONになっているみたい。 関連エントリ ke-tai.org > Blog Archive > 本日提供が開始された「iモードID」機能を早速試してみました
CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」:phpspot開発日誌
The Highly Extensible CSS Interface CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」。 デモサイトのようなリッチなUIを実現するためのサンプル集 Part I: The Foundation Part II: CSS Selectors & jQuery Part III: Adding Ajax Interactivity Part IV: Testing for Extensibility jQuery、Ajaxなどを活用してページを作成していく部分はページ作りにおいて非常に参考に出来る部分が多いです。 IE7, FireFox2, Safari2.x 以降が推奨環境となっているようです。
ウノウラボ Unoh Labs: Amazonの商品個別ページのURLからASINを取得する
isogawaです。 題名のままのコードを書く用事があったので、できたものを晒します。とはいえ、ググれば多くの先達が既にさまざまなコードを書いておられ、目新しいものではないんですが。ついでなんで、大昔の「ISBN=～」を含めて、自分の知ってるURLのパターンを洗いなおしてみました（それでも、まだ他のパターンがありそうな気がしますが…）。 例えば、「The Elements of Style」という書籍の個別商品URLとして思いつくものには、以下のようなパターンがあります（細かいバリエーションは適宜省略）。 http://www.amazon.co.jp/exec/obidos/ASIN/020530902X http://www.amazon.co.jp/o/ASIN/020530902X http://www.amazon.co.jp/exec/obidos/ISBN=020530902
MOONGIFT: 積読支援「Libra」:オープンソースを毎日紹介
いかんとは思っているのだが、本屋にいくとつい本を購入してしまう。日々読んではいるのだが、購読している雑誌と合わせて消化していくには時間が足りない。どんどん読んでいない本が増えてしまう。 そこで購入した本もまだ購入せずに気になっている本も、一元管理してしまうのがこのソフトウェアだ。 今回紹介するフリーウェアはLibra、書籍管理ソフトウェアだ。 LibraはAmazon（US/UK/ドイツ/日本/フランス/カナダ）に対応し、書籍を検索してそれを仮想本棚に登録しておくことができるソフトウェアだ。書籍の他にもDVDやゲーム、音楽も登録しておくことができる。また、ウェブカムを使ってバーコードから書籍データを取り込むことができるので、たまった書籍を一気に取り込むことができる。 登録した書籍は情報を修正したり、詳細を記録しておくことができる。例えば気になる本を登録して、購入した気にしておけば、本棚を圧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳
http://e0166nt.com/blog-entry-449.html
便利なThunderbirdのアドオンあれこれ - DesignWalker
120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳
livedoor ニュース - サラリーマンがやってはいけない「バカに見える」話し方