< pocket

日々の業務やWeb制作に役立つ!おすすめChromeプラグイン12

日々の業務やWeb制作に役立つ!おすすめChromeプラグイン12

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

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

続きを読む
トップに戻る

無料で使えるおすすめタスク管理ツール「Any.do」を紹介!リマインド機能やスマホとの連携が便利

無料で使えるおすすめタスク管理ツール「Any.do」を紹介!リマインド機能やスマホとの連携が便利

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

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

続きを読む
トップに戻る

ポータルサイトのデザインリニューアル案件で気をつけたこと&使える心理学

ポータルサイトのデザインリニューアル案件で気をつけたこと&使える心理学

あけましておめでとうございます。ずいぶん久しぶりの更新となってしまいました。彩です。

ところで昨年、自社ポータルサイトのデザインリニューアルを任せていただきました。今回は、その際に学んだことを振り返り、今後のためにまとめておこうと思います。

続きを読む
トップに戻る

SNSボタンをオリジナルデザインに!設置方法&シェア数の取得方法まとめ

SNSボタンをオリジナルデザインに!設置方法&シェア数の取得方法まとめ

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

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

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

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

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

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

続きを読む
トップに戻る

制作物の確認・共有やバックアップに便利!シンボリックリンクを使おう

制作物の確認・共有やバックアップに便利!シンボリックリンクを使おう

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

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

続きを読む
トップに戻る

たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり)

たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり)

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

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

続きを読む
トップに戻る

無限スクロールで探しやすいWebデザインギャラリーサイト10

無限スクロールで探しやすいWebデザインギャラリーサイト10

最近、経験の少ないデザインに挑戦する機会がありました。そのため、参考になるWebデザインを探すためにギャラリーサイトを見まくっていたのですが、その時「ギャラリーサイトに無限スクロールの組み合わせって最強だな」と思ったんですよね。個人的に探すのがすごく楽だったんです。

ということで、今回は無限スクロール機能がついているギャラリーサイトをまとめておきます。Webデザインを探す際にどうぞ!

続きを読む
トップに戻る

3月は大好きなゴッホの記事を書く月!ゴッホ関連ニュースまとめ2014

3月は大好きなゴッホの記事を書く月!ゴッホ関連ニュースまとめ2014

自分で勝手に決めました!3月以外にも書いてますけどね?(^o^)/

今週の3月30日はゴッホの誕生日ということで、毎年ひっそりと書いているゴッホ記事を今年も書きます!

続きを読む
トップに戻る

PNG画像の軽量化に活躍!Photoshop拡張機能「PNG Hat」をレビュー

PNG画像の軽量化に活躍!Photoshop拡張機能「PNG Hat」をレビュー

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

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

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

続きを読む
トップに戻る

自分のデザインをチェック!色覚シミュレーションの方法いろいろ

自分のデザインをチェック!色覚シミュレーションの方法いろいろ

ずいぶん遅いですが、あけましておめでとうございます!

ところで、先日ガンホー・オンライン・エンターテイメントの「パズル&ドラゴンズ(通称パズドラ)」が色覚特性に対するサポートを開始しましたね。すべての色覚タイプに対応しているわけではないようですが、パズドラ大好きの私としては素晴らしいアップデートだと思います。

私たちが普段目にしている「色」は、実は誰にとっても同じように見えているわけではありません。昨年、「カラーハンティング展」という色をテーマにした展示会に行った際に、色覚シミュレータというものを触る機会があり、色覚の特性によってこんなにも色の見え方が違うのかと印象に残ったのを覚えています。

そして普段、自分の見えている世界だけで制作しているデザインは、本当に誰にとっても見やすいデザインなのだろうか?と思いました。

今回は、色覚シミュレーションの方法や色のコントラストをチェックできるツールなどを自分なりに調べてみましたので、まとめてみます。

続きを読む
トップに戻る