[CSS]divもfloatもclearもhackも使用しないで組む3カラムレイアウト | コリス
TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。 仕組みは、簡単に説明するとリストを使用したもので、実装方法は８つのステップで紹介されています。
[AS]かっこいいUIのフラッシュライブラリ -Movieclip tweening prototypes
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。
人力検索はてな - かっこいいパワーポイントのテンプレートってないですか？ ポップでフリーな！！ よろしくお願いします。
かっこいいパワーポイントのテンプレートってないですか？ ポップでフリーな！！ よろしくお願いします。
[N] Win XPをMac OS X風にカスタマイズ「FlyakiteOSX」
Windows XPをMac OS X風にカスタマイズする「FlyakiteOSX」というソフトを試してみました。 Windows XPをMac OS X風にカスタマイズするソフトというのはいろいろと出ているらしいのですが、今まで試したことはありませんでした。 しかし「Make Your XP Computer Look Like OS X」というエントリーを見たら、あまりにもMac OS X過ぎるカスタマイズができるソフトがあったので、試してみた次第です。 ソフトは「Download – FlyakiteOSX.com」からダウンロードすることができます。インストールする前に、スクリーンショットも確認してください。 インストール自体は普通のアプリケーションと同じなのですが、何やらいろいろなソフトをインストールしたり、レジストリを変えたりしているようなので、あくまでも自己責任でお願いします
![[N] Win XPをMac OS X風にカスタマイズ「FlyakiteOSX」](https://cdn-ak-scissors.b.st-hatena.com/image/square/c81932c5f2616d668a73e38a59ee5fab406034da/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2007%2F12%2FWS000000.jpg)
dafont.com
90,816 fonts of which: 36,793 with accents 48,124 with the Euro symbol How to install a font (details in the Help section) Extract the files you have downloaded, then:Windows 10/8/7/Vista: Right-click on the font files > "Install"Mac OS X: Double-click the font file > "Install font" button. Other OS...
テンセグリティの作り方 How to make a Tensegrity : 藤崎圭一郎の雑思録
テンセグリティ （Tensegrity） は、tensional と integrity の造語。引っ張る力と圧縮する力によって均衡を保たれる構造。バックミンスター・フラーの指導を受ける学生だった、ケネス・スネルソンが考案したものです。投げると弾むくらい構造は安定しています。が、輪ゴムを一か所外すと途端にバラバラになります。 いろいろなバリエーションがありますが、今回制作してもらったのは、輪ゴムと木の棒で作る最も単純なものです。エレガントな構造を自分の手で体験してもらうのが制作の目的です。 東急ハンズで買ってきたラワン材とバルサ材の2種類の丸棒で使いましたが、バルサ（6mm径）のほうが加工しやすく、見た目もいいようです。糸鋸を使いました。カッターでは両端に溝を入れるのが難しい。木を切るときに怪我をした学生がいました。軍手を用意すればよかったですね。申し訳ありませんでした。 この講義のために
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
フリーの画像編集ソフト『GIMP』のまとめ。 GIMPは高機能でありながらフリーのオープンソース画像編集ソフトです。 フォトショップは高価なもので、自宅の趣味での画像編集にまで使えないという人もいるだろう。 そんなときはGIMPを使ってみるといいかもしれませんね。 本体ファイルのダウンロード ・Windows版 ・Mac OS X ・Linux版 インストールした後に GTK+ Runtime Environment → Select languageで日本語にしておけば日本語もいけます。 インターフェイス使いやすく すこしでも使い慣れたフォトショップインターフェイスにしたいという人は、以前も紹介した日本語ローカライズを導入するといいだろう。 Photoshopユーザーのための日本語ローカライズ これを導入することで、フォトショップに似たインターフェイスで作業を行うことが可能となる。 また
修悦体で新宿駅が便利に（佐藤修悦さんのガムテープフォントドキュメント） トリオフォー[34]
＜ガムテープ案内文字、修悦体って＞ 2003年、ＪＲ新宿駅の大規模な切替し工事の際、構内の案内文字が多くの人の目を引きつけました。 いわゆるゴシック体ながら、印刷とは異なり、しっかりと目立つ。でもちょっと個性的。近づいてよく見るとその文字はなんとガムテープらしきものを切り張りして作られていました。案内文字は、ブログやメディアなどで紹介され、話題となりました。この文字の作り手が、駅構内の警備員佐藤修悦さん。問い合わせの絶えないわかりづらい駅の案内をする仕事上でのアイデアであり、素材（色）の妙や、修悦さんのゴシック体への強いこだわりから生まれたのが、テープで作られた文字（修悦体）です。 そして2007年、判りやすくかつ独特なゴシック体が、工事中の日暮里駅に再び現れました。修悦さんの作る文字は更に魅力的に。今も駅の大切な案内として活躍しています。 （2007/10） ▼わりと最近の修悦体
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
企画屋さんは自分の仕事はデザインだと認識したほうがいいんだと思うよ：DESIGN IT! w-LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いわゆる典型的な企画屋さんの仕事ってほんとに手におえないなって、最近つくづく感じます。 僕自身、どちらかというと企画を担当する仕事をしてますけど、そんな僕からみても、いわゆる企画屋さんの仕事って傍からみてても「おいおい、それじゃあ、いつまで経っても形にならないよ」ってくらい、実装のことを無視した仕事の進め方をしてたりします。 制約を知らない人たちそれでいて、そういう人たちに限って「自分はものづくりにかかわってる」みたいな顔したり「ユーザー視点がどうこう」とか言ったりします。客観的にみると、ぜんぜん、ものづくりの視点が欠けてるし、ユーザー視点のかけらもなくて単にあなたの思いつきを並べてるだけですよね、と思うことが多いんですけど。 とにかくアイデアベースだけなので、ものづくりが
デザインってスゴイんだってことをもっと本気で言わなきゃダメだと思う：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 デザインというものを小さく捉えすぎてはいませんか？ 見た目を美しくするのもデザインだし、それを自分が持っていることに喜びを感じさせるような愛着を生み出すのもデザイン。 もちろん、そのモノとしての機能性を生み出すのもデザインだし、人々の暮らしの中で使い勝手のよいモノをなるようにするのもデザインです。 また、既存の技術にこれまでなかった用途を生み出すイノベーションを実現するのもデザインだと思います。 デザインというのは、そうした諸々を統合的、包括的にまとめあげる作業だと思うんです。 PowerPointで提案書を書くデザインがいかに包括的な作業で、統合力が必要なものか。例えば、PowerPointで提案書を書くことを例にとって考えて見ましょう。 提案書を書くという行為は、まぎれ
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
ウノウラボ Unoh Labs: Webサイトのテキストを読みやすくする
こんにちは！ 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら（？）仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
https://www.spiralmarket.com/2008/01/14/0345
Liner Note - 無償で商用利用できて品質の高い日本語フォント一覧
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
CSSTYPE - web safe typography on screen for pixel perfectionists
CSS 2.1のエッセンス -- 脱初心者をめざす人のためのホームページ作成講座
ストライプジェネレーター5つ - DesignWalker
