東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
font …… フォントに関する指定をまとめて行う font-style …… フォントをイタリック体・斜体にする font-variant …… フォントをスモールキャップにする font-weight …… フォントの太さを指定する font-size …… フォントのサイズを指定する font-family …… フォントの種類を指定する font-size-adjust …… フォントのサイズを調整する font-stretch …… フォントを縦長・横長にする line-height …… 行の高さを指定する text-align …… ブロックコンテナ内の行の揃え位置・均等割付を指定する text-justify …… 均等割付の形式を指定する vertical-align …… 縦方向の揃え位置を指定する text-decoration …… テキストの線・色・スタイルをまと
情報システムは「見た目」である――。こんなテーマの特集を執筆しながら、ふと我に返った。これは自分自身の仕事にも、全く同様に当てはまる、と。 「読んでもらえれば分かります」。記者という職業にとって、これは「禁句」である。いくら素晴らしい内容の記事でも、読んでもらえなければ無価値。だから記者は、見出しに最大の努力を払わなければならない。読者が雑誌や新聞をめくって、パッと目に入ってくるのは見出しだからだ。記事レイアウトの見やすさ、図や写真の的確さも欠かせない要素だ。 読んでもらえて初めて記事に価値が生まれるのだとすれば、記事の「見た目」がその価値を左右すると言える。 こう言っておきながら、自身を振り返ってみると非常に心許ない。もちろん気を遣ってはいたつもりだが、まだまだ足りないと思い至った次第である。 「使ってもらえれば」は禁句 実はほかにも、これと同じ感覚にとらわれたことがあった。Window
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
ピカソの「ドラ・マールの肖像」にインスパイアされて、6ヶ月かけてシトロエンの古い車を改造。かなり大胆なデザインの車に変わっています。いろんな所がいびつになっているように見えますが、一応ちゃんと走るようにできているそうです。日本でもピカソの名を冠したシトロエンの車が発売されましたが、全く雰囲気が違っています。 詳細は以下から。 Picasso fan converts his car into work of art on wheels the Daily Mail 制作者のAndy Saundersが述べるには「ピカソについて研究し、彼の原色を主に使う手法に着眼点を置いて車のデザインに使用した。見た目がさらに変わった感じで見えるように、新しいパーツを自分で作り、自動車全体を歪めるようにした。」とのこと。 時速65マイル(時速約104km)で走れるそうですが、ライトなどが完備されていないため
Web担編集部の安田です。Web担のはてブ件数1万件超え()を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」(IEの場合)または「このリンクをブックマーク」(Firefoxの場合)してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか?」とのセキュリティ警告が出ま
iTunesには「ビジュアライザ」という機能があり、音に合わせてキレイなCGが動きまくってくれます。WindowsMediaPlayerの「視覚エフェクト」みたいなものです。フルスクリーンで再生も可能なので、BGMに合わせてスクリーンセーバーみたいなこともできます。 で、今回のこの「magnetosphere」は最初から用意されているモノよりもはるかにきれいでなおかつ派手、かなり斬新です。ちゃんとWindowsとMacの両方で動作可能というのもいい感じ。 実際に使用している様子のムービー、インストールと使い方は以下の通り。 これが実際に自作曲を再生させて「magnetosphere」を動かしている様子。 ダウンロードは以下の公式サイトから。なお、先にiTunesをインストールしておくこと。 barbarian software | magnetosphere ダウンロードしたらクリックして
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 デザインというものを小さく捉えすぎてはいませんか? 見た目を美しくするのもデザインだし、それを自分が持っていることに喜びを感じさせるような愛着を生み出すのもデザイン。 もちろん、そのモノとしての機能性を生み出すのもデザインだし、人々の暮らしの中で使い勝手のよいモノをなるようにするのもデザインです。 また、既存の技術にこれまでなかった用途を生み出すイノベーションを実現するのもデザインだと思います。 デザインというのは、そうした諸々を統合的、包括的にまとめあげる作業だと思うんです。 PowerPointで提案書を書くデザインがいかに包括的な作業で、統合力が必要なものか。例えば、PowerPointで提案書を書くことを例にとって考えて見ましょう。 提案書を書くという行為は、まぎれ
16×16、22×22、32×32、48×48、64×64、128×128までの各サイズがそれぞれ600個以上、全合計で3600個ぐらいある無料で利用可能なアイコン集、それが「Crystal Clear」です。クリエイティブコモンズライセンスで提供されており、PNG形式で提供されています。 ダウンロードは以下から。 Everaldo.com : Crystal Icons http://www.everaldo.com/crystal.html アイコンの一覧は以下から見ることができます。 Crystal Clear - Wikimedia Commons http://commons.wikimedia.org/wiki/Crystal_Clear もともとは以下の画像のように、LinuxのKDEのために作られたアイコンセットと言うことで、そのライセンスが適用されているようです。
初めての社会人生活、あるいは新たな職場での生活を迎えた人も多いだろう。昨今、転社や転職も珍しくはないが、多くの積極的な人生を過ごしたい人が求める傾向として「デザイン」と「クリエイティブ」というキーワードが見えてきた。漠然とした新生活の中にあって、このキーワードを知ることで、より有意義な方向付けが可能になるかもしれない。 曖昧になる業種の境界と新たな階級の台頭 最近、ITとかメディアといった領域を区切る境界線が曖昧になってきている。 と、同時に「上流」とか「下流」といった事業の工程による2分類がはっきりし始めてきた印象が強い。ただ、上流工程といっても、これまでのような「ホワイトカラー」と「ブルーカラー」といった区分でいうところのホワイトカラーばかりを指すわけでもない。いわゆるブルーカラーと呼ばれる肉体労働系であっても、職人さんといわれている人たちの多くが創意工夫を凝らした仕事をしている点にお
Firefoxは、Mozilla Foundation(日本法人はMozilla Japan)を中心にオープンソースで開発され、無償でダウンロードできるWebブラウザだ。Windows / Linux / Mac OS Xに対応している。複数のWebページを同じウィンドウ内でタブごとに切り換えて表示する「タブブラウジング」や、ブログの更新情報などを受信する「RSSリーダー」といった先進的な機能をいち早く開発してきたことから、Webアプリケーションの開発者(以下、単に「開発者」と記す)を始め、様々な層のユーザーから支持されている。Firefoxの世界シェアは、2007年2月現在、米Net Applicationsによる調査では14.18%となっている。 もう一つ、Firefoxが支持を集める理由として、アドオンによる拡張機能が豊富に提供されていることが挙げられる。拡張機能はMozilla自
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか?(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
2月1日から、購入に応じてポイントが溜まる Amazonポイントサービス が始まりましたね。ポイントサービスの開始を記念して、2月28日(水)まで最大10,000ポイントが当たるポイントプレゼントキャンペーンを実施しています。 そこで、Amazon の商品だってオシャレに見せたい!というわがままな願いを叶えてくれるツールをまとめてみました。 広告っぽいデザインが嫌いな人でもこれならブログに貼りたくなっちゃいませんか? Amazon にもリンク作成は用意されていますが、支援ツールを使うと簡単にちょっと差のつくオシャレなデザインにすることができます。ブログのデザインやお好みに合わせてぜひ活用してみてください。 Amazonの画像をオシャレに見せたい人にオススメ! Amazonリンクタグを簡単作成:Ama-Z Ama-Zは、短い URL の Amazon アソシエイト用タグリンクを作成したり、サ
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
連載第5回(「デザインのセンス,持ってますか?」)においてちょっと触れましたが,ウェブサイトを構築する際に,デザイナーとエンジニア(プログラマ)がかかわり,共同で作業を行うケースというのは少なくないと思います。これはもちろん,デザイナーとエンジニアがどちらもそれぞれ別のスキルを持っているからなのですが,それぞれのスキルや立場が異なるために,お互いにうまく意思疎通ができないケースも多いんじゃないかと思っています。 例えば,デザイナーの作成したウェブページのデザインが,システムを作る側からすると扱いづらい構成になっていたり,逆にエンジニアがシステムの修正や機能追加を行った際に行った表示上の変更が,デザイナーからすると許せないものだったり。そうでなくてもデザイナーの意図を読みきれていなかったり,といった感じで,お互いの作業が,相手の作業を阻害してしまったり,手戻りを発生させてしまうといった経験を
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く