シンプルで必要最低限だけどレスポンシブなLightBox実装「lighterbox」:phpspot開発日誌
lighterbox シンプルで必要最低限だけどレスポンシブなLightBox実装「lighterbox」 画像をクリックで拡大しつつ、キャプションを下の方に表示するだけで、カスタマイズオプションも少ないjQueryプラグイン。 ただ、そのシンプルさがいい感じです。ソースを直接カスタマイズすることも簡単なので、エンジニアの方は自分色に少し調整してしまってもよさそう。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」
eccube-bootstrapというEC CUBE用のテーマを作りました。
EC CUBEのデフォルトテーマがイケてないし、イケる予定もなさそうだったので、 GitとかGitHubとかTwitterBootstrapとかHTML5の勉強も兼ねてテーマを作りました。 nagaki/eccube-bootstrap Smartyの部分は特に変更していません。作りはじめた時Gitの使い方がいまいち わかっていなくてデフォルトテーマからの変更をコミットしていないので、 できれば最初からやり直したいけど手間がかかるので多分できません。 勉強のために作ったので、必要以上にTwitterBootstrapの様々なスタイルを適用しています。 TwitterBootstrapではレスポンシブデザインが使えるのでそれも取り入れました。 使用出来るバージョンは2.12系ですが、先日から続いていた脆弱性の修正アップデートの関係上、 最新の2.12.5で使用をしてください。 インストール
Crumpet - A Deliciously Simple Framework
Tidy HTML Uses placeholder selectors to reduce the size of your HTML. No one likes messy. Create Fast Creating website layouts fast & responsive will be a breeze. Fast & smart building. What's in the ingredients? Super easy to understand and get started with, all of Crumpet’s code has been commented through out to give you a full understanding of each line, meaning you can spend all your precious
クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」:phpspot開発日誌
クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 2014年03月20日- esponsive Image Maps jQuery Plugin クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 クリッカブルマップ、といえばHTML入門時には面白そうと思ったわりに設定が面倒なのであまり使わなくなったという方もいるかもしれませんが、あのクリッカブルマップをレスポンシブにするjQueryプラグインだそうです。 リサイズ時にクリッカブルマップのデータを再計算してマッピングしてくれるようです。 タッチ型デバイスでは意外と使えそうなこの機能。 この際に再度利用法を検討してみるのもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「Veno
Gruntとgulp.jsでサイトパフォーマンスを向上させる - ワザノバ | wazanova
@yosuke_furukawaさんがtweetしていたサイトパフォーマンスに関連する Gruntとgulp.js のタスク一覧です。確かによいまとめなので、メモしておきます。 GruntとGulpには、画像の最適化、HTML/CSS/JavaScriptファイルの結合 & 圧縮をするタスクがあるので、まずそちらをベースラインとして利用されたし。 1) 画像ファイルの圧縮 & 最適化 webページは平均1.5MBで画像ファイルが多くを占める。モバイルで160KBの画像ファイルを追加すると直帰率が12%悪化すえるというEtsyのデータがあり。 Grunt grunt-contrib-imagemin grunt-imageoptim (OSXのみ） 二つのタスクのどちらを選ぶかは、こちらの比較表 で確認してください。 Gulp gulp-imagemin 3/4/2014時点ではImage
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
300+ Best Responsive WordPress Themes 2019 » CSS Author
15+ Simple Ways To Run Your Perfect Website With Responsive WordPress Themes Nowadays, everyone wants to run a professional website and here is why. Needless to say, we live in the times when everything is as comfortable as possible. Digital progress continues developing every single day. As a result, shopping becomes faster when finding the needed services becomes easier. All in all, modern custo
Responsive Design Testing
Responsive Web Design Testing Tool This tool has been built to help with testing your responsive websites while you design and build them. You can enter your website's URL into the address bar at the top of this page (not your browser's address bar) to test a specific page. Unfortunately, with the way browser security works, you are unable to navigate your site through the frames that your website
流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！
流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013.01.18 | この方法お勧めです！ | サイト推薦！ tips | WordPress | ほらみんなも！ | デザイン | レスポンシブ あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。 超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ！？そんなんいらんわっ！！無視や！無視っ！！』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
R&Co Design | Branding & Web Design
ゆめいろデザイン
USM | Modern Modular Furniture For Home & Office
Media Queries
http://kodomono.info/
レスポンシブデザインのウインドウサイズの切替えについてまとめてみました
毎朝パンケーキ女子のブログ | 毎朝必ずパンケーキを作ってその写真や出来具合、中身に入れた具などを公開する３０代女子のブログ。