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

デザイン - CSS3の記事一覧

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

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

もっと見る

28591?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f08%2fscreenshot2011-07-31-21.35.22_thumb

  • 2011/08/13

WebブラウザごとのHTML5対応状況を調べる「haz」

hazはWebブラウザごとのHTML5/CSS3対応状況を表示するWebユーティリティ。hazはHTML5製のフリーウェア(ソースコードは公開されている)。HTML5の登場によって、Webの標準化が進みこれまでにあったようなWebブラウザごとの方言や互換性維持の手間が減る。そう思われているが実際にはそう簡単ではない。G...

27470?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-07-10.48.02_thumb

  • 2011/06/21

圧倒的な存在感。HTML5/CSS3/JavaScriptで作られたイラストレーションアプリ「Ghost Writer」

Ghost Writerは万年筆、マジック等をリアルに再現した絵描き用ソフトウェア。Ghost WriterはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。HTML5は徐々に本格導入されつつあるが、まだまだ実験的なプロダクトが多い。だがプログラマーにとっては、今こそ遊べる状況だ。色々...

27014?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fscreenshot2011-05-18-17.22.59_thumb

  • 2011/05/30

ジャストアイディアを素早く形にしていく。HTML5/CSS3デザインテンプレート「Perkins」

PerkinsはHTML5/CSS3のデザインテンプレート。多数のパターンに対応している。PerkinsはHTML5/CSS3製のオープンソース・ソフトウェア。アイディアを思いついてすぐにコーディングにとりかかるが、Webデザインで詰まって投げ出してしまったという経験はないだろうか。デザインが今ひとつだと開発する気力ま...

26753?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fscreenshot2011-05-07-10.14.43_thumb

  • 2011/05/14

よく使うものをパッケージ。個人向けWeb開発で使えるPHPフレームワーク「G5 Framework」

G5 FrameworkはHTML5/CSS3/jQueryを組み合わせた各種ライブラリを内包したPHPフレームワーク。G5 FrameworkはPHP製のフリーウェア。ちょっとしたアイディアがわいた時にさくっと実装したい時にPHPはちょうどいい。あくまでも個人向けであればPHPファイル中にHTMLを書いていってしまっ...

List

  • 2011/05/11

レガシーなブラウザでもCSS3の新技術を活用する「Selectivizr」

SelectivizrはCSS3の機能をIE6〜8でもサポートできるようにするライブラリ。SelectivizrはJavaScript製のオープンソース・ソフトウェア。CSS3ではIDやclassによる指定の他にもセレクタが追加されている。例えば属性値による指定でスタイルを設定することもできる。機能が追加されれば、より...

26482?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2f18fea15c74deaeabb42dc6af6b97a093

  • 2011/04/26

画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン「CSSS」

CSSSはHTML5/JavaScript/CSS3で作られたWebベースのプレゼンテーションテンプレート。CSSSはHTML5/JavaScript/CSS3によるオープンソース・ソフトウェア。最近はHTMLやJavaScriptを使って作られたプレゼンテーションが増えている。JavaScriptでキーの動きに合わせ...

26439?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2fscreenshot2011-04-13-11.57.52_thumb

  • 2011/04/22

必見。スマートフォン対応、WebベースのHTML5オーサリングソフトウェア「Maqetta」

MaqettaはIBMからDojoに寄贈されたWebベースのHTML5対応オーサリングソフトウェア。MaqettaはWebベース、Java製のオープンソース・ソフトウェア。HTMLのオーサリングツールと言えばDreamweaverをはじめとしてローカルソフトウェアで行うのが一般的だ。だがその結果をレンダリングするのはW...

26434?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2fscreenshot2011-04-12-15.50.24_thumb

  • 2011/04/22

Firefox4の実力を知る。HTML5/CSS3による惑星情報「The Planetarium」

The PlanetariumはFirefox4のデモとして作られたCSS3の実演ソフトウェア。The PlanetariumはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。技術的にどれだけ面白かろうが、ぱっと見て分かるものでないとインパクトが薄れてしまう。逆に言えば見た目の迫力があ...

25148?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-01-10.25.10_thumb

  • 2011/02/11

禅の心。機能美を探求したHTML5製音楽プレーヤ「ZEN-Player」

ZEN-Playerはシンプル、かつ必要最低限の機能を備えたWebベースの音楽プレーヤ。ZEN-PlayerはHTML5製のフリーウェア(ソースコードは公開されている)。Webサイトやサービスは時間が経つにつれてどんどんリッチに、そして複雑になっていく。決して悪いことではないが、時にあまりの激しさに疲れてきてしまうもの...

25062?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2fscreenshot2011-01-27-17.11.29_thumb

  • 2011/02/07

HTML5のオーサリングに。GeckoをレンダリングエンジンにしたHTMLオーサリングツール「BlueGriffon」

BlueGriffonはHTML5をサポートした、Firefox4をレンダリングエンジンにしたHTMLオーサリングツール。BlueGriffonはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。Webは日々進化している。それに合わせて制作ツールも進化しなければならない。オーサリングツールとし...

24772?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2fscreenshot2011-01-17-20.18.14_thumb

  • 2011/01/25

覚えておくときっと役立つ。Webアプリケーション用のリッチなUIフレームワーク「Alloy UI」

Alloy UIは数多くのウィジェットを提供するUIフレームワーク。/s2IfAlloy UIはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア。Webの役割は大きく変わってきている。シンプルなホームページと言われた時代は終わり、Webアプリケーションやソーシャルサービスのようにオンライン上で...