jQueryでモーダルウィンドウを作成。 | Almondlab
（追記／2011.12.02）ウィンドウをスクロールの際に、背景もズレてしまう不具合があったので、CSSとJavaScriptの一部を調整しました。 jQueryを使ってモーダルウィンドウを作成します。ウィンドウに表示するコンテンツはjQueryのAjaxで読み込むようにしています。 サンプルはこちら <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link
CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ
年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。 そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。 そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。 で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮＆デコードツール」をまとめてみたいと思います。 まずは圧縮編から。 ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール 私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。 やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。 CSS編 CSS Compressor 圧縮度合いを4段
Neil Patel: Helping You Succeed Through Online Marketing!
Are You Using Google Ads? Try Our FREE Ads Grader! Stop wasting money and unlock the hidden potential of your advertising. Our Ads Grader analyzes 8 essential components of your account, providing you with essential insight and actionable advice for optimizing your strategy and maximizing ad spend efficiency. Get your free Analysis Who Is Neil Patel? He is a New York Times Bestselling author. The
SimilarPosts Ver.2.6.2.0日本語化版 – o6asan's soliloquy-part2
投稿アップデート情報 追記(2011/6/4) 追記２(6/8) 追記３(7/25) 追記４(2013/8/15) 一昨日(日付でいうと昨日だけど，午前零時を回ったばかりだったので，気分的にはこう)，前項の「セキュリティツール」の発端になったSimilarPostsだけど，RobからO.K.をもらったのでzip化したのをアップしておきます。 zipの中は，Post-Plugin Libraryバージョン 2.6.2.1 と Similar Postsバージョン 2.6.2.0の日本語化版が一緒に入っているので，あらかじめ解凍してその後プラグインフォルダにアップロードしてください。 スクリプトについてはRob Marshさんに聞いてもらわないと仕方ないですが，訳のまずいところは私に知らせてください。くれぐれもRobにいちゃもんをつけないように。 zipファイルはここからダウンロードし
カッコよく画像を拡大ポップアップしてくれるワードプレスプラグインの比較
jQueryを使ったWordpress用の画像拡大表示プラグインをまとめました。 画像をクリックすると背景が暗くなって画像が浮かび上がってくるような表示になるアレです。 Lightbox系プラグインなんても呼ばれてます。 このプラグイン、同じようなのがいっぱいリリースされていてそれぞれ動作や内容が違うし結構数も多い・・・。 ということでここに各プラグインのスクリーンショット画像付きでまとめてみました。 導入したサイトもリンクしてあるので実際のアクションを見ながら比較できます。 比較に当たって、以下のプラグインは導入に至りませんでした。 また、個別に「rel=」で指定しないといけないものは除外しました（過去の画像すべてにつけないといけないため）。 Auto Thickbox 動作はとても軽く良かったのですが、カスタム出来なかったこととポップアップ動作があまりキレイでなかったため除外しました。
リンクURLのテキストをクリックして、別のhtmlコンテンツウィンドウを開くためのHighslide JS | WordPressにGoogle Maps API V3！
リンクURLのテキストをクリックして、別のhtmlコンテンツウィンドウを開くためのHighslide JS リンクURLのテキストをクリックしたら、写真や動画、HTMLコンテンツなどを別のウィンドウでポップアップ表示するのに便利なのが、Highslide JS。 WordPress用のHighslide JSプラグインをいくつか試したのですが、考えるような動作をしてくれませんでしたので、本家Highslide JSを使うことに。 scriptは、”Highslide JS“のサイトの左サイドバーにあるDownroadからZipファイルをダウンロードして、解凍後にFTPでアップロード。 多くのサンプルがありますので、自分好みにカスタマイズすれば宜しいかと。Add to Header等のプラグインを使えば、すべての記事で動作するようになりますね。 ＜デモサンプル＞ 1. Googleサイトデ
小粋空間: Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
関連記事のプラグインSimilar Postsでサムネイル表示がうまくいく方法
いま製作中の別サイトで、関連記事を各投稿の下にサムネイル付きで表示させたかったんですが、 Similar Postsの設定でいくら{image}と書いてもまったく全然サムネイルを取得してくれなかったので phpを使って表示させてやりましたよ！！！！同じ現象で困ってる人はこの方法を試してみてください！！ 使用したプラグイン 今回使用したのは関連記事を表示できるプラグインSimilar Postsです。 サムネイル設定以外のこまかい設定方法は以下の記事で解説されています。 カスタムフィールドを使ったサムネイルの表示方法も解説されているので、元々カスタムフィールドを使用している方はそちらの方法がおすすめです！ 参考：関連記事をサムネイル付きで表示できるWordPressプラグイン – ミblog : レビューや日常など 早速結論を。サムネイルを取得できる記述方法！ カスタムフィールドは使いません
WordPress プラグイン Similar Post を使って関連記事を表示する | mono-lab
WordPressのテンプレート、プラグイン、 カスタマイズ情報を紹介しています。 WPを利用したホームページの制作も承っております。 前回紹介したWordPress の関連記事を表示するプラグインの一つ、 「Similar Posts」 の設定方法を説明します。 （当サイトでは関連記事の表示に、このプラグインを利用しています） このプラグインは、タグ、タイトル、本文から関連しているキーワードを算出し、 関連記事を表示するプラグインです。 このプラグインは「Similar Posts」単体では動作しませんのでご注意してください。 それでは、わたしが行っている設定方法を説明します。 はじめに、「Post-Plugin Library」プラグインをダウンロードして有効化し、 次に、「Similar Posts」プラグインをダウンロードして有効化してください。 「設定」→「Similar Pos
「自由であり続けたい人」が捨てるべき10の古い価値観
日本とニュージーランドを往復しつつ、自由に生きる術を見つけた四角さん。 自由を獲得するために捨てたものもたくさんあるだろう。 捨てたものの中には、古い価値観では「大切」とされてきたものも多い。 だが、今の僕らには、そんなモノはもう必要ではないのだ。 四角さんの本の中から、同じように自由を掴んだ僕の視点を絡めて、自由であり続けたい人が捨てるべき10の古い価値観をリストしてみた。 早速いってみよう。 自由であり続けたい人が捨てるべき10の古い価値観 1. いま使わないモノを捨てる 僕を含め多くの人は、「大切なもの」を取っておく習慣を持っている。 「モノを大切にしなさい」と子どもの頃から言われて育ったせいもある。 もちろん「モノを大切にする」ことは大事なことだ。 だが、使わないモノを溜め込んで家をぎゅうぎゅう詰めにしておくことに意味はないのだ。 モノに囲まれる生活は、モノに囚われている生活だ。
容量不足に悩むMacBook Airユーザーにおすすめ！iTunesのデータを丸ごとUSBメモリに移動する方法 for Mac | カミアプ
ども！ともぞう(@tomozo_1975)です。 昨日、Windowsで外付けHDDにiTunesデータを移動する方法をご紹介しましたが、今日はMac でiTunesのデータを丸ごとUSBメモリに移動する方法をご紹介いたします。 Windowsとほとんど同じ手順で簡単に移動する事ができますよ！ MacでiTunesデータを移動する手順はWindowsと一緒です。違うのはデータの場所だけです。 iTunesのデータはMac OS Xの場合、「/ユーザ/”あなたのユーザ名”/ミュージック」に入っています。 私のMacでフォルダ容量を確認すると、25GBもありました！ 私のMac Book AirはSSD128GBなのでこれは痛いです。なんとか空き容量を増やしたい！ そこで今回はUSBに接続したMicroSDHCカードへデータを移動させてみます。 iTunesから環境設定の詳細にある「[iTun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WP ランキングプラグイン WP Popular Posts | 小さな門
[Mac] 知らない人は損してると思うMacの使い方【その２】 | Appleちゃんねる