PHPやデータベースなどを使用せず、jQueryとCSSで実装するスライドショーギャラリーのスクリプトをTutorialzineから紹介します。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery デモページ デザインはAppleにインスパイアされたもので、角丸、グラデーション、ドロップシャドウ、鏡面反射などが美しく使用されています。 サムネイルの仕事も丁寧です。
タグ
- すべて
- .htaccess (17)
- 100均 (30)
- 404 (26)
- ABテスト (18)
- AI (61)
- API (37)
- AR (52)
- AR-事例 (20)
- AdSense (16)
- Ajax (73)
- Ajax-サンプル (15)
- Amazon S3 (11)
- Android (119)
- Apache (8)
- Bing (11)
- BtoB (48)
- CGM事例 (12)
- CMS (48)
- CRM (18)
- CSR (13)
- CSS3 (161)
- DIY (88)
- DTP (9)
- DVD (12)
- Dropbox (47)
- EC (380)
- EC-事例 (23)
- ECサイト (21)
- EFO (46)
- Evernote (46)
- Facebook (292)
- Facebookページ (49)
- Firefox-アドオン (83)
- Fireworks (34)
- Flash参考 (39)
- GDPR (16)
- GREE (10)
- Google+ (13)
- Groupon (19)
- HTMLメール (20)
- IE (51)
- IE6 (43)
- IPhone開発 (15)
- IR (10)
- IT (13)
- IoT (18)
- Mac (115)
- NAS (25)
- OCR (12)
- PC (10)
- PHP (57)
- PR (19)
- QRコード (16)
- SNS (110)
- SVG (16)
- TV (9)
- Tシャツ (18)
- UI (457)
- UX (268)
- Webフォント (17)
- YAHOO (34)
- amazon (133)
- amazon ec2 (22)
- amp (11)
- apple (41)
- aws (15)
- blog (147)
- cgm (13)
- cookie (9)
- css (356)
- excel (108)
- favicon (21)
- firebug (12)
- firefox (29)
- flash (49)
- flash-事例 (73)
- flickr (23)
- foursquare (20)
- gmail (38)
- google (196)
- google analytics (430)
- google chrome (122)
- google タグマネージャー (18)
- googleanaytics (221)
- googleウェブマスターツ (9)
- googleオプティマイザー (15)
- googleマップ (111)
- htaccess (38)
- html (88)
- html5 (192)
- iPad (129)
- iPad-アプリ (18)
- iPhone (471)
- iTunes (14)
- ia (247)
- illustrator (117)
- instagram (78)
- iphone-事例 (16)
- iphoneアプリ (503)
- jQuery (602)
- javascript (157)
- javascript-サンプル (11)
- lifehack (16)
- lightbox (10)
- line (49)
- lineスタンプ (14)
- linux-コマンド (11)
- lp (59)
- lpo (95)
- mixi (54)
- mod_rewrite (10)
- mt (56)
- mt-プラグイン (31)
- naverまとめ (12)
- o2o (14)
- paypal (15)
- pdf (86)
- photoshop (500)
- pinterest (31)
- powerpoint (42)
- seo (908)
- seoツール (139)
- ssl (20)
- sxo (9)
- todo管理 (20)
- tumblr (29)
- twitter (541)
- twitter-API (9)
- twitter-アカウント (28)
- twitter-サービス (88)
- twitter-ソフト (27)
- twitter-事例 (89)
- ustream (28)
- web (14)
- web2.0 (18)
- webサイト (11)
- webサービス (1066)
- webデザイン (84)
- webトレンド (113)
- webマガジン (11)
- webマーケティング (91)
- web制作 (194)
- web制作会社 (17)
- web広告 (14)
- wi-fi (10)
- windows (109)
- windowsカスタマ (26)
- word (13)
- wordpress (327)
- wordpress-テンプレート (61)
- wordpress-プラグイン (169)
- youtube (117)
- zappos (12)
- あとで見る (39)
- あとで試す (40)
- あとで読む (2286)
- あとで購入する (92)
- いい話 (31)
- お取り寄せ (11)
- お土産 (12)
- お役立ち (101)
- お金 (41)
- かわいい (86)
- これはすごい (372)
- これはひどい (142)
- これは欲しい (33)
- ねこ (15)
- はてブ (16)
- アイコン (396)
- アイデア (156)
- アイトラッキング (45)
- アクセシビリティ (56)
- アクセス解析 (330)
- アニメ (17)
- アフィリエイト (116)
- アプリ (102)
- アンケート (24)
- イベント (74)
- イラスト (113)
- イラストレーター (29)
- インタビュー (80)
- インターフェース (9)
- インテリア (199)
- インフォグラフィック (10)
- ウェブマスタツール (14)
- エイプリルフール (20)
- エクセル (20)
- オウンドメディア (16)
- オフィス (63)
- オリンピック (15)
- オンラインストレージ (80)
- オープンソース (22)
- カスタマイズ (9)
- カスタマージャーニー (34)
- カフェ (119)
- カメラ (125)
- ガイドライン (118)
- キャッチコピー (11)
- キャプチャ (46)
- キャラクター (25)
- キャンペーン (85)
- キュレーション (10)
- クックパッド (100)
- クラウド (76)
- クラフト (14)
- クラフトフェア (22)
- クレジットカード (19)
- クーポン (18)
- グラフ (25)
- グラフ・図 (81)
- グルーポン (13)
- ゲーム (167)
- コストコ (10)
- コミュニケーション (151)
- コンテンツ (14)
- コンテンツマーケティ (53)
- コンバージョン (30)
- コーディング (80)
- サポート (10)
- サンプル (39)
- サーバ (42)
- サービス (10)
- システム (28)
- システム開発 (83)
- ジェネレータ (94)
- ジェネレーター (11)
- スキャン (30)
- スティーブ・ジョブズ (25)
- ストレッチ (14)
- スペシャルサイト (16)
- スマートフォン (435)
- スライドショー (42)
- セカイカメラ (20)
- セキュリティ (252)
- セミナー (22)
- ソフト-画像 (18)
- ソフトウェア (194)
- ソーシャルゲーム (10)
- ソーシャルブックマー (10)
- ソーシャルメディア (169)
- タイポグラフィ (40)
- タイムマネジメント (51)
- タブレット (22)
- ダイエット (261)
- チェック (23)
- チェックツール (175)
- チュートリアル (177)
- チートシート (40)
- ツール (30)
- テキスタイル (10)
- テクスチャ (83)
- テンプレート (61)
- ディレクション (433)
- デザイン (89)
- デザインサンプル (1597)
- デザインパーツ (34)
- デザイン参考 (860)
- デザイン必見 (107)
- デザイン思考 (10)
- デジタルサイネージ (13)
- トラブル (108)
- トレンド (104)
- ドット絵 (12)
- ドメイン (20)
- ナビゲーション (14)
- ネタ (2208)
- ノウハウ (11)
- バックアップ (42)
- バナー (32)
- バナー事例 (13)
- パスワード (50)
- パン (18)
- ヒアリング (12)
- ヒューリスティック (9)
- ヒートマップ (19)
- ビジネス (42)
- ビジネスモデル (79)
- ビッグデータ (11)
- ピクトグラム (23)
- ファッション (101)
- ファンページ (15)
- フォント (434)
- フォーム (219)
- フリーソフト (81)
- フリーランス (13)
- フリー素材 (39)
- フレームワーク (30)
- ブックマークレット (16)
- ブラウザ (74)
- ブラウザシェア (13)
- ブラウザチェック (39)
- ブランディング (28)
- ブランド (13)
- プラグイン (11)
- プレゼン (154)
- プレゼント (24)
- プログラミング (28)
- プロジェクト管理 (150)
- プロモーション (55)
- ベクター (58)
- ペルソナ (80)
- ボタン (76)
- ポイント (12)
- ポスター (34)
- マスキングテープ (10)
- マニュアル (31)
- マネジメント (26)
- マーケティング (298)
- メディア (19)
- メルマガ (61)
- メール (20)
- モバイル (212)
- モバイルSEO (30)
- モバイルファースト (12)
- ユーザビリティ (431)
- ユーザーテスト (37)
- ライティング (166)
- ライフハック (129)
- ライフログ (10)
- ランディングページ (12)
- リサーチ (9)
- リスティング (26)
- リニューアル (19)
- レイアウト (9)
- レコード (1618)
- レコード屋 (17)
- レシピ (825)
- レスポンシブ (345)
- レンズ (16)
- レンタルサーバー (41)
- ログ解析 (13)
- ロゴ (159)
- ワイヤーフレーム (131)
- 不動産 (13)
- 事件 (9)
- 事例 (368)
- 事故 (15)
- 京セラミタ (47)
- 京都 (62)
- 人生 (15)
- 仕事 (83)
- 仕事術 (449)
- 仕様書 (22)
- 企業 (321)
- 企業サイト (148)
- 企画 (25)
- 企画書 (126)
- 会社 (38)
- 会議 (9)
- 位置情報 (43)
- 体調管理 (21)
- 便利 (18)
- 便利サイト (76)
- 便利ソフト (92)
- 便利ツール (109)
- 保険 (18)
- 偏頭痛 (10)
- 健康 (345)
- 兵庫 (12)
- 写真 (567)
- 写真素材 (10)
- 利用規約 (9)
- 制作会社 (154)
- 制作会社-京都 (18)
- 制作会社-大阪 (151)
- 制作会社-東京 (37)
- 副業 (33)
- 効果測定 (13)
- 勉強 (363)
- 勉強会 (16)
- 動物 (51)
- 動画 (278)
- 北欧 (23)
- 印刷 (22)
- 収納 (68)
- 口コミ (34)
- 名刺 (28)
- 図解 (13)
- 地図 (22)
- 壁紙 (16)
- 変換ツール (38)
- 大阪 (197)
- 大阪ガス (14)
- 奈良 (17)
- 家具 (91)
- 家具屋 (117)
- 家庭菜園 (13)
- 家計簿 (10)
- 家電 (29)
- 工場見学 (10)
- 常時SSL (12)
- 広告 (134)
- 建築 (39)
- 建築物 (24)
- 心理 (87)
- 情報サイト (11)
- 情報収集 (17)
- 投資 (76)
- 拡張機能 (15)
- 掃除 (95)
- 採用サイト (54)
- 提案書 (79)
- 撮影 (96)
- 政治 (109)
- 教育 (59)
- 整理 (62)
- 文房具 (67)
- 料理 (148)
- 新卒採用 (17)
- 旅行 (232)
- 旅行-海外 (71)
- 日本酒 (136)
- 映像 (16)
- 映画 (646)
- 最適化 (72)
- 朝型 (46)
- 木工 (210)
- 本 (244)
- 東京 (21)
- 株 (38)
- 検索 (54)
- 検証 (16)
- 検証-ツール (57)
- 楽天 (54)
- 正規表現 (24)
- 歴史 (140)
- 比較 (49)
- 決済 (46)
- 法律 (29)
- 洗濯 (10)
- 災害 (137)
- 炎上 (16)
- 無印良品 (57)
- 無料 (100)
- 無線LAN (23)
- 猫 (141)
- 田舎暮らし (23)
- 画像 (61)
- 画像処理 (11)
- 病気 (9)
- 登山 (13)
- 短縮URL (14)
- 神戸 (20)
- 競合調査 (26)
- 筋トレ (77)
- 節約 (132)
- 節電 (9)
- 篠山 (24)
- 素材 (21)
- 経営 (28)
- 経済 (15)
- 統計 (18)
- 統計データ (681)
- 美容 (10)
- 翻訳 (16)
- 育児 (9)
- 自己啓発 (337)
- 自炊 (16)
- 英語 (48)
- 著作権 (51)
- 行動観察 (25)
- 要件定義 (24)
- 見積 (53)
- 観葉植物 (12)
- 訃報 (9)
- 設計 (457)
- 設計-住宅・事務所 (14)
- 読み物 (29)
- 調査ツール (46)
- 調査・測定 (20)
- 豊中 (39)
- 資料 (141)
- 起業 (37)
- 農業 (16)
- 通販 (39)
- 配色 (88)
- 酒 (42)
- 重要 (82)
- 金言 (12)
- 鉄道 (159)
- 陶芸 (13)
- 雑貨 (268)
- 雑貨屋 (202)
- 靴 (33)
- 鞄 (48)
- 音楽 (674)
- 頭痛 (25)
- 食べ物 (106)
- 食べ物屋リスト (616)
- 髪 (21)
- あとで読む (2286)
- ネタ (2208)
- レコード (1618)
- デザインサンプル (1597)
- webサービス (1066)
- seo (908)
- デザイン参考 (860)
- レシピ (825)
- 統計データ (681)
- 音楽 (674)
jQueryとappleに関するmatuixのブックマーク (3)
-
matuix 2010/03/12
- jQuery
- スライドショー
- apple
リンク -
かっこいいjQueryのスライダー25 – creamu
WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List 左にナビゲーションがあって自動で切り替わる Accessible News Slider ナビゲーションがわかりやすいニューススライダー。広げる、たたむ機能もあり Animated JavaScript Accordion V2 シンプルで使いやすいアコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider とてもクールなスライダー。左右にナビゲーションあり SlideItMoo 1.1 – improved image slider 左右のナビゲーションでスライドするタイプ M
-
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx