jquery.diamonds.js - 菱形を並べたデザインをどうぞ MOONGIFT
Webでの表現は基本的に四角が重なった形で表現されます。そのため、デザインする際の効率は良いのですが、そこから逸脱したデザインをしようと思うと途端に大変になります。例えば円形や菱形などです。 今回紹介するjquery.diamonds.jsはそんなデザインが難しい菱形が連なったデザインを実現できるソフトウェアです。 jquery.diamonds.jsの使い方 例です。こんな格好良い表示ができます。 大きさも自由に変えられ、レスポンシブWebデザインに対応しています。 サイズや各ブロック間の隙間は自由に変えられます。 D3.jsのWebサイトでは六角形のデザインが使われています。単純に四角を並べるのに比べると圧倒的にインパクトが強くなります。サイトを選びますが、知っておくと使いどころがありそうです。 jquery.diamonds.jsはjQuery/JavaScript製のオープンソース
横幅の可変にも対応したPinterest風デザインライブラリ·Freetile.js MOONGIFT
Freetile.jsはカラム幅も可変なPinterest風デザインを実現するライブラリです。 2012年前半の話題を一気にかっさらっていったPinterestはその奇抜なデザインもあり、色々な類似デザインを実現するライブラリを登場させるに至っています。Freetile.jsもその一つですが、高さだけでなく幅も自由に設定できるのが特徴になります。 サンプルです。かなり複雑なデザインでもこなします。 実例です。斬新なデザインがきちっと決まります。 フィルタリングしました。並び変わる時のアニメーションが格好いいです。 要素がない部分もできてしまうのは致し方ありません。 Freetile.jsを使うとかなり自由度の高いデザインが実現できます。とは言え表示はFreetile.jsに任せきりなので、思った通りのデザインになるとは限りません。なおフィルタリング機能があり、絞り込む時にはアニメーションが
JPEG/PNGのサイズをぎりぎりまで削減する·ImageOptim MOONGIFT
写真は大抵JPEGファイルだが、そこには様々なメタ情報が含まれている。PNGも同様にメタ情報が入っており、さらに圧縮にも対応している。これらを排除、圧縮するだけで通常のサイズに比べて半分くらいになったりすることもある。 画像をまとめて最適化 圧縮すれば表示に多少の時間がかかったり（ごくわずかだが）、必要なメタ情報が消えてしまうということはある。だがそれさえ厭わないならばImageOptimはお勧めのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはImageOptim、JPEG/PNGの圧縮ソフトウェアだ。 圧縮やメタ情報を排除するライブラリは多数存在する。ImageOptimはそれらの統合的フロントエンドとしての役割を担ってくれる。対応しているのはJPEGTran、JPEGOptim、OptiPNG、PNGCrush、AdvPNG、PNGOUTとなっている。 設定画面 これらの
シンプルながらユーザビリティに大きな貢献。郵便番号から住所を入力補完する·js-zip2address MOONGIFT
js-zip2addressはGoogle日本語入力APIを使い、Webブラウザ上での郵便番号から住所を入力補完する。 [/s2If] zip2address.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトをはじめとして個人情報の入力フォームでは一般的になってきている郵便番号から住所を引く機能。実装方法は様々だか、この郵便番号と住所の変更は意外と回数が多い。 サンプル 回数が多いということはメンテナンスコストが大きいことを意味している。都度アップデートされるだけでなく、削除されるデータも多い。そこでメンテナンスフリーで使える手法を紹介しよう。それがzip2address.jsになる。 zip2address.jsの特徴は大きく分けて二つある。一つはデータ元としてGoogle日本語入力APIを利用しているという点だ。確かにGoogle日本語入力では郵便番号を入れると住
WebサイトをePubファイル化·Repub MOONGIFT
RepubはRuby製のオープンソース・ソフトウェア。iPad、Kindleの登場によって電子書籍市場がにわかに慌ただしくなっている。既存の書籍、雑誌、単行本などを電子書籍化するのが一般的になっているが、ネット上にも既に膨大な文書データが存在する。 データを取得しているところ 例えばニュースサイトやメディアサイトを電子書籍化すれば、オフラインでも閲覧できるようになる。Webサイトを印刷したりPDFにするように、電子書籍にできたとすればコンテンツは無限とも言えるだろう。それを可能にするのがRepubだ。 RepubはRubygemsを使ってインストールするソフトウェアで、repubコマンドにURLを引数として渡せばデータを取得し、ePubファイルとして出力する。XPathを使って取得部分を操作したり、執筆者情報などを付与することも可能だ。スタイルシートの設定もできる。 できあがった電子書籍
iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
jQuery iPhone UIはHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iFrame Resizer·iframeサイズを埋め込まれたコンテンツから変更 MOONGIFT