Responsive Image Breakpoints Generator
Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像へのブレークポイントと縮小画像をサクッと作成してくれます。pictureタグの生成に加えてRuby、node.js、PHP等のコード生成にも対応していましたので画像のレスポンシブ周りは一通りサポートしている印象です。srcsetを非対応ブラウザに対応させるpicturefillも合わせてご参照下さい。本アプリはオープンソースとして公開されています。
※2016/01/28現在、Githubはダウンしていますのでソースをご入用の方は時間を置いてからアクセスしてみてください
Responsive Image Breakpoints GeneratorOn Github
Other Snippets
- 任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」
- 任意の画像からカラースキームを生成する・「ColorFavs」
- 色覚異常の方やプリンターによる印刷を意識したGoogle謹製のカラーパレットジェネレーター・「palette.js」
- 動画を元に、AIによる自動作曲とその音源のダウンロードが出来る・「Jukedeck 」
- 日本にも対応の、地図をピクセルマップ化してPNGやSVGでダウンロード出来るジェネレーター・「Pixel Map Generator」
- 大量の素材が用意されたスマフォやタブレット等のはめ込み画像ジェネレーター・「Placeit」
- Youtubeから任意の箇所のGifアニメを作成し、音声付与やEmbedも可能なWebサービス・「Gifs」
- シームレスな背景パターンを作成できるジェネレーター・「Background Image Generator」
- 【 ジェネレーター 】のリソース一覧