タグ「CSS」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2011/01/19
HTML/CSS/JavaScriptを改善してWebサイトのパフォーマンスを向上しよう「DOM Monster」
DOM MonsterはJavaScript製のオープンソース・ソフトウェア。JavaScriptを活用したWebサイトが増えている。インタラクティブなWebサイト構築にあたって、JavaScriptを使っていくのは良いが、やたらと使うと重たくなってしまう。 実行した所 さらにdivやs...
2011/01/15
これは便利！ブラウザ/レンダリングエンジンごとのCSS設定をJavaScriptで解決する「CssUserAgent」
CssUserAgentはJavaScript製/Web用のオープンソース・ソフトウェア。CSSは便利だが、ブラウザによって指定が異なってしまうケースに対応しようと思うと途端に煩雑になってしまう。特にここ数年のようにWebブラウザの種類が増えると大変だ。 このようなクラスが定義される レ...
2010/12/13
ヘッダーに仕込んでおくと幸せになれるJavaScript「Head JS」
Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりす...
2010/09/03
Webブラウザ上でデザインを調整する「Brosho」
BroshoはjQuery/JavaScript製のオープンソース・ソフトウェア。WebサイトのデザインはWebブラウザを使って微調整を行わないと分からない部分が多い。特にシステムがらみで実際にデータを当ててみないとどうなるか分からない時はそうだ。 その場でCSSを修正して確認できる ...
2010/08/27
iPad用Webサイトを構築するの使えるテンプレート「jQPad」
jQPadはHTML/JavaScript製のオープンソース・ソフトウェア。iPadはPCを使うほどでないライトやネット利用者や逆にギークを軸に売れている。毛嫌いする人も多いが、個人的には気に入っているデバイスだ。iPhoneとは違って大きな画面でWebブラウジングできるのが良い。 iPa...
2010/08/20
JavaScriptだけで画像イフェクト「PaintbrushJS」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,CSS ,github ,MIT License ,画像
PaintbrushJSはJavaScript製のオープンソース・ソフトウェア。写真は撮ったそのままよりも加工した方がより印象深くなることがある。ただ、撮りためた数百枚という写真をすべて加工するのは大変だ。そのためにオンラインで画像加工を行うサービスも存在する。 横並びの写真はすべて同じも...
2010/08/01
罫線を重視したCSSフレームワーク「Atatonic」
AtatonicはCSS製のオープンソース・ソフトウェア。HTMLのデザインにおける柔軟性は非常に高い。だが柔軟性はあっても見やすいデザインにできるかどうかと言うと話は別だ。読みやすさで言えばむしろ画一的なデザインの方が良かったりする。 罫線に沿った綺麗なデザイン 整ったデザインを各種...
2010/07/26
軽量なCSSフレームワーク「Invisible」
InvisibleはCSS製のオープンソース・ソフトウェア。CSSはブラウザによって解釈が異なる部分があり、そのために一つのブラウザで整っても、別なブラウザでは崩れてしまうということがよくある。そうした誤差を吸収する意味でもCSSフレームワークを利用するメリットは大きい。 グリッドデザイン...
2010/05/15
CSS3だけでアクションを実現するフレームワーク「CSS3 Action Framework」
CSS3 Action FrameworkはCSS3製のオープンソース・ソフトウェア。HTML5に注目が集まっているが、同時に見逃せないのがCSS3だ。良く角丸やドロップシャドーがCSSだけでできるようになると言われているが、他にも様々な効果がCSSのみで可能になる。 CSSだけでオブジェ...
2010/05/07
iPhoneで使えるWebアプリケーションキット「TouchScroll」
TouchScrollはiPhone（予定ではAndroidやPalm Preも）用のフリーウェア（ソースコードは公開されている）。iPhoneにはWebサイトをブックマークとして保存する機能がある。その時、ホーム画面に追加をすればネイティブアプリのようにアイコンから起動できるようになる。 ...
2010/04/25
Sitemap.xmlを見やすく表示する「Google Sitemaps Toolbox」
Google Sitemaps ToolboxはJavaScript/CSS/XSLTによるオープンソース・ソフトウェア。ロボット型検索エンジンがサポートするSitemap.xml。SEOを専門とする方はもちろん、Webサイトへ効率的にユーザを呼び込みたいと考える人にとっては必須の技術だろう。...
2010/02/02
サイトのデザイン微調整に。ブラウザ上でCSS修正「Brosho Plugin」
Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。 オンラインでデザイン修正 ...
2010/01/29
整ったレイアウトのWebサイトを手早く作るためのCSSフレームワーク「Markercss」
MarkercssはCSS製のオープンソース・ソフトウェア。開発者はWebデザインが苦手だ。絵が描けない、デザインのイロハが分からないなどと色々な問題はあるだろうが、その一つにCSSの使い方がよく分からないというのがある。特にブラウザ間の誤差をうまく吸収できないのだ。 こんな感じのデザイン...
2010/01/28
CSS/JavaScriptのサイズ縮小、結合ライブラリ「Juicer」
-
admin
- ソフトウェア ,オープンソース
- CUI ,JavaScript ,CSS ,github ,MIT License ,開発
JuicerはRuby製のオープンソース・ソフトウェア。jQueryやPrototype.jsなどJavaScriptでリッチなインタフェース、操作を可能にするライブラリは多い。特に本体は軽量に、多彩なプラグインが提供されるjQueryは人気が高い。 ヘルプ だが多数のプラグインを使う...
2010/01/02
複数のCSS/JavaScriptを結合＆圧縮「phpFlair」
phpFlairはPHP製Webベースのオープンソース・ソフトウェア。jQueryなどのJavaScriptフレームワークやCSSフレームワークを用いていると、ついつい一度のアクセスで多数のコネクションが張られるようになる。これではサーバの負荷はもちろんクライアントでも表示が遅くなってしまう。...
2010/01/01
Google製、JavaScript/CSSの難読化＆キャッシュ「Reducisaurus」
ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも...
アンケート