みなさんのメインブラウザは何ですか？私はChromeです！Chromeの魅力は何と言っても豊富なプラグインですよね。

今回は、デザインやコーディング、タスク管理にサイト分析まで、Web制作をする上で私がお世話になっているオススメのChromeプラグイン12個を紹介します。

忙しい毎日。みなさんは日々のタスクをどうやって管理していますか？私はここ一年ほど、もっぱら「Any.do」を使っています。このツールに出会ってから、仕事で「あ、忘れてた！」ということがめっきり減り、とても気に入っています！

そんな優秀なタスク管理ツール「Any.do」。ChromeプラグインからiPhone/Anroid用スマホアプリやMacアプリ、Web版もあるので、今回はそれぞれの特徴や使いどころをご紹介します！

先日、お仕事でスマホサイトを制作する際、「スマホで公式のSNSボタンを並べると表示が重いんだよな…大きさもバラバラだし。」と考え、オリジナルデザインのSNSボタンを設置してみました。ボタンを設置すること自体は簡単なんですが、やっぱり一緒にシェア数も表示したいですよね。

自分でシェア数の取得方法とボタンの設置方法をそれぞれ調べるのが大変だったので、備忘録も兼ねて記事にしようと思います。

【2016年8月28日 追記】
Facebookの仕様変更のためソースを一部変更

【2015年10月2日 追記】
ツイート数を取得する「count.json」が提供終了

【2015年6月16日 追記】
file_get_contents()の注意点を追記＆カウント数取得のソースコード変更

【2015年3月25日 追記】
Google+のカウント数の取得方法を変更

お仕事では思わぬミスでファイルが消えてしまったり上書きされてしまうのを防ぐため、データは基本的にDropbox上に置いています。ですが、Dropbox上のファイルをXAMPPなどのローカルサーバーで確認したい！という時もあるんですよね…。

そんな時、とっても便利な「シンボリックリンク」という技を覚えたので、今回は作り方を書き残しておこうと思います。

お久しぶりです！スマホサイトを制作していて、たった一行でとても便利なコードなのに、「あれ、なんだっけ…」と、ど忘れすることがいくつかあったので、今回は忘れないためにメモしておこうと思います！

今回はサンプルも作ってみました！

先日、コリスさんがPhotoshopでPNG画像をより美しく軽量化する機能拡張「PNG Hat」をプレゼント！というありがたいキャンペーンを開催してくれました。

お仕事でPNGの軽量化にはいつも悩まされていたので、私もあわよくば…！と淡い期待を込めて応募したところ、なんと当選することができました！

今回は、Photoshopの拡張機能「PNG Hat」の使用感などをレビューしてみたいと思います！

最近、お仕事でGoogleマップのiframeをスマートフォンで最適な大きさで表示させるにあたり、色々と悩みました。

そんな時発見した「lifehacker」さんの記事で、紹介されていたレスポンシブに対応させる方法が一番よさそうでしたので、備忘録として書き残しておきます。

先日、jQuery.autopagerで次のページを読み込む間にローディングアイコンを表示させようという記事を書きましたが、このようにAjaxでページを遷移させる設計にしてしまうと、次のページが読み込まれてもそのページ遷移はPVとしてカウントされません。

ページ遷移が早くなるのは嬉しいのですが、やっぱりPVとしてカウントされないのは寂しいです。ちょっとソンしている気になっちゃいますよね。

なので、今回はAjaxで遷移するページのPVをカウントする方法をご紹介します！

このテーマをスマホ対応させた際、「jQuery.autopager」というプラグインを使ってオートページャーを実装してみました。

画面遷移を少なくしてくれるので重宝していますが、次のページが読み込まれる間に何も表示されないと「あれ？」と不安になってしまいますよね。

というわけで、次のページが読み込まれる間に表示される「ローディングアイコン」を実装してみましたので、今回はその導入方法などをご紹介します！

先日、CSS Nite @Co-Edo, Vol.17「セミハンズオンで学ぶレスポンシブWebデザイン」に参加してきました。講師はブログ「Design Spice」を運営されているヒロさんです。

濃い内容がもりだくさんでしたので、学んだことをアウトプットしておきます！