注目キーワード

MOONGIFT

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

タグ「技術 - HTML」の記事一覧

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

Screenshot-2012-05-07-15.03.06_thumb

2012/05/17

テストやモックアップに。ダミーのHTMLソースを生成する「Fixie」

Webデザインをしていたり、デザインやライブラリのデモサイトを作る際に必要になるのがダミーのコンテンツです。適当な文字でも良いですが、より本物らしいコンテンツを使ってみたいならばFixieを利用してみましょう。 それっぽいコンテンツが表示されているのが分かります。 実際のソースです。コンテン...

3dsearch10_thumb

2012/05/15

Adobe製。Webデザイナー向けのコードエディター「Brackets」

Webベースのエディターソフトウェアは幾つか登場していますが、Adobe社が開発したのがBracketsです。BracketsはHTML/JavaScript/CSSを使っていますが、ネイティブのアプリケーションとして提供されています。 メイン画面です。左側にファイルブラウザ、右側がコード編...

Screenshot-2012-01-18-16.28.14_thumb

2012/01/27

HTML/JavaScriptだけで再現されたRadiooooクローン「nise-radioooo」

あなたがDJ、みんながリスナー。そんなコンセプトが魅力だったサービスがRadiooooです。現在は開発されていないようですが、類似のサービスを実現するソフトウェアとしてnise-radiooooを紹介します。 自動的に演奏が開始されます。リクエストされているのがアニメ系ばかりだったりして…。...

Screenshot-2012-01-16-10.51.56_thumb

2012/01/24

みんなではむへいを育てよう。Grow!を使った例としても見たい「みんなのはむへい牧場」

ソーシャルチッププラットフォームであるGrow!を使ってはむへいを育てる、それがみんなのはむへい牧場です。 はむへいです。Grow!の力で成長するペットです。 こんな感じでGrow経由でポイントを送れます。 はむへいは動いていますが、JavaScriptは使っていません。 はむへいに送ったポ...

Screenshot2011-12-15-15.19.38_thumb

2011/12/27

エンタープライズ向けGitのWebフロントエンド「KoshiNuke」

Gitが徐々に企業でも利用されるようになっている中、Gitをベースにしたアプリケーションライフサイクルマネジメントが求められるようになっています。そこでモックアップとして紹介したいのがKoshiNukeです。 コードをダウンロードした場合の表示です。 デモ阪の画面です。格好いいです。 リポジ...

Screenshot2011-11-13-9.27.24_thumb

2011/11/21

日々のアクセス解析に。Mac OSXウィジェットのGoogle Analyticsフロントエンド「GAget」

Webサイトのアクセス解析にGoogle Analyticsを入れているサイトは多いと思いますが、そのデータを日々チェックするのは面倒です。そこで手軽にチェックできるようにするGAgetを使ってみましょう。Mac OSXウィジェットのGoogle Analyticsフロントエンドです。 イン...

Screenshot2011-11-01-10.15.05_thumb

2011/11/10

Smartyの記法が使えるJavaScriptのテンプレートエンジン「jSmart」

Webアプリケーションが増えていくにつれてニーズが上がっているのがJavaScriptのHTMLレンダリングエンジンです。今回紹介するjSmartはSmartyにインスパイアされた、有力なテンプレートエンジンになります。 サンプルです。HTMLが書かれています(当たり前ですが)。 コードです...

Screenshot2011-10-28-9.47.46_thumb

2011/11/06

CoffeeScriptがWebの世界を制する?HTML/CSS/JavaScript生成「coffee-world」

最近、JavaScriptを素のままで書くことが減ってきています。CoffeeScriptから変換した方がコーディング量も少なく、かつ可読性の高いコードが書けるようになってきました。そんなCoffeeScriptは既にJavaScriptだけの壁を越えて動き始めています。そんな人にお勧めなの...

Screenshot2011-10-19-16.27.32_thumb

2011/10/30

GitHubに載せるHTMLファイルをコードから生成「Paige」

インストールは簡単で「npm install paige」のみです。実行は「paige path/to/config」になります。 実際にPaigeを使って作られたインデックスページです。 元になっているのはREADMEファイルです。Markdown記述のファイル(恐らくそれ以外も可)からH...

Screenshot2011-08-22-9.59.45_thumb

2011/09/01

これがあればWebアプリケーションのデザインがすいすいできる「Bootstrap」

BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあっ...

Screenshot2011-08-08-10.05.17_thumb

2011/08/24

開発ドキュメントや利用規約の多言語版管理に「春雨」

春雨はPerl製のオープンソース・ソフトウェア。Webサイトを多言語展開する際には、国際化処理を行うのが基本だ。GetTextのようなライブラリを用いて行われるが、その際には実際の画面とローカライズされる文言とか別で管理されることになる。 生成された日本語ドキュメント HTMLとCSSによっ...

Screenshot2011-08-01-10.55.42_thumb

2011/08/16

HTMLやテキストファイルから電子書籍を作成する「eCub」

eCubはWindows/Mac OSX/Linux用のフリーウェア。電子書籍を作成する方法は幾つかある。まず既にあるコンテンツを使うか、一から作成するかで方法が変わってくる。もちろん手軽なのは既にあるコンテンツを電子書籍に加工する方法だ。 メイン画面 その際のフォーマットとして一番手軽なの...

Screenshot2011-07-13-17.24.21_thumb

2011/07/25

PDFファイルをテキストにしてから編集、そしてHTML化「PdfMasher」

PdfMasherはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。iOSをはじめ、多数のデバイスでPDFの閲覧がサポートされている。そのため、PDFをそのまま電子書籍フォーマットにすることだって不可能ではない。だが何となく嫌だ。 メイン画面 自由がなさ過ぎるフォ...

Screenshot2011-05-07-14.00.15_thumb

2011/05/15

Safariで見ているページを含めてリンク先もまとめてAmazon S3へ保存「BrowserCrawler」

BrowserCrawlerはSafari向けのオープンソース・ソフトウェア。Webブラウジングをしていて、サイトを保存しておきたいと思うことがある。クリッピングサービスは幾つかあるが、有名なものとしてはEvernoteが挙げられるだろう。 クローリング中 しかし今見ているページだけは保存で...

Screenshot2011-04-11-16.09.43_thumb

2011/04/20

デザインの柔軟性が売り。HTML/CSSを使ったPDF作成ライブラリ「dompdf」

dompdfはPHP製のオープンソース・ソフトウェア。業務システムやレポートを出力する系統のWebアプリケーションで問題になりやすいのが帳票のフォーマットだ。システム的にはCSVまたはHTMLでの出力が楽だが、ユーザが望むのはPDFになりやすい。 HTMLとPDFの比較デモ PDFは設...

Screenshot2011-02-28-15.58.01_thumb

2011/03/13

Webデザイナーは要チェック。WordPress用テーマフレームワーク「Whiteboard」

デスクトップ向け 次に必要なのはデザインだ。個人用途であれば外部のテーマを使っても良いが、専門的に進めるならばやはり自作したいと思うだろう。とは言え一から作る必要はない。Whiteboardというテンプレートフレームワークを使えば良い。 WhiteboardはWordPress3.0以降に対...

Screenshot2011-02-28-15.48.58_thumb

2011/03/12

電子書籍をリッチなビューワーで楽しむ「The Internet Archive BookReader」

The Internet Archive BookReaderはJavaScript製のオープンソース・ソフトウェア。Webサイトのコピーを集積し、過去の姿をかいま見ることができるプロジェクトがInternet Archiveだ。自分のサイトの過去の姿を見たり、有名サイトの開始当初の形を見る...

Screenshot2011-02-25-11.28.40_thumb

2011/03/06

これは楽しい!WebベースのGPSエディタ/ビューワー「GMapWidget」

GMapWidgetはHTML/JavaScript製のオープンソース・ソフトウェア。コンピュータと位置情報は相性がいい。スマートフォンやガラケーにはGPSが備え付けられているのが当たり前になっている。特にスマートフォンでは位置情報を扱うアプリの人気が高い。 マーカー 記録したデータは内部に...

3dsearch34_thumb

2011/02/22

レガシーなIE6/7でもJavaScriptのSetters/Gettersを使えるようにする「Cross Browser DOM-Accessors」

Cross Browser DOM-AccessorsはJavaScript/HTML Components製のフリーウェア(ソースコードは公開されている)。JavaScriptの面白い所は、柔軟な言語仕様、OSの垣根を越えてWebブラウザさえあれば同じように動作することではないだろうか。 ...

Screenshot2011-02-11-14.30.36_thumb

2011/02/21

近い将来出てくる、Google TV用Webサイトを構築する際に「Google TV Optimized Templates」

Google TV Optimized TemplatesはHTML/JavaScript製のオープンソース・ソフトウェア。先日行われたCESで発表されると期待されていたGoogle TVだが、メディアとの調整が難航していると言う噂があり、結局商品は殆ど出てこなかった。 カテゴリと動画 そう...

新規購読
新規購読

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

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

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

もっと見る

人気記事もっと見る