レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」
TwicPics Placeholdersはレスポンシブ対応の動的なダミー画像を提供するWebサービスです。 上サンプルはリサイズ出来るようになっています。ただ、ダミー画像のサイズ変更にタイムラグがある場合があります。 使い方も非常にシンプルでユーザー登録も不要、無料で誰でも利用可能です。 使い方<script src="https://i.twic.pics/?v1" async></script>まず上記のスクリプトを読み込みます。 <img class="twic" data-src="placeholder:auto">そして、imgタグにtwicという名のclassとカスタムデータ属性を持たせたダミー画像を用意します。これだけで、包括要素やモニタのサイズに応じて可変するダミー画像を用意する事が出来ます。 前述通り、APIの為にユーザー登録をする等の必要もなく、誰でも無料で利用する
HTML5 History APIで非同期通信時にURLを変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアの店長です。 先日記事が出てましたが改めて自己紹介します。 大学卒業後はカフェで仕事をしていたのですが、退職して1年半ほどWebデザイナーをしていました。そして、LIGにはフロントエンドエンジニアとしてジョインすることに。 お察しのとおり、店長というアダ名はカフェで働いていたためです。 今後ともよろしくお願いします。 さて、今回はHTML5のHistory APIについてお話したいと思います。 History APIについて History APIには以前からブラウザの履歴（スタック）を行き来する機能があったのですが、HTML5でさらに以下のような機能が追加されました。 画面を遷移せず、履歴に新たなURLを追加する。 現在のページの履歴を変更する。 ブラウザの戻る・進むボタンをクリックしたときにイベントを検知する。 このような機能がどんな場面で使われてい
jQueryとHTML5でジオロケーションするデモ:phpspot開発日誌
Geo Location with HTML5 and Jquery jQueryとHTML5でジオロケーションするデモとサンプルがダウンロード可能になっています。 特にスマートフォン向けの機能として実装する際に参考にできそうです。 いざ実装するという段階になったときにサクっと実装できそうなので覚えておいて損はなさそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 jQueryとCSS3、HTML5でここまで出来るホバーインタフェース
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
