サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
いずれもMITライセンスで公開されていますので、個人・商用問わず利用可能です。 Slick.js Slickスリック.jsは簡潔なコードで実装できるのが特徴のモバイルフレンドリーなカルーセルライブラリです。機能は少なめですが、ナビゲーションや表示するスライド数を変更するといった基本的な機能は備わっています。jQueryプラグインのため実装にはjQueryを読み込む必要があります。タッチ・スワイプ操作にも対応しています。ReactやVue向けのモジュール、TypeScriptのサポートは公式で提供されていませんがOSSで存在します。 このJSライブラリの基本的な実装と、アニメーションをフェードに変えた作例を用意しました。 基本の作例 サンプルを別ウインドウで開く コードを確認する <div class="slick carousel"> <div>1</div> <div>2</div> <
jQueryUI の Dialog プラグインのダイアログを、アニメーション動作で開閉させる。アニメーション動作の指定には、show オプションとhide オプションを使う。 show オプションとhide オプションに指定する値については、アニメーション開閉の種類と動作例（サンプル）へ。 実装例（サンプル） 「×」アイコンをクリックすると、アニメーション動作で閉じる。タイトルをドラッグしながら、ダイアログを移動できる。ダイアログのサイズを変更することもできる。 ダイアログを開く 実装例（サンプル）の動作について 「ダイアログを開く」ボタンを押すと、ブラウザの中央に、ダイアログが、アニメーション動作で出現する。 ダイアログ内の「×」アイコンをクリックすると、アニメーション動作で、ダイアログを閉じる。 ダイアログ内のタイトルをドラッグしながら、ダイアログを移動できる。 ダイアログのサイズを
会員制Webサイトやストレージサービスなどで input入力フォームでファイルをアップロードさせる[type=file]を使用する際、 選択されたファイルが画像だった場合にプレビューを表示させる機会が何度かあったので FileAPIとjQueryを使って試しに作ってみたサンプルを紹介してみます。 まずは動作サンプルから。 「jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる方法」サンプルを別枠で表示 サンプル画面上にある入力フィールドinputにて画像を選択させた場合、 入力フィールド下に選択した画像が表示されます。 全体構成についてまずはHTMLから。 ◆HTML <div class="imgInput"> <input type="file" name="file1"> </div><!--/.imgInput--> <div class="img
![jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる実験｜BLACKFLAG](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fd68996a682d66a0a12cce22ce700c4f49f5b6023%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fblack-flag.net%252Fcommon%252Fimg%252Fogp_jquery.png&f=jpg&w=240)
このページはCSS3 (スタイルシート Level 3)の用例/サンプルを扱っています。HTML5とCSS3という組み合わせを想定して作成しています。 なお、このサイトで想定しているブラウザはGoogleChrome、Firefox 4以降(自動更新)、Safari 5.1以降、Opera 11以降、IE9 (Internet Explorer 9)以降です。 ＊勉強用に作成したページなので間違いや、不適当なサンプルがあるかもしれません。これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。 ※ベンダープレフィックスについて このサイト内にあるサンプルにはベンダープレフィックスを付けているものと、そうでないものがあります。正式に使用可能になればベンダープレフィックスは削除して使用するようにしてください。また、このサイトで想定しているブ
こんにちは、デザイナーのももこです。 あっという間に8月が終わってしまい、今年も残す所4ヶ月という事実に愕然としています…。 さて、今回はCSS3を使用し空間的な動きを付けているリッチなサンプルを5つご紹介します。 閲覧の際にはモダンブラウザ（最新のGoogleChromeなど）をご利用下さい。 Animated Books withCSS 3D Transforms https://tympanus.net/Development/AnimatedBooks/本にカーソルを当てるとページがパラッと捲れます。 表紙の文言もテキストになっており、更新もし易そうですね。 3D Restaurant Menu Concept https://tympanus.net/Tutorials/3DRestaurantMenu/ レストランで良く見る三つ折りのメニューが開閉します。 高級感を出したい
この記事は、HTML5 Advent Calendar 2012向けに書いたものです。 自分の担当は12/19となります。 スマフォの普及とともに写真を共有するサービスが沢山提供されてきました。 スマフォでカメラアプリを作る場合は、基本的にNativeアプリとして作るのが一般的だと思いますが、HTML5の対応が進むに連れてその状況は今後変わってくるのかもしれないと思い始めています。 カメラアプリの基本機能として 写真を撮る 写真を加工する 写真を投稿する 写真を閲覧する コメントなどのやり取りをする あたりが実装されているかと思います。 （５はソーシャル的な要素なので無くてもいいですが） Webで作るにあたって、４，５に関しては今までも問題なく作成することができましたが、１〜３が理由でNativeで作ることを選ぶのが多いのではないかと。 しかし、iOS6の登場でSafariのHTML5対応
delivery option detail delivery city jakarta delivery date 24/03/2025 delivery time Afternoon | 13:00 - 18:00 delivery option detail RECIPIENT NAME jane doe delivery address Jl. Gatot Subroto No. 25, RT.2/RW.4, Kuningan Barat, Kecamatan Mampang Prapatan, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12710, Indonesia recipient phone number (+62) 812-3456-7890 PROVINCE Jakarta postal code 1271
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
