Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
【高品質】レスポンシブデザインのWordPress無料テーマまとめ | KANECONET
これが無料！？と思えるような、 驚くほど高品質なデザインのレスポンシブテーマをまとめてみました。 ちなみにレスポンシブデザインというのはPCのブラウザのサイズだけでなく、 iPhoneやAndroidなどのスマートフォン、iPadなどのタブレットの画面サイズに 対応して適切なサイズ・コンテンツで表示するものです。 もちろん同一URLで表示されるのでスマートフォン用に新しいページを用意する必要はないです。 これまではWPtouchなどのプラグインで対応してきた方も多いと思いますが、 GoogleもSEO対策上レスポンシブデザインを推奨しているようなので テーマの変更を検討してみるのも良いかと思います。 Designfolio Designfolio [ Demo | Download ] Simple Grid Simple Grid [ Demo | Download ] Unique U
eccube-bootstrapというEC CUBE用のテーマを作りました。
EC CUBEのデフォルトテーマがイケてないし、イケる予定もなさそうだったので、 GitとかGitHubとかTwitterBootstrapとかHTML5の勉強も兼ねてテーマを作りました。 nagaki/eccube-bootstrap Smartyの部分は特に変更していません。作りはじめた時Gitの使い方がいまいち わかっていなくてデフォルトテーマからの変更をコミットしていないので、 できれば最初からやり直したいけど手間がかかるので多分できません。 勉強のために作ったので、必要以上にTwitterBootstrapの様々なスタイルを適用しています。 TwitterBootstrapではレスポンシブデザインが使えるのでそれも取り入れました。 使用出来るバージョンは2.12系ですが、先日から続いていた脆弱性の修正アップデートの関係上、 最新の2.12.5で使用をしてください。 インストール
アイディアをすぐに形にしよう！エンジニア必見Bootstrapライクなデザインテーマまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアからプロレスラーに昇格した勝利です。 (首、太いだろ？) 好きな技は蝶野親分の「ケンカキック」です。 さて、 エンジニアの方なら誰しもが通ると思われる、アイディアを思いついた後に実装する際に避けては通れない道、 そう、デザイン部分の構築。 聞いただけでもう蕁麻疹がおさまらないですね。 そんなとっかかりの部分を簡単に実装できるツール。 そう、Twitter Bootstrap。 Twitter BootStrapとは・・・ BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 ただ、Bootstrapだけではもの足りなくなったあなた。やっぱりバリエーションは多数もっといた方がいいですよね。 そんなあ
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」:phpspot開発日誌
レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 2013年03月05日- Sidr - A jQuery plugin for creating side menus レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 iPhoneのfacebookアプリなどで採用されている左や右にスライドするメニューをブラウザ上で実現できるjQueryプラグインです PCでも違和感なく使えるのは嬉しいですね メニューが開いていない状態。 開くと画面が左にスライドしつつ左からメニューが表示されます テーマも白と黒から選べるみたい 関連エントリ Facebookアプリ風パネルメニューのCSS実装デモ「cssPanelMenu」 HTML5＆CSS3なフリーのドロップダウンメニュー２５ レスポンシブなCSSベー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
