クールな画像拡大jQueryライブラリ「lity.js」、レスポンシブにも対応！ | SHINGO IRIE
クリックで画像が拡大されるライブラリはlightboxなど数多くありますが、その中でもデザインの邪魔をせず、実装もかんたんなライブラリ、それがlity.jsです。 使い方公式サイトから一式ダウンロード。 ダウンロードしたファイルの中で使うのはdistフォルダ内のlity.js、lity.cssのみ。 jQueryの後に読み込ませます。 <link href="lity.css" rel="stylesheet"> <script src="jquery.js"></script> <script src="lity.js"></script> あとは、 <a href="http://image.jpg" data-lity>Image</a> のようにdata-lity属性をつけるだけで動きます。かんたんですね。下がlity.jsの表示サンプルです。 WordPressへの組み込みWor
lifehack | SHINGO IRIE
コンテンツへスキップ →lifehack コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール
Apple新言語「Swift」ことはじめ。勉強用リンクまとめ。 | SHINGO IRIE
昨年AppleのWWDC2014で新しく発表された新言語「swift」。アマツバメ(雨燕)、速いの意味をもつそうです。Objective-Cよりも早く動く。おそらく数年のうちに、もしかするとObjective-Cがなくなるかもしれません。 ということで、今後のアプリ開発はSwiftで作っていきたいので、あらためて基礎から学習しなおそうと思っています。このブログで、勉強したことを日々アップしていく予定ですので、よろしければRSSのご購読お願いいたします。 今回はSwiftの概要と特徴、勉強用リンクをまとめました。 Swiftで開発できるOSのバージョン・OS X version 10.9以降 ・iOS 7以降 Swiftの特徴型の指定がかんたん変数を指定する際に、Objective-Cでは型の指定が必要でしたが、型の指定をしなくても動きます。代入する値を推論して、型が自動で決められます。もち
AndroidシミュレータはGenymotion一択！MacでもOK！ブラウザの表示確認に！ | SHINGO IRIE
Androidには数多くのバージョン、端末がありますが、たまにクライアントより「Xperiaで見え方がおかしい」など、機種指定で挙動がおかしいといった報告があります。そうすると、手元に実機をもっていないと、再現することができず、解決までに時間がかかってしまいます。 機種を指定して高速シミュレートそこで、Genymotionという便利なアプリがあります。このアプリを使えば、Androidの好きなバージョン、機種を指定してシミュレートすることができ、状況を再現することができるようになります。 機種名、バージョンなど細かくさがせて、追加します。 実行すると、ばっちりシミュレートしてくれます。動作も軽い。 WindowsでもMacでも使えるGenymotionGenymotionはWindowsでもMacでもインストール可能です。 Macで使用する場合、GenymotionのほかにVirtualb
jQueryを使って、div全体にリンクを貼る方法。_blank対応も。 | SHINGO IRIE
例えばボタンなどdiv全体にリンクを貼りたいことがありますが、その際に便利なTipsのご紹介です。 まずは、見た目のみ準備CSSでボタンを作ります。リンクもdivの中に置いて構いません。CSSでdivの上にマウスがのったときに、カーソルが変わるよう変更しています。 <style> .sbtn{ margin-right:10px; text-align:center; background-color: #28B0FF; padding:10px; color:#fff; text-decoration:none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom:10px; cursor:pointer; } </style> <div class="sbtn">
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
