ITエンジニア/デザイナ向けにオープンソースを毎日紹介

デザインの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2007/10/15

サイトのパフォーマンス向上を目指そう「YSlow」

AjaxやCSSや様々なJavaScriptライブラリによって、サイトが豪華になっていく反面、全体的なシステムパフォーマンスは急激に悪化している。JavaScript等で、このサイトは重いなと感じる事が少なからずあるはずだ。便利な機能を提供する限り、これは変えられないのだろうか。いや、そんな事はない。変えるべきポイント...

List

  • 2007/10/12

CSS Validを目指せ!「CSS Validator」

CSSを使ったサイトが当たり前になりつつあるが、ブラウザ間の整合性を保つのは非常に難しい。ましてやValidなCSSをくみ上げるというのは並大抵ではなく難しい。チェックする機能が必要だ。オンライン上でCSSのチェックをしてくれるサービスとしてはW3C CSS 検証サービスがあるが、これはサービスが既にローンチしている必...

List

  • 2007/10/11

CreativeCommonsの各種素材集「OpenWebGraphics」

サイトを作る上で大事なのがデザインだ。だが、これが技術者にとっては最も厄介な存在だろう。システムはある程度組み上がっても、デザインがうまくいかずにそのまま放置…なんて経験は誰しもが持っているのではないだろうか。サイトデザインについては、既に様々なオープンソース系サイトが立ち上がっている。さらにアイコン等が欲しい人はここ...

List

  • 2007/10/07

WYSIWYGなHTMLオーサリング「KompoZer」

個人的にAdobe GoLive(今は既にないだろうか)とDreamweaverは前者が高く、後者が安いイメージがあった。が、全く違っていたようだ。Adobe Dreamweaverは4万円以上する高価なソフトウェアに変わっていた(元々?)。こうなると個人ではおいそれと手を出しづらくなる。最近はDivタグ+CSSでデザ...

List

  • 2007/10/02

ActionScript GUIフレームワーク「AsWing」

Flashと言うと、興味はあっても手は出していない技術者が数多い。なぜかと言えば、デザインとプログラムが融合していて何となく難しそうな感じがする事と、有償というイメージがある事に所以するだろう。ActionScript2/3の開発についてはFlashDevelopを使えば良い。しかしこれでは画面デザインをプログラムベー...

List

  • 2007/09/27

出た、構造化CSS「CleverCSS」

前にCSSの記述テクニック 階層宣言コーディングというエントリーを読んだ。これはエイプリルフールネタではあるが、同じ事を考える人は他にもいるようだ。そして、それをネタとしてではなく、ないなら実現してしまおうと考える。今回紹介するオープンソース・ソフトウェアはCleverCSS、構造化CSSを実現するソフトウェアだ。Cl...

List

  • 2007/09/11

プログラマブルCSS「Moonfall」

CSSは柔軟な書き方に対応するフォーマットだが、運用を続けていくと構造の階層が乱れていったり、フォントサイズの設定が様々な場所に散らばったりと管理しづらくなっていく。データを上手に管理すべく、プログラマブルなCSSを導入してみるのはいかがだろう。今回紹介するオープンソース・ソフトウェアはMoonfall、CSSジェネ...

List

  • 2007/08/29

必見!Webデザインのお供に「XRAY」

Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。 表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。 今回紹介する...

List

  • 2007/08/23

HTMLを解析してCSS生成「html2css」

CSSで便利だと感じるのは構造を階層化できる点だが、逆にきちんと構造化しておかないと欠点にもなりかねない。別な所で定義した名称と重複してしまい、どうもうまくいかないという経験がある人も多いはずだ。まず現状どういった構造になっているのか、それを把握する所からはじめてみよう。それが分かればうまく構造化できるはずだ。今回紹...

List

  • 2007/08/17

CSSを最適化「CSSTidy」

最近のWebサイトはテーブル組ではなくCSSで構築することが多い。その分、ブラウザ互換性を確保するのが大変な場合も多いが、文書構造的にも分かりやすいものが出来上がる。それもあって、CSSが肥大化する傾向が見られる。余計なプロパティや値の設定がないか、ツールを使ってチェックしてみよう。今回紹介するオープンソース・ソフト...

List

  • 2007/08/13

オープンソースを愛する人のためのステッカー「Free Software Sticker Book」

これはナイス!もらったシールやステッカーで格好いいものはノートPCやデスクトップに貼り付けている。ノートPCの背面は殺風景なので、アクセントがあった方が親しみがわきやすい。そして、ノートPCには既に幾つかシールが貼られている。それがWindowsのマークやIntelのシールだ。これが好きではない人は、こちらを使ってみ...

List

  • 2007/08/08

クールなブログを作ろう「free CSS Templates」

最近、サイト全体をブログで構築するケースが増えている。時事性が強く求められている現在のネット状況では、ブログというサイト構成が向いている。しかしありがちなデザインでは誰も見向きもしてくれない。そこでクールなデザインを簡単に導入しよう。今回紹介するオープンソース・プロジェクトはfree CSS Templates、2....

List

  • 2007/08/08

ついに登場!CSSフレームワーク「Blueprint」

誰かがきっと作ってくれると思っていた。prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。今回紹介するオープンソース・ソフトウェア...

List

  • 2007/08/06

ごくシンプルなCSSテンプレート「CSS Layout」

オープンソースまたはCreativeCommonsでデザインを公開しているサイトが増えてきた。こうしたテンプレートを活用する事で簡単にサイトを構築できるようになり、非常に嬉しいのだが一つだけ問題があった。それはあまりに凝りすぎていて、他に転用しづらい事があるのだ。特にロゴなども格好いいものが既に埋め込まれていると流用...

List

  • 2007/07/29

デザイナー必須!オートトレースソフト「Potrace」

Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。それらの苦労から開放してくれるソフトウェアがこれだ。今回紹介するオープンソース・ソ...

List

  • 2007/07/29

Mac OSXでトレースならこれ!「Cocoapotrace」

自動でトレースを行ってくれるPotraceはデザイナー必須の非常に優れたソフトウェアではあるが、唯一の欠点とも言えるのが試す事ができないという事だろう。実際にやってみて結果を見るしかない。慣れるまではどうしても閾値などを調整しながら行っていく必要がある。そのためにも手軽にプレビューできる環境があるといい。今回紹介する...

List

  • 2007/07/24

デザインもオープンソース化「Open Designs」

技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。そこで私自身はデザインは極力外部から持ってくる事にした(または手伝ってもらう)。そうした時に役立つのがこのサイトだ。今回紹介するのはOpen Designs、オープンソースのデザ...