読者です 読者をやめる 読者になる 読者になる

Brian'z Imagination

ブライアンねこの、頭の中。

Brian'z Imagination

スクロールするとふわっと現れる文字や画像をはてなブログで実装してみよう

デザイン

f:id:x93mg:20160920170650j:plain

iPhone7が発売されたので、Appleのサイトにアクセスしたときに、最近よく見るふわっと出てくるやつが気になった。あれって実装簡単なの?そこで今回は、ふわっと出てくる「アレ」をこのサイトでも実装してみたので、その簡単な手順について書いてみたい。

プラグインを使ったりJavaScriptを使ったり、いろんな方法があると思うけれど、今回はjQueryとCSS3を使って誰でも簡単にできるように実装してみた。はてなブログの場合はコードを該当箇所にコピペするだけ。もちろんWordPressをはじめとした各種CMSでも適切な場所にコピペするだけでOKだ。

続きを読む

ちょっと意識するだけで劇的によくなるデザインの7箇条

デザイン

f:id:x93mg:20160919150516j:plain

ちょっと前までは企業ではお抱えのデザイナーがいたし、デザインの専用ツールも比較的コストが高く、デザインはデザイナーに任せるべき、という風潮が強かったと思う。時が経過した今では、デザインする時間がなければクラウドソーシングに投げればいいし、PhotoshopIllustratorなどのツールも月額購入で誰でもすぐに利用できるし、Webには日々参考になるリソースが流れてくるので、ノンデザイナーでも簡単にデザインすることができるようになった

しかしながら、参考記事を見ながら見よう見まねでデザインをしたものの、自分の作ったデザインはプロのデザイナーと「何か」が違う、そう思ったことはないだろうか。センスと経験だけでは、なかなか見えないデザインのポイントが存在する

そこで今回は、そんなプロのデザイナーなら無意識にチェックしている7つの項目を並べて紹介していこう。デザインというと高尚に聞こえる節があるかもしれないけれど、これらのポイントを知っていればPowerPointのプレゼンテーションやWord文章を作成するときにだって活きてくる。少し意識するだけでデザインが劇的によくなるので、早速紹介していこう。

続きを読む

【新着!】デザイナーのぼくが選ぶ、スタイリッシュでオシャレなオススメiPhone7用ケース21選を紹介するよ!

デザイン

f:id:x93mg:20160908122117j:plain

いよいよ正式にお出ましになった新型iPhone。スタンダードなiPhone 7、デュアルカメラ搭載のiPhone 7 Plusだ。

ぼくは一昨年買ったiPhone 5cのホームボタンがとうとう壊れてしまったので、今日のKeynoteを観る前から新型iPhoneの購入をほとんど決めていた。新型iPhoneは、10月下旬からのSuica対応、IP67等級の防沫・防水・防塵機能のサポート、MIMO搭載など、ぼくが思った以上の魅力で満ち溢れていた。

しかしながら、せっかく購入しても3日で傷がつくのがオチ。それでは悲しい。だからこそ、次こそはしっかりと守りながら大切に使ってあげたいと、心に決めたのだった。

そういうわけで今回は、新型iPhoneの概要を確認したうえで、iPhoneを傷・破損から守るだけでなく、スタイリッシュでオシャレなおすすめのiPhone7用ケースを紹介していこう。

続きを読む

Web界隈で最近気になるWebサービスとか集めてみた【2016年9月版】

デザイン

f:id:x93mg:20160901104726j:plain

もう9月ですか…。えっ、もう9月!?

はやいところでこのシリーズも4回目になるのだけれど、Webサービスに関してはネタが尽きることなく、日々どんどん面白いサービスが立ち上がっていく。それだけ世界のどこかで起業家が頑張ってくれているんだなぁと思うと感慨深くなる。9月版となる今回もユニークな海外サービスだけでなく、優れたアイデアで勝負しようとしている日本国内のWebサービスなども紹介していく

ちなみに前回の8月版の記事はこちら。

過去の記事:2016年7月版 | 2016年6月版

続きを読む

10分で設定完了!Webフォントの使い方や軽量化・はてなブログでの設定手順、優良リソースなどまとめ【おすすめ日本語フォントも】

デザイン

f:id:x93mg:20160826123448j:plain

最近はWebの制作現場でもよくWebフォントが使われるようになってきた。ぼくは10年ほど前から紙媒体のデザインにも携わっているけれど、Webサイトも紙媒体と同じように画像を綺麗に見せたり、情報をコンパクトにまとめることができるし、Webフォントの登場でテキストまわりの見せ方も大きく変わってきた

そこで今回は、「そもそもWebフォントって?」「どうやって設定するの?」というあたりから「Webフォント重すぎて…軽量化できないの?」「コストをかけずにWebフォントを導入できないの?」「オススメの和文Webフォントは?」「はてなブログでの運用方法は?」というあたりまで、最新のWebフォント事情をしっかりとまとめていく。

続きを読む