IXM Mobile Builderは知識不要でスマフォ向けのWebサイトを構築出来るWebサイトビルダーです。綺麗にスタイリングされたテンプレートを編集する形で構築しますので独自のスタイルで、という目的には不向きですが、専門的な知識はほぼ不要ですので需要はありそうです。本ツールはIM CREATORというPC向けのWebサイトビルダーやIM Freeといった写真素材サービスも提供してくれていますのでご興味の有る方は覗いてみては如何でしょう。 IXM Mobile Builder
ページが読み込まれた時にDOMを調査してimg要素を自動で探し、設定したブレイクポイントに応じて最適な画像ファイルを表示するスクリプトを紹介します。 SVGとPNGが混在しているページでも無問題、SVGはベクターなのでそのまま拡大、PNGはそのサイズ用の画像ファイルを表示する賢い仕様になっています。 Rimg -GitHub Rimgの特徴 Rimgのデモ Rimgの使い方 Rimgの特徴 100%フロントエンドのコード(バックエンドは一切無し)。 単独で利用できるスクリプト、jQueryなどは必要ありません。 しかも、超軽量(6.0KB)。 UA判定やクッキーなど、環境に依存して判定するものは使用していません。 画像や背景画像をレスポンシブ対応にし、最適な画像を表示します(Retinaディスプレイ、リサイズ対応)。 スクロールして画像が表示されたらロードするLazy Loadに対応。 ス
いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。 最近ならwebフォントやSVGで使い勝手良いものが実装できたり、あとは使用できるブラウザは限られてきたりしますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。 はじめに 最後のサンプルのみol要素使ってますが、その他に関しては全てHTMLは下記のように単純なul, li要素を使ってます。 <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く