ポータルサイトのデザインリニューアル案件で気をつけたこと＆使える心理学
あけましておめでとうございます。ずいぶん久しぶりの更新となってしまいました。彩です。
ところで昨年、自社ポータルサイトのデザインリニューアルを任せていただきました。今回は、その際に学んだことを振り返り、今後のためにまとめておこうと思います。
続きを読む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などのローカルサーバーで確認したい！という時もあるんですよね…。
そんな時、とっても便利な「シンボリックリンク」という技を覚えたので、今回は作り方を書き残しておこうと思います。
続きを読む
無限スクロールで探しやすいWebデザインギャラリーサイト10
最近、経験の少ないデザインに挑戦する機会がありました。そのため、参考になるWebデザインを探すためにギャラリーサイトを見まくっていたのですが、その時「ギャラリーサイトに無限スクロールの組み合わせって最強だな」と思ったんですよね。個人的に探すのがすごく楽だったんです。
ということで、今回は無限スクロール機能がついているギャラリーサイトをまとめておきます。Webデザインを探す際にどうぞ！
続きを読む
PNG画像の軽量化に活躍！Photoshop拡張機能「PNG Hat」をレビュー
先日、コリスさんがPhotoshopでPNG画像をより美しく軽量化する機能拡張「PNG Hat」をプレゼント！というありがたいキャンペーンを開催してくれました。
お仕事でPNGの軽量化にはいつも悩まされていたので、私もあわよくば…！と淡い期待を込めて応募したところ、なんと当選することができました！
今回は、Photoshopの拡張機能「PNG Hat」の使用感などをレビューしてみたいと思います！
続きを読む自分のデザインをチェック！色覚シミュレーションの方法いろいろ
ずいぶん遅いですが、あけましておめでとうございます！
ところで、先日ガンホー・オンライン・エンターテイメントの「パズル＆ドラゴンズ（通称パズドラ）」が色覚特性に対するサポートを開始しましたね。すべての色覚タイプに対応しているわけではないようですが、パズドラ大好きの私としては素晴らしいアップデートだと思います。
私たちが普段目にしている「色」は、実は誰にとっても同じように見えているわけではありません。昨年、「カラーハンティング展」という色をテーマにした展示会に行った際に、色覚シミュレータというものを触る機会があり、色覚の特性によってこんなにも色の見え方が違うのかと印象に残ったのを覚えています。
そして普段、自分の見えている世界だけで制作しているデザインは、本当に誰にとっても見やすいデザインなのだろうか？と思いました。
今回は、色覚シミュレーションの方法や色のコントラストをチェックできるツールなどを自分なりに調べてみましたので、まとめてみます。
続きを読むGoogleマップをスマートフォンでも最適な大きさで表示しよう！
最近、お仕事でGoogleマップのiframeをスマートフォンで最適な大きさで表示させるにあたり、色々と悩みました。
そんな時発見した「lifehacker」さんの記事で、紹介されていたレスポンシブに対応させる方法が一番よさそうでしたので、備忘録として書き残しておきます。
続きを読む
