ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも多い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。タグ: [オープンソース] [デザイン] [CSS] [HTML] ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSScaffoldはPHP+CSS製のオープンソース・ソフトウェア。CSSは柔軟に設定ができるため、つぎはぎに設定を付け足していくと管理が煩雑になっていく。はじめこそネストした設定も適切に行うのだが、徐々に乱れていくとやたら長いクラス名ができたり、設定が複数箇所に点在したりすることになる。元CS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSHttpRequestはJavaScriptを使ったオープンソース・ソフトウェア。AjaxはWebシステムを進化させた凄い技術ではあるが、制約も色々とある。特に大きいのがクロスドメインによるデータの授受ができないという問題だろう。その問題を解決するため、JSONPをはじめとする様々な対抗技術... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Pirka’rはWindows/Mac OSX/Linux向けのフリーウェア（ソースコードは公開されている）。ここ数年でブラウザのシェアは大きく変わってきている。それまでIEが主流だったのがFirefoxが大きくシェアを取り、さらにSafariやGoogle Chromeといったブラウザが続いてい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマンド一... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
小さなアイコンを多数集めて一つの画像にし、CSSで分割するCSS Spriceという技術については何度か紹介したい。Tonttuもその代表ソフトウェアの一つだ。ブラウザからサーバに対するアクセス数が減るのが最も大きな効果で、小さなアイコンを数多く使っているサイトほど有効だ。生成したい画像をドロップ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
HTMLやJavaScript、CSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない（中には意味のあるスペースもあるが）。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事になる。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
大学ノートには横線が引かれている。これを使って文字を書けば、斜めになったり一部だけ文字の大きさが変わって読みづらくなったりしない。整然と並んで書かれていれば後で読み返す時にもきっと分かりやすいはずだ。ある一定の基準に沿っていると安心感があり、情報を受け入れやすくなるのだ。グリッドコンテンツを重視し... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。CSS Spriteを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。元HTMLファイルそう、レイアウトがHTMLと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSやJavaScriptが多用されるようになり、一般的なオーサリングツールでは求めるデザインが容易にはうまくいかなくなっている。そのため技術者の場合は手打ちでHTMLを描く人も多いはずだ。だが、面倒なのは確かだ。各種エディタで利用可能もっとシンプルにタグ入力を行いたい、そう考える方に使ってみて... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSをそのまま書くのは面倒というのは誰しもが感じる所だろう。そこで最近では構造化されたCSSを作成し、変換プログラムを介して別なフォーマットにするという類のソフトウェアが幾つか登場している。PythonではCleverCSS、RubyではSassやLessが知られている。下がSass、上がCSS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
写真は撮るだけでは面白くない。見せ方が重要だ。例えばiPhoneやiPod Touchは液晶の大きさもあって、写真を皆に見せるのに便利なインタフェースだ。だが、ただ写真をリストアップしたり、アルバムに入っているものを見せるだけでは面白くはない。iPhoneに最適化されたカバーフロー表示を行うJav... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
iGoogleの画面が使いやすいか、と言われると答えに窮するところだか個人がメンテナンスできる機能はとても便利だ。ブックマークレットやFirefoxアドオン等でもただ与えられた画面をそのまま使うのではなく、ユーザが自分にとって使いやすい形に変化させる（または許容する）のはとても大事だ。3カラム表示... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。Lessの記述例そんな訳でCSSは慣れ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。Basecampにも似たWebアプリケーションテンプレート例えばWebシス... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSを常日頃から使わないと、ちょっとしたプロパティを忘れてしまう。例えばcursorプロパティに設定できる文字は何があっただろうか、といった具合だ。ネットを使って調べても良いが、オフラインの場合に困ってしまう。テキスト設定そんな時に使えるのが、CSSエディタだ。シンプルなものが良ければSimpl... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Prototype.jsやjQueryなどのJavaScriptフレームワークではHTMLのクラス名やIDなどを指定して要素を取得できるようになっている。とは言え、簡単な要素の取得のためにフレームワーク全体を読み込むというのはちょっと面倒だ。次世代版のCSSセレクタエンジンそこでもっと手軽に使える... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
特定デバイス向けのWebサイト構築というのはごくシンプルだ。iPhone向けのWebサイトを構築する場合は、iPhoneで正しく見られれば良い。PCのように多彩なブラウザが使われていたりするとその表示誤差を吸収する必要があるが、iPhoneであればSafariだけで良い（今の所は）。アイコンリスト... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
