心もお腹も喜ぶ!? 水栽培システムであなたのオフィスを緑化しよう！
オフィスでPC周りに緑があるって良いですよね。 でも、PCの隣で鉢植えのハーブやお花を育てるとなると、土がこぼれて机が汚れちゃうかも･･･とか、お水やりの時に水がPCにかかっちゃうかも･･･とか、そんな理由で手を出してない人も多いはず。 それなら、この水栽培システム｢Desktop Hydroponics｣ならいかがでしょう？ これは、ハーブを机の上で育てるために作られたシステムで、プラスチック製の容器の中には、栄養素のしみ込んだスポンジが入っていているので、倒れても水や土がこぼれたりしないんです。それに、蓋にも工夫があって、茎がダラ～ンとなって、書類やPCにしなだれかかって来る事もないんです。 あなたの机でハーブを育てれば、香りでもリフレッシュできるし、コンビニで買ってきた夜食に、フレッシュハーブを一つまみ加えれば、ワンランク上の夜食を楽しめることだってできちゃいますよ。気になるお値段は
[google] Google AJAX Search API でサイト内検索結果をページ内に表示する
Googleのカスタム検索エンジンの検索ボックスと検索結果をページ内に埋め込む方法（オーバーレイではない）について。 Mapと同じくSearchもAPIで色々することが出来ます。 サイト内検索の検索ボックスをサイトに埋め込むのは、登録した時に作成されるコードを埋め込むだけなので簡単ですが APIを利用する場合はJavascriptとAPIの仕様が分かってないとややこしいので、分からない人向けに説明を書いてみた。 この記事では、サイト内検索の検索ボックスと検索結果をAPIを利用して既存ページに埋め込む初歩についてまとめてます。 更に詳しいカスタマイズ方法 についてはDeveloper’s Guideなどを参照してください。 Step1. 新しいカスタム検索エンジンを作成 作成にはGoogleアカウントが必須なので、無いならまずアカウントから作る。 アカウントにGoogleカスタム検索エンジン
![[google] Google AJAX Search API でサイト内検索結果をページ内に表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/c0dbda16b5be5a3a614c545e7df8d738907ddc38/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2009%2F03%2Fgooglesearchapi-300x201.jpg)
LittleSnapperで自分だけのサイトコレクション
昨日から始まった Mac のシェアウェアキャンペーン MacHeist 3。今回も魅力的なソフトが幾つかありますが、購入を迷っている方のためにお勧めのソフトを幾つか紹介していきます。1,2つくらい欲しいのがあれば十分元はとれるので購入を検討してみてはいかがでしょう。 Webデザインをしている方なら LittleSnapper は入手しておきたいソフトのひとつです。スクリーンキャプチャが出来るソフトですが、特にウェブサイトのキャプチャするのに特化しています。私も今年のはじめから使い始めているのですが、今までコレクションする場所に困っていたスクリーンショットの数々が一カ所にまとまっていい感じです。 今見ているサイトをショートカットキーで撮ることが出来、ビューエリアだけでなくページ全体をキャプチャすることが出来るようになっています。キャプチャした際に自動的に URL を保管してくれるだけでなく、
IE8における拡大縮小バグ
IE8における拡大縮小バグ 先日リリースされたIE8だが、多くのバグを含んでおり、まだまだWEB製作者を悩ませそうです。 (追記)Firefox3でも発生しますね。検証不足でした。 例えば、私が見つけたのは拡大縮小に関するバグ。(文字ではなくズームによる) ul{ margin:10px; width:600px; border:1px blue solid; } ul li{ list-style-type:none; margin:2px; border:1px red solid; width:194px; height:194px; float:left; display:inline; } サンプル などのようにリスト要素を利用して表状の形態を表現した際、通常は以下のように表示される。 IE8 100%で表示。 これを95%に変更すると以下のようになる。 IE8 95%で表示。
ソーシャルサービスをトラッキングする·Skimmer MOONGIFT
インターネットを多用する方であれば何らかのソーシャル系サービスを使ったことがあるだろう。Youtube、Facebook、FlickrそしてTwitterなどだ。これらのサービスはただ閲覧したり、ちょっとアップロードするくらいでは楽しさが伝わってこない。どっぷりとのめり込む必要がある。 ソーシャルサービスをもっと楽しもう！ ソーシャル系サービスにどっぷり浸かっている方であれば便利に使えそうなのがSkimmerだ。 今回紹介するフリーウェアはSkimmer、ビジュアルソーシャルアプリケーションブラウザだ。 Skimmerが対応しているのはTwitter、Facebook、Flickr、YoutubeそしてBloggerとなっている。利用しているサービスのアカウントを登録すればトラッキングできるようになる。アカウントの登録はID/パスワードを登録するものと承認APIを介するものの二つがある。
WordPressをWeb Slice対応に！·webslicer MOONGIFT
やばい、Webはどんどん新しい試みがなされている。ちょっと放っておくとすぐに置いていかれてしまう。IE8から登場した技術が「Web Slice」だ。これはマイクロフォーマットの一種で、Webサイトの一部を切り抜いて情報を配信する技術だ（勘違いがあればご指摘いただきたい）。 マイクロフォーマットを埋め込めばこのような表示（Firefox3にて） これにより日々更新されるデータを効率的に配信、受け取れるようになる。RSSフィードに似ているがWebサイト全体ではなく一部の情報だけを配信すると言った方が良いかも知れない。IE8のみならずFirefox向けにもアドオンが登場している。そしてWordPressでもこのWeb Sliceに対応できる。 今回紹介するオープンソース・ソフトウェアはwebslicer、Web Slice対応にするWordPressプラグインだ。 Web Sliceの場合、通常
オープンソースな日本語フォント·さわらびフォント MOONGIFT
Webシステムを構築している中で日本語フォントを必要とするケースは意外と多い。グラフのラベルや、画像生成系などでフォントを利用することがある。埋め込みの場合、ライセンスの問題もあるので使えるフォントは限られている。有名なものはIPAフォントだろう。 珍しい、日本語のTrueTypeフォント だがいかんせん数が少なすぎる。英字のフォントに比べて文字種が多すぎるのだ。そんな中、出てきたのがさわらびフォントだ。 今回紹介するオープンソース・ソフトウェアはさわらびフォント、見やすいゴシック調のフォントだ。 さわらびフォントは2008年末より開発の開始されたフォントで、現段階では平仮名、カタカナ、罫線などの記号、半角英数字、全角英数字などが作成されている。漢字は現状350文字がサポートされている。 ゴシックフォントが提供されており、すっきりとした見やすいフォントだ。デザイナのようにフォントに詳しくな
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection
Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
パンくず詳解 | コリス
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ（見つけやすさ）を改善するものとなります。 また、ランディングページ（検索などから訪れた最初のページ）にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
タイポグラフィに使える20の便利ツール集:phpspot開発日誌
20 Useful Typography Tools タイポグラフィに使える20の便利ツール集がまとまっていました。 TypeNavigator UIが素晴らしいフォント検索エンジン フォントの形状から検索できるという、なるほどなフォント検索エンジンです。 Typetester font-size, align, color, backgroundなどのプロパティを設定してプレビューできる。 フォントが文章になったときにどういう表情を見せてくれるのか？という点が確認できます。 ツール自体のUIもなかなかいいですね。 FontStructor ブラウザ上のＵＩでフォントを作れるサービス。 作られたフォントのダウンロードも可能 結構かっこいいフォントがあって、フォント探しをしてみるのもいいかも Font Picker フォント入力してその場でプレビューできるソフトウェア 日本語が対応していなか
ブラウザ上でソースコード編集が可能な開発環境を提供「ecoder」:phpspot開発日誌
ecoder | home ブラウザ上でソースコード編集が可能な開発環境を提供「ecoder」。 通常、開発というとローカルで保存してアップロードという形が当たり前ですが、ここ数年のトレンドの全部ブラウザで動かそうという流れを受けた開発環境です。 PHPや、HTML等、ファイルの種類に応じて綺麗にシンタックスハイライトをしてくれます。 SAVEで保存すれば、その場で反映というのはなかなか素晴らしいですね。 これが、SourceForgeのオープンソースで提供されているっていうのが更に素晴らしいです。 セキュリティには気をつけたいですが、自分のサーバにおいておけば、どこでもソフトのインストールなしに使えるということで、かなり熱いソフトだなと思います。 関連エントリ ブラウザ上で動く12のリッチテキストエディター 有名ではないけど使えそうなブラウザベースのリッチテキストエディタ色々 ブラウザ上
Designing Drop-Down Menus: Examples and Best Practices | Design Showcase | Smashing Magazine
As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a us
読みやすいブラウザの書体、勝手にBest3 | ライフハッカー・ジャパン
いつもアクセスするサイト、実は...モニター画面に顔を寄せ、目をこらして記事やニュースを読んでいることありませんか？ そう言われると、「ストレスを感じながら読んでいるかも...」と感じる方は、ブラウザのフォント設定を一度見直してみるといいかもしれません。 ま、確かに「Ctrl」+マウスホイールでフォントサイズを少しだけ大きくするだけでも随分読みやすさは変わります。でも、視認性の高いフォントをブラウザで使えば、いつものサイトがぐっと読みやすくなり、さらに目の疲れを軽減できるはずです。加えて、斜め読みもしやすくなるはずですしね（笑）。というわけで今回は、私（傍島）がお気に入りのゴシック体フォントを3つ、ご紹介しましょう。 たかがフォントひとつと考えることなく、得られるメリットは沢山あるので、これを機会に、お気に入りのフォントを見つけて、ストレスのない環境を構築してみませんか。 フォントを変えて
ASCII.jp：これぞ完璧企画書――「1枚企画書」パターン実例3題 ｜パワポで極める「ビジネス極意」
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■
データベースの基礎を理解しよう！ プログラミング未経験から始めるPHP入門
はじめに 本連載では、PHPまたはプログラミング初心者の方を対象に、PHPを用いたWebアプリケーションの作成方法を説明していきます。今回は、データベースとSQLに関して、「おすすめレストラン一覧を閲覧できるWebサイトを制作する場合」を例にして、説明をしていきます。 対象読者 プログラミングが初めてでこれから学習する予定の方 プログラミングの経験はあるがPHPを初めて学習する方 この記事の内容 はじめに 対象読者 動作確認環境 データベースとは何か･･･データベースはどんな役割？ データベース操作の基礎･･･データベース言語「SQL」とは SQL基礎：テーブルの作成･･･CREATE文を使ってみましょう SQL基礎：レコード追加･･･INSERT文を使ってみましょう SQL基礎：レコード検索･･･SELECT文を使ってみましょう SQL基礎：レコード更新･･･UPDATE文を使ってみまし
kmxslog » フルFlashサイトをProgressionで作り始める時にまず読むべき16の記事
ボク的に第3次くらいのProgressionブームが来てるので少しチュートリアル等々の記事をまとめました。 16が多いのか少ないのか分かりませんが、3つの制作スタイル合わせて16です。 実際、用語ピンポイントでググったりすればもっと多くのエントリに出会えます。 また 公式ブログ でも Progression関連のエントリのまとめを隔週くらいでやる というステキカテゴリもありますね。あと、バージョンが古いものに関して書かれたエントリも勉強になったりすることもありますよ。 概要や大枠を掴んでしまったらいいのですが、初めのうちは意味が分からない。（ボクがそうだっただけ） それよりもちょっと前、まだどうしようか悩んでる人の背中をそっと押す、そんなエントリのまとめです。 そしてそのあとはガンガン突っ走っちゃって、そしてボクに教えてくださいｗ ＜コンポーネントスタイル＞ [チュートリアル] P
CBCNET > Dots & Lines > 土屋 泰洋 > 2. デザイナーズリパブリックからビジュアライジングデータまで。 あるいはコンピューターで絵を描くためのいくつかの方法について。
2. デザイナーズリパブリックからビジュアライジングデータまで。 あるいはコンピューターで絵を描くためのいくつかの方法について。 みなさまこんにちは。DOTS&LINES第二回です。早速今回から、前回ざっとお話をさせていただいたような具合に、様々なコンテンツを様々なコンテクストで繋ぎながらご紹介していくことで、無数にまたたく情報の星の海に一本の線を描き始めてみる試みをはじめてみようと思います。さて、最初に何の話からはじめるか。色々と考えていたところに、個人的にも、デザイン業界にとっても非常に衝撃的なニュースが耳に入りました。The Designers Republic (以下DR)が倒産、というニュースです。 Forever DR CBCNETの読者の方でしたらご存知の方も多いかと思います。DRといえば、90年代後半から、イギリスのレコードレーベルWARPのジャケットデザインや、ゲームWI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.multiburst.net/ElectricBrain/2009/03/42-pagination-design-inspiration
PHPで検定風アプリを作ろう:phpspot開発日誌
Web漫画 胎界主