注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

タグ「CSS」の記事一覧

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

Screenshot2011-01-11-13.28.27_thumb

2011/01/19

HTML/CSS/JavaScriptを改善してWebサイトのパフォーマンスを向上しよう「DOM Monster」

DOM MonsterはJavaScript製のオープンソース・ソフトウェア。JavaScriptを活用したWebサイトが増えている。インタラクティブなWebサイト構築にあたって、JavaScriptを使っていくのは良いが、やたらと使うと重たくなってしまう。 実行した所 さらにdivやs...

Screenshot2011-01-04-20.58.11_thumb

2011/01/15

これは便利!ブラウザ/レンダリングエンジンごとのCSS設定をJavaScriptで解決する「CssUserAgent」

CssUserAgentはJavaScript製/Web用のオープンソース・ソフトウェア。CSSは便利だが、ブラウザによって指定が異なってしまうケースに対応しようと思うと途端に煩雑になってしまう。特にここ数年のようにWebブラウザの種類が増えると大変だ。 このようなクラスが定義される レ...

Screen-shot-439

2010/12/13

ヘッダーに仕込んでおくと幸せになれるJavaScript「Head JS」

Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりす...

Screen-shot-174-tm

2010/10/02

HTML、CSSのリファレンス集「CodeBurner」

CodeBurnerはFirefox/Adobe AIR/Mac OSX用のフリーウェア。Webデザイナー、プログラマーであれば開発中にリファレンスが見たくなることが多いはずだ。都度Webサイトを検索しても良いが、手軽に使えるリファレンスが手元にあると便利だ。 HTMLタグの検索   特に...

Screen-shot-11

2010/09/03

Webブラウザ上でデザインを調整する「Brosho」

BroshoはjQuery/JavaScript製のオープンソース・ソフトウェア。WebサイトのデザインはWebブラウザを使って微調整を行わないと分からない部分が多い。特にシステムがらみで実際にデータを当ててみないとどうなるか分からない時はそうだ。 その場でCSSを修正して確認できる   ...

Screen-shot-14

2010/08/27

iPad用Webサイトを構築するの使えるテンプレート「jQPad」

jQPadはHTML/JavaScript製のオープンソース・ソフトウェア。iPadはPCを使うほどでないライトやネット利用者や逆にギークを軸に売れている。毛嫌いする人も多いが、個人的には気に入っているデバイスだ。iPhoneとは違って大きな画面でWebブラウジングできるのが良い。 iPa...

スクリーンショット(2010-08-19-13.45.26)

2010/08/20

JavaScriptだけで画像イフェクト「PaintbrushJS」

PaintbrushJSはJavaScript製のオープンソース・ソフトウェア。写真は撮ったそのままよりも加工した方がより印象深くなることがある。ただ、撮りためた数百枚という写真をすべて加工するのは大変だ。そのためにオンラインで画像加工を行うサービスも存在する。 横並びの写真はすべて同じも...

3dsearch5

2010/08/03

IE6〜IE8でもCSS3の機能を使う「CSS3 PIE」

CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。 ...

2010-07-26-105901

2010/08/01

罫線を重視したCSSフレームワーク「Atatonic」

AtatonicはCSS製のオープンソース・ソフトウェア。HTMLのデザインにおける柔軟性は非常に高い。だが柔軟性はあっても見やすいデザインにできるかどうかと言うと話は別だ。読みやすさで言えばむしろ画一的なデザインの方が良かったりする。 罫線に沿った綺麗なデザイン   整ったデザインを各種...

2010-07-16-113517

2010/07/26

軽量なCSSフレームワーク「Invisible」

InvisibleはCSS製のオープンソース・ソフトウェア。CSSはブラウザによって解釈が異なる部分があり、そのために一つのブラウザで整っても、別なブラウザでは崩れてしまうということがよくある。そうした誤差を吸収する意味でもCSSフレームワークを利用するメリットは大きい。 グリッドデザイン...

197

2010/06/29

HTML5製のWebベースウィンドウライブラリ「ChromeKit」

ChromeKitはHTML5/CSS3/JavaScriptによるフリーウェア(ソースコードは公開されている)。HTML5の登場によってWebブラウザの可能性があがれば、おのずとWebアプリケーションに対するニーズも高まっていくはずだ。その過程にはWeb OSのような可能性もある。 ロー...

39

2010/05/15

CSS3だけでアクションを実現するフレームワーク「CSS3 Action Framework」

CSS3 Action FrameworkはCSS3製のオープンソース・ソフトウェア。HTML5に注目が集まっているが、同時に見逃せないのがCSS3だ。良く角丸やドロップシャドーがCSSだけでできるようになると言われているが、他にも様々な効果がCSSのみで可能になる。 CSSだけでオブジェ...

Img-1092

2010/05/07

iPhoneで使えるWebアプリケーションキット「TouchScroll」

TouchScrollはiPhone(予定ではAndroidやPalm Preも)用のフリーウェア(ソースコードは公開されている)。iPhoneにはWebサイトをブックマークとして保存する機能がある。その時、ホーム画面に追加をすればネイティブアプリのようにアイコンから起動できるようになる。 ...

303

2010/04/25

Sitemap.xmlを見やすく表示する「Google Sitemaps Toolbox」

Google Sitemaps ToolboxはJavaScript/CSS/XSLTによるオープンソース・ソフトウェア。ロボット型検索エンジンがサポートするSitemap.xml。SEOを専門とする方はもちろん、Webサイトへ効率的にユーザを呼び込みたいと考える人にとっては必須の技術だろう。...

300

2010/02/09

先進的。HTML5/CSS3対応のデザインフレームワーク「52Framework」

52FrameworkはHTML/JavaScript/CSS製のオープンソース・ソフトウェア。これまでのWebデザインが今後、大きく変わっていく可能性を秘めているのがHTML5やCSS3だ。まだ実験段階というイメージが強いが、GoogleやYoutubeをはじめとする大手サイトでも取り入れら...

221

2010/02/02

サイトのデザイン微調整に。ブラウザ上でCSS修正「Brosho Plugin」

Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。 オンラインでデザイン修正 ...

175

2010/01/29

整ったレイアウトのWebサイトを手早く作るためのCSSフレームワーク「Markercss」

MarkercssはCSS製のオープンソース・ソフトウェア。開発者はWebデザインが苦手だ。絵が描けない、デザインのイロハが分からないなどと色々な問題はあるだろうが、その一つにCSSの使い方がよく分からないというのがある。特にブラウザ間の誤差をうまく吸収できないのだ。 こんな感じのデザイン...

109

2010/01/28

CSS/JavaScriptのサイズ縮小、結合ライブラリ「Juicer」

JuicerはRuby製のオープンソース・ソフトウェア。jQueryやPrototype.jsなどJavaScriptでリッチなインタフェース、操作を可能にするライブラリは多い。特に本体は軽量に、多彩なプラグインが提供されるjQueryは人気が高い。 ヘルプ   だが多数のプラグインを使う...

75-tm

2010/01/02

複数のCSS/JavaScriptを結合&圧縮「phpFlair」

phpFlairはPHP製Webベースのオープンソース・ソフトウェア。jQueryなどのJavaScriptフレームワークやCSSフレームワークを用いていると、ついつい一度のアクセスで多数のコネクションが張られるようになる。これではサーバの負荷はもちろんクライアントでも表示が遅くなってしまう。...

74-tm

2010/01/01

Google製、JavaScript/CSSの難読化&キャッシュ「Reducisaurus」

ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも...

新規購読
新規購読

プレミアムでしか読めない記事が191あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る