タグ：CSSの記事一覧 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2009/12/28

CSSの画像埋め込みを補助する「CSSEmbed」

Tweet

CSSEmbedはJava製のオープンソース・ソフトウェア。CSSを使ったWebサイトデザインで、HTML中には画像のパスを出さずCSSで定義するケースがある。これによりCSSで制御できるデザインの範囲が大幅に広がるのだが、さらに一歩進めてCSS中に画像データを埋め込んでしまう手法がある。 ...

2009/12/19

セクシーなボタンでユーザビリティを向上する「Sexy Buttons」

Tweet

Sexy ButtonsはJavaScript/CSS製のオープンソース・ソフトウェア。Webサイトのユーザビリティを向上する上で考えたいのがアイコンの使い方だ。素っ気ない文字だけの表示に比べて表現力が高くなり、ユーザビリティも大幅に向上する。アイコン付きの分かりやすいボタン　 Web...

2009/11/16

CSSとJavaScriptを組み合わせたアニメーションライブラリ「emile」

Tweet

emileはCSS/JavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを行う際、まず思いつくのはFlashを使った手法だろう。だがそこまで複雑なアニメーションでもなく、そもそもFlashを扱うのが苦手な場合はどうしたら良いだろう。そこで使えそうなのがJava...

2009/11/14

iPhone/iPod Touch向けWebサイト向けテンプレート「Webapp.net」

Tweet

Webapp.netはiPhone/iPod Touch向けのオープンソース・ソフトウェア。iPhone/iPod Touchはモバイルデバイスなので画面の大きさに制限がある。そのためPC向けのWebサイトを表示はできるが、できれば最適化されたWebサイトを提供したい。専用のインタフェースを提...

2009/11/01

Google Codeで使われているソースコードハイライタ「Google Code Prettify」

Tweet

Google Code PrettifyはJavaScript/CSS製のオープンソース・ソフトウェア。Google Codeではリポジトリにあるソースコードをオンラインで閲覧する機能がある。多様な言語に対応しており、色づけによってソースコードの閲覧が容易になる。 JavaScriptの正...

2009/10/25

難読モード/編集モードを備えたCSSエディタ「snap{css}」

Tweet

snap{css}はWindows向けのフリーウェア（ソースコードは公開されている）。CSSの編集は何のエディタで行っているだろう。大抵テキストエディタか、オーサリングソフトウェアになるだろう。使い慣れたエディタで編集するというのも良いが、専門のエディタを使うと効率的になるかも知れない。 ...

2009/10/16

テキストエリアを使ってコーディングしやすくする「CodeMirror」

Tweet

CodeMirrorはJavaScript製のオープンソース・ソフトウェア。Webブラウザのテキストエリアの貧弱さは言うに事欠かない。メモ帳レベルの機能しかなく、とても使い勝手が悪い。HTMLを作成する場合はWYSIWYGなエディタに変換するCKEditorのようなソフトウェアも存在するが、W...

2009/10/08

CSSを柔軟にデザインできるフレームワーク「CSScaffold」

Tweet

CSScaffoldはPHP+CSS製のオープンソース・ソフトウェア。CSSは柔軟に設定ができるため、つぎはぎに設定を付け足していくと管理が煩雑になっていく。はじめこそネストした設定も適切に行うのだが、徐々に乱れていくとやたら長いクラス名ができたり、設定が複数箇所に点在したりすることになる。 ...

2009/10/07

CSSを使ったクロスドメインAjax「CSSHttpRequest」

Tweet

admin
オープンソース
Java ,Apache License 2.0 ,CSS ,github ,ライブラリ ,開発

CSSHttpRequestはJavaScriptを使ったオープンソース・ソフトウェア。AjaxはWebシステムを進化させた凄い技術ではあるが、制約も色々とある。特に大きいのがクロスドメインによるデータの授受ができないという問題だろう。その問題を解決するため、JSONPをはじめとする様々な対抗...

2009/09/29

CSSで自動生成ドキュメント「CSS Doc」

Tweet

CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマン...

2009/09/11

HTML/JavaScript/CSSをシェイプアップ！「Patu Digua」

Tweet

admin
オープンソース
GUI ,SourceForge.net ,Java ,HTML ,JavaScript ,LGPL ,CSS

HTMLやJavaScript、CSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない（中には意味のあるスペースもあるが）。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事にな...