賃貸暮らしのわが家の地震対策【揺れから命を守る編】 以前のブログでも記載した、防災の優先順位に基づいて対策を進めています。まだ手をつけられていない部分もありますが、ある程度まとまってきたのでざっくりとご紹介していきます。 優先順位別に改善していっているため、今回は主に地震の揺れ対策がメインになります。…
2008-01-04 - 【海難記】 Wrecked on the Sea-事実と想像力について
賃貸暮らしのわが家の地震対策【揺れから命を守る編】 以前のブログでも記載した、防災の優先順位に基づいて対策を進めています。まだ手をつけられていない部分もありますが、ある程度まとまってきたのでざっくりとご紹介していきます。 優先順位別に改善していっているため、今回は主に地震の揺れ対策がメインになります。…
ここにも Futura
この写真は展示会ポスターの掲示板です。一番上の「KUNSTHALLE...」の部分に使われているのは Futura です。
アップした写真をアスキーアートにして拡大、ポスターとして貼れる『ASCII Poster Maker』 | 100SHIKI
いくつかのツールを使えば実現できそうな機能ではあるが、一発で出来て便利そうなのでご紹介。 ASCII Poster Makerでは自分でアップした写真をアスキーアートにし、さらに拡大してくれる。 拡大した作品は複数のA4用に印刷できるので、順番にぺたぺた貼っていけばポスターになる、という仕組みだ。 イベントや店頭でちょっと変わったディスプレイを、という方に便利だろう。 ネット上で利用できるサービスを複数組み合わせて新しいサービスをつくる、という発想はいいですね。そういう視点でネットサーフィンをしたいものである。
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた : akiyan.com
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた 2007-10-01 別に2カラム原理主義者というわけではないのですが、カラム変更オプションが無くなったのでついカッとなって書いてみました。 目次 適用前、適用後 適用前 適用後 解説 Firefox向けで、ユーザースタイルシートの適用は「Stylish」拡張をインストールすると便利です。 2カラムにするだけではなく、個人的にほとんど使わない機能へのナビゲーションまで削除しちゃってるので、ちょっと注意が必要です。リニューアル後のmixiのHTMLはid名とclass名が変態的なまでにきっちり設定されているのでCSSがわかる方はソース眺めつつ調整してください。ユーザースタイルシートの内容は以下の通り 調整 全体の横幅 750px化 全体を中央揃え フッターリンク左右の余白調整 非表示 右カラム全部 ロゴ
DELFONICS
オリジナルステーショナリー・雑貨の企画、販売。デザインステーショナリー・雑貨・小物の販売、卸を行うDELFONICSの公式ウェブサイト。直営店「DELFONICS」「Smith」の最新情報や商品案内、過去のプロダクトや販促物のご紹介も。
デザイン勉強会までにInkscapeを予習する | Blog hamashun.com
追記：2007-08-29 文言を修正しました。 今度やるデザイン勉強会は、イラレがあると理解が深まるらしいです。 でも、さすがに値段が値段なので、今回の為に買うというのは難しいと思います。 そんな中に現れた救世主がInkscapeというソフト。 なんでもフリーソフトでありながら、イラレに匹敵する性能があるんだとか。 という訳で、デザイン勉強会本番までに覚えたい最低限の機能を予想して、ピックアップしてみました。 あ、ちなみにスピーカーの方とは何も相談していないので、完全に僕の予想です。 インストール ダウンロードはInkscape 公式サイトからどうぞ。 特につまづく所は無いと思います。 日本語以外の言語をオフにすると、40MBくらい軽くなるので、HDDの容量が気になる方はどうぞ。 インターフェイス クリックで拡大図が出ます。 とりあえずこれだけ覚えておけば、大体の事はできると思います。
三洋の「eneloop」とコラボ、ウィルコムW-SIM端末のプロトタイプ
8月24日～26日に東京ビッグサイトで開催されるイベント「グッドデザイン・プレゼンテーション2007」で、ウィルコムと三洋電機の協力で誕生したPHS端末のプロトタイプ（試作品）が展示されている。初日の24日には、会場内で発表会が開催され、両社によるプレゼンテーションが行なわれた。 ■ 単3型eneloop1本で動作するW-SIM端末 今回発表された試作品 今回発表された試作品は、三洋電機の充電池「eneloop」の単3型一本で動作するW-SIM対応端末。低消費電力というPHSの特徴を活かしたもので、一般的な端末よりも省電力性に優れているという。現時点で商品化される予定はないが、連続通話時間は約5時間、連続待受時間は約250時間というスペックが明らかにされている。 電池を模したボディが採用され、ディスプレイやカメラは装備しない。テンキーと発話・終話ボタンというシンプルな構成。実際に通話が可能
ロゴ作成ジェネレータ「Web2.0 Logo Creator」
「Web2.0 Logo Creator」を使う Web2.0 Logo Creator 使い方として、上のようなトップ画面内から [Text to make Web 2.0:]へ、ロゴにするテキスト（アルファベット）を入力 [Add Reflection?]で、反射効果のYes/No（有り/無し）を選択 [Add BETA tag?]で、最後尾に[BETA文字入り]バッジの表示の有無を選択 ロゴにしたいテキストを入力し、反射効果とバッジの有無をそれそれ[Yes]で 作成した場合、上サンプルのようなロゴが生成されます。 で、個別に確認したかった点というのが、デフォルトの状態では青色のテキストのみですが 自分の好きな（希望する）テキストカラーでロゴを作ることはできないのか？という点。 (例外として[2.0]という数字と、最後尾に置くアルファベットの[r]はデフォルトでピンク色になる） そこで
Forgot the Milk. - Faviconをサクサク作ってくれる８つの Faviconジェネレータ サイト
Favicon は、サイトオーナー（ブログオーナー）の自己満足だけではありません。そのサイトやブログの個性を表現することもさることながら、ユーザから「それなりに手をかけているサイトだな」と興味や安心を抱かせる効果もあるように思えます。 そんな Favicon ですか、あなたはどのように作成していますか？ここで紹介するサービスを利用すると、簡単に Favicon を生成することができます。元となる画像からicon形式のファイルを出力してくれるものもあれば、文字入力から作成するものまであります。中にはビットを塗りつぶして１から作成できるものも・・（それってオンラインでやる必要あるのかな・・）。 自分にあった簡単Faviconジェネレータを見つけてみてください。 1. FavIcon from Pics 日本のブログでも結構紹介されているサイトですね。基本的には画像をアップロードして icon
こんなに使えない概要フィード : akiyan.com
こんなに使えない概要フィード 2006-12-20 「RSSフィードには全文をいれるべきだ」 「いや、PVが欲しいからタイトルや概要だけにしよう」 ...断言しよう。RSSフィードは全文配信すべきだ。 なぜなら概要フィードはこんなにも使えないのだから。 目次 概要フィードは全文フィードに敗北する 全文フィードは利便性が良くて、概要フィードは利便性が悪い。でも概要フィードなら記事本文を読みにサイトにアクセスしに来てくれて全文よりもPVが増えるかもしれないし、他のコンテンツを見せたりできる。この考え方に矛盾は無い。 しかし忘れてはならないのは、ユーザーが購読しているフィードはあなたのフィードだけではない。RSSリーダーという狭い世界の中でフィードは競合する。全文フィードの台頭によって概要フィードは記事タイトルすらまともに見て貰えず、PVどころかアテンションまでも失うことになりかねない。 その理
WordPress › WordPress Themes
Layout Grid Layout One Column Two Columns Three Columns Four Columns Left Sidebar Right Sidebar Wide Blocks Features Accessibility Ready Block Editor Patterns Block Editor Styles BuddyPress Custom Background Custom Colors Custom Header Custom Logo Custom Menu Editor Style Featured Image Header Featured Images Flexible Header Footer Widgets Front Page Posting Full Site Editing Full Width Template M
サイトをリデザインしてみたーデザインプロセス - Liner Note
少し本気でブログのデザインを考えまして、デザインし直してみました、パッチワークでアレコレ変えるよりかは自分でスキンを作る‥少し本気でブログのデザインを考えまして、デザインし直してみました、パッチワークでアレコレ変えるよりかは自分でスキンを作るの方が結果的には近い道だろうと思って、やっていたら5日掛かりの仕事になってしまいました（構想を含めれば数ヶ月くらい） ご覧の通り、シンプルな1ペインデザインです。これについてはあとでまた別に記事を立ててお話しします。 で、この記事ではリデザインの課程をざっくりと画像で振り返ってみようと思います。 イメージスケッチ 始めに、なにはともあれどういうサイトにしたいか画像編集ソフトで適当に描きます。サイトを実際に作った人なら分かるかと思いますが、ここが一番楽しいんですよね 最初に考えたのはこういう2ペインデザイン、この頃はまだサイト名すら決まってません(^_
ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
フリーの画像編集ソフト『GIMP』のまとめ。 GIMPは高機能でありながらフリーのオープンソース画像編集ソフトです。 フォトショップは高価なもので、自宅の趣味での画像編集にまで使えないという人もいるだろう。 そんなときはGIMPを使ってみるといいかもしれませんね。 本体ファイルのダウンロード ・Windows版 ・Mac OS X ・Linux版 インストールした後に GTK+ Runtime Environment → Select languageで日本語にしておけば日本語もいけます。 インターフェイス使いやすく すこしでも使い慣れたフォトショップインターフェイスにしたいという人は、以前も紹介した日本語ローカライズを導入するといいだろう。 Photoshopユーザーのための日本語ローカライズ これを導入することで、フォトショップに似たインターフェイスで作業を行うことが可能となる。 また
Tartan Designer - Tartan Maker - Tartan Background pattern generator
Warning: Undefined array key "page" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/functions.php on line 5 Fatal error: Uncaught Error: Undefined constant "INACTIVE_USER" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/authentication.php:5 Stack trace: #0 /home/mhd-01/www.tartanmaker.com/htdocs/sg_require.php(9): require_once() #1 /home/mhd-01/www.tartanmaker.com/htdocs/modules/user.php(5):
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Voxは完全無料。SNSの機能も備えた新しいブログです。
ウェブデザインに使える16のジェネレーターツール - DesignWalker
ADP: floatレイアウトでつまづかないためのTips
