CC厳密にはいつからかわからないんですが、先日のAdobeの不正アクセス問題あたりからInspectが使えなくなりました。今は問題なく使えるようになったんですが、結構つまづいたので備忘録としてメモ。CODEPENfacebookのウォール(タイムライン)を取得して自分のサイト内に貼り付ける方法をまとめました。コードとサンプルはCODEPENにまとめてあります。Codingの導入方法のご紹介。いってもやることはほとんどCoda2と同じです。アイコン先日iMacをSSDに換装してOSから全てセットアップしなおしたので、これを機に自分のWebの制作環境のセットアップをまとめておきます。サイト制作にあたってオーサリングソフトは8割Coda2、2割Deamweaverといった感じでなので、今回はCoda2とプラグイン周りになります。知ってる人も多いかもしれないですが、cssで属性名(hrefなど)や属性値(.docなど)を指定することができる事を知ったためサンプル作成がてらメモ。サンプルはコチラか上の画像リンクから飛べます。ver1.1)カスタマイズ方法twitterロゴtwitterやブックマークまとめにも書きましたが廃止と言いながらも何だかんだでそのまま使えていたtwitterウィジェットAPIの前バージョンである1.0が6月12日に完全に廃止になりました。昨年に1.1を公開していたものの、試してみたらカスタマイズ性が低くしかも使いにくいということもあって、自分も1.0を使ってました。jqueryプラグインのカスタマイズしたスクロールバーが使えなかったという点がイヤだったもんで。(1.0だと擬似的にではあるけど使えてた)しかし表示すらされないんじゃしょうがないというわけでtwitter公式のウィジェットの設定と簡単なカスタマイズ方法のご紹介です。キャプチャ1ページ完結で縦長のスクロールするサイトでよく使われている、スクロールしてもナビゲーションをページ内に残して各コンテンツにスムーススクロールするjQueryプラグイン「smint」というのがシンプルで使い勝手がよさそうだったんですが、ちょっと気になった箇所があったので修正してみました。Grid、least.js以前twitterや当ブログのブックマークまとめで紹介したものですがjQueryプラグインでGoogle画像検索風のギャラリーを使いたいところがあったので使用感含めて比較したのをまとめてみました。どれもiPhone、Androidに対応されていて、jQueryは現在最新の1.10.1で確認しています。TincrCoda2が好きです。Toolsはもっと好きです。ToolsでCSSを一気に書いて元ファイルにコピペするのが昔の自分のスタイルだったんですが少し前のバージョンから仕様変更でこの方法ができなくなりました。Tools上から元ファイルに保存することが可能な「Tincr」という拡張機能。最近(と言ってもこの1ヶ月ぐらい)見かけたjavascriptやcssなどのプラグインやサンプルなどで使い勝手のよさそうなものや面白そうなものをまとめてみました。後で実際サンプルも作ってみて使い勝手を試すための備忘録です。