こんにちは、工藤です。 今回はログイン画面のデザインを調べてみました。 何気ないんですけれど実はよく見る画面なのでもっと意識しないとなーと思うのですがつい後回しにしてしまったりします・・。 サムネイルクリックでログインフォームに飛びます。 シンプルなログインフォーム シンプルな背景に、ログインフォームが中央においてあるタイプです。 最近はフラットなものが多い印象があります。 evernote Rdio Simple magisto wordpress Google Favor […]

こんにちは、工藤です。 梅雨が明けてもうすっかり夏ですね。暑いです。 今日は背景素材を無料で提供してくださっているサイト様のご紹介です。 パターンテクスチャなんかはたまに自作するとはまったりするのですがたくさんの種類を作るとなると心が折れてしまったりするので、無料で使わせていただけるのはありがたいです。 Subtle Patterns WEBサイト 背景画像と言えばここかなというぐらい高品質な素材を配布してくださっています。 基本的にシンプルなものが多いので微妙にアクセントが […]

こんにちは、工藤です。 Webデザインのときに私がよく使うChromeの拡張機能をご紹介したいと思います。 無駄にウィンドウを開いておくことが多いため、ブラウザ上で色々出来るのは本当助かります・・。 Awesome Screenshot Chrome ウェブストアへ 例えば「ここのフォントサイズを変えたらどうなるんだろう？」とふと思ったときに、ブラウザ上で試しに編集をして確認をできたりするのが『Firebug』です。もちろん保存はできないです。 firefoxにも『Fireb […]

こんにちは、工藤です。 今回はwebデザインに欠かせない、商用利用可のフリー素材を配布してくださっているサイト様をまとめました。 利用規約等は各サイト様でご確認いただければと思います。 写真素材 イラスト素材 アイコン系素材 写真素材 写真素材 足成 http://www.ashinari.com/ とにかく扱っている写真の種類が多いサイトです。 ここを見るとだいたい欲しいな、と思っている風景写真に出会うことができるのでありがたいです。 PAKUTASO/ぱくたそ http: […]

こんにちは、工藤です。 ただいまレスポンシブの勉強中・・というか効率的な進め方を模索中です。 それぞれ1つのファイルで済む分、ソースが汚くなってしまったりUIの面で悩んでしまったり、なかなか難しいです。 そんなこんなで今回は参考にしたいレスポンシブのサイトを集めさせていただきました。 日本語サイトのみのご紹介です。 参考にしたいレスポンシブのサイト ゆい動物病院 http://yui-ah.com/ ウィンドウを小さくしてもテイストが損なわれないのがすごいです。 項目もそれぞ […]

こんにちは。ここ最近は天候が安定しないですね・・。 さて今回はバナーを集めました。 大きめのバナーは余白の埋め方が難しいなあとふと思ったので大きめのものが多いです。   参考にしたいバナー 今回はこのあたりで。

こんにちは。 今回はソーシャルボタンってどれくらいあるのだろう・・と思って調べてみました。 すべてではないのですが結構見かけるなあというものをご紹介します。 ソーシャルボタン一覧 twitter 設置はここから 自分の気になる記事をほかの人にも見てほしい時に便利なtwitterのボタンです。 そのほかにも『フォローする』など結構種類があります。 以前は公式でももう少しボタンのカスタマイズができたと思うのですが・・。 上の画像のようなふきだしが上にきているものは『data-co […]

こんにちは、今日はキャンペーン系のサイトを集めてしました。 キャンペーンサイトはキャプチャを撮っておかないと気づいたら消えてしまっていて、しまった撮り忘れていた・・！ということがよくあります。 以下の情報は2014年5月21日現在のものとなります。 キャンペーンサイト サントリー和膳 「5つ星お米マイスター」厳選!和膳に合うお米、当たります。 http://www.suntory.co.jp/beer/wazen/present_cp/ どっちのオールフリーでカンパイ！？ h […]

フォントは色々欲しいですけれど個人で買う分にはお財布事情が・・となってしまったりしますよね。（もちろんその分の価値はあるのですが） 今回は個人的にお世話になっているフリーフォントをご紹介したいと思います。 フリーフォント一覧 MigMix（ミグミックス）フォント M+とIPAの合成フォント M+フォントさんに漢字が補完されたフォントです。 ご紹介したもの以外にもサイトに色々な種類があるので使い分けできて便利です。 やさしさゴシック やさしさゴシック – フォントな […]

こんにちは、工藤です。 今回はよくお世話になるjQueryプラグインをまとめました。 コードがまったく書けない人間なのでありがたいです・・。 yuga.js yuga.js公式ページ お名前の通り、『Web制作を優雅にするために』作られたそうです。 このブログでもお世話になっています。 まずはjQuery本体と『yuga.js』をheadで読み込みます。 ロールオーバー ロールオーバー時に画像を切り替えることが出来ます。 やり方はすごく簡単で ロールオーバー前の画像と、ロール […]

こんにちは。 今日は8bitのサイトのTOPでも使用している『歯車』をIllustratorでつくってみます！ 私もまだまだ勉強中なのですが・・。なんとなくパスの感覚を掴むのにもってこいだと思います。 ■今回はIllustratorCS5を使いますが、おそらく他のバージョンでも違和感なくできるかと思います。

こんにちは！ 雪の影響がだいぶ出ているようですね。 今週は木曜日に降る予報が出ていますので備えておきます。

こんにちは。 もう少し暖かくなったら美術館をまわりたいなと思いまして、今回は美術館のwebサイトと展覧会のスケジュールを集めました！

こんにちは、工藤です。 帰りに渋谷をうろうろしていましたら『バレンタイン』という文字をみかけるようになりました。 もう2月に入るんですもんね。節分にでん六豆を食べたいなくらいしか考えていなかったです・・。 バレンタインで検索すると素敵な特設・特集サイトがたくさん見つかりましたので勝手ながらまとめさせていただきました。