参考にしたいバナーまとめ
こんにちは。ここ最近は天候が安定しないですね・・。 さて今回はバナーを集めました。 大きめのバナーは余白の埋め方が難しいなあとふと思ったので大きめのものが多いです。 参考にしたいバナー 今回はこのあたりで。
投稿者: 工藤
ソーシャルボタンの種類を調べてみました
こんにちは。 今回はソーシャルボタンってどれくらいあるのだろう・・と思って調べてみました。 すべてではないのですが結構見かけるなあというものをご紹介します。 ソーシャルボタン一覧 twitter 設置はここから 自分の気になる記事をほかの人にも見てほしい時に便利なtwitterのボタンです。 そのほかにも『フォローする』など結構種類があります。 以前は公式でももう少しボタンのカスタマイズができたと思うのですが・・。 上の画像のようなふきだしが上にきているものは『data-co […]
【デザインまとめ】キャンペーンサイト２０選
こんにちは、今日はキャンペーン系のサイトを集めてしました。 キャンペーンサイトはキャプチャを撮っておかないと気づいたら消えてしまっていて、しまった撮り忘れていた・・！ということがよくあります。 以下の情報は2014年5月21日現在のものとなります。 キャンペーンサイト サントリー和膳 「5つ星お米マイスター」厳選!和膳に合うお米、当たります。 http://www.suntory.co.jp/beer/wazen/present_cp/ どっちのオールフリーでカンパイ！？ h […]
おすすめ日本語フリーフォントのまとめ
フォントは色々欲しいですけれど個人で買う分にはお財布事情が・・となってしまったりしますよね。（もちろんその分の価値はあるのですが） 今回は個人的にお世話になっているフリーフォントをご紹介したいと思います。 フリーフォント一覧 MigMix（ミグミックス）フォント M+とIPAの合成フォント M+フォントさんに漢字が補完されたフォントです。 ご紹介したもの以外にもサイトに色々な種類があるので使い分けできて便利です。 やさしさゴシック やさしさゴシック – フォントな […]
IEで使おうと思ったら使えなかったCSSプロパティーやセレクタ
なるべくcssで表現したいなと思うのですが、そういえばIEで使えないんだった…となることがよくあります。 良く使うものでたまに引っかかるCSSプロパティー・セレクタをまとめてみました。 CSSプロパティー border-radius IE8以下で× 指定した要素の角を丸くするプロパティーです。 box-shadow IE8以下で× 指定した要素のまわりにシャドウをつける事ができるプロパティーです。 text-shadow IE9以下で× テキストにシャドウをつける事ができるプ […]
Webデザインをパーツで参考にできるサイトまとめ
こんにちは、工藤です。 Webデザインの際、パーツで悩んでしまうことがよくあります・・。 今回はパーツ毎にまとめてくださっているサイトをご紹介します。日本語サイトが多めです。 パーツ全般を集めているサイト ブブンデザインアーカイブ http://bubundesignarchive.jp/ Croppy http://croppy.org/ MephoBox http://box.mepholio.com/ メインビジュアル関連 WEBデザインのメインビジュアルまとめ htt […]
よくお世話になるjQueryプラグインまとめ2
こんにちは。 今回は前回紹介しきれなかったjQueryプラグインについて続きを書きたいと思います。 相変わらずご紹介程度なので気になったものは検索してみてください！ smart-crossfade.js マウスオーバーした際にすぐに切り替えるのではなく、ふわっとフェードイン・アウトしながら切り替えてくれるjsです。 ぱっと切り替わるのもいいのですが、フェードで切り替わるものサイトに雰囲気がでますよね。 個人的に知っている中で一番簡単だったのでご紹介させていただきます。 マウス […]
よくお世話になるjQueryプラグインまとめ
こんにちは、工藤です。 今回はよくお世話になるjQueryプラグインをまとめました。 コードがまったく書けない人間なのでありがたいです・・。 yuga.js yuga.js公式ページ お名前の通り、『Web制作を優雅にするために』作られたそうです。 このブログでもお世話になっています。 まずはjQuery本体と『yuga.js』をheadで読み込みます。 ロールオーバー ロールオーバー時に画像を切り替えることが出来ます。 やり方はすごく簡単で ロールオーバー前の画像と、ロール […]
便利！なwordpressプラグイン
こんにちは。 すっかり春の陽気になりましたね！私は少々花粉症気味です・・。 さて、8bitブログですがこの春リニューアルしました！ サイドナビなどの情報量は多く、文字がなるべく読みやすいようにしています。 実際使ってみると気づいた箇所もちらほらあるのでさらに使いやすくなるようにちょこちょこ改良していければな～と思っています。 そして、実は私初めてまともにWordPressに触りました。 8bitにはproGがあるのとプライベートでもあまり気が回っていなかったもので・・。 今回 […]
Illustratorで歯車をつくろう！
こんにちは。 今日は8bitのサイトのTOPでも使用している『歯車』をIllustratorでつくってみます！ 私もまだまだ勉強中なのですが・・。なんとなくパスの感覚を掴むのにもってこいだと思います。 ■今回はIllustratorCS5を使いますが、おそらく他のバージョンでも違和感なくできるかと思います。
【デザインまとめ】イラストをあしらった『ページトップへ』のデザイン
こんにちは！ 雪の影響がだいぶ出ているようですね。 今週は木曜日に降る予報が出ていますので備えておきます。
ちょっと変わったトップレベルドメイン
こんにちは！工藤です。 関東では2週間連続で雪が降っています。 交通機関の乱れが恐怖です・・。
気になる美術館・展覧会を集めました
こんにちは。 もう少し暖かくなったら美術館をまわりたいなと思いまして、今回は美術館のwebサイトと展覧会のスケジュールを集めました！
2014年バレンタインサイトをあつめました
こんにちは、工藤です。 帰りに渋谷をうろうろしていましたら『バレンタイン』という文字をみかけるようになりました。 もう2月に入るんですもんね。節分にでん六豆を食べたいなくらいしか考えていなかったです・・。 バレンタインで検索すると素敵な特設・特集サイトがたくさん見つかりましたので勝手ながらまとめさせていただきました。
画像をCSSで縮小した際の各ブラウザの表示
こんにちは、工藤です。 年明け早々寒いですね。 危うく早速風邪をこじらせてしまうところでした。 3連休は暖かくして過ごそうと思います！
スマホサイトのワイヤーフレーム
こんにちは、工藤です。 夜はすっかり気温が下がりましたね！つい癖でエアコンを付けたまま寝てしまい喉が痛い目をみましたので気をつけたいと思います。 ついにiPhoneがdocomoさんで発売決定されましたね。 私の周りでも「docomoからiPhoneがでたらガラケーを卒業する」という人がちらほらいたのでスマホを使用する方はさらに増えるのだろうなと感じております。 私はというと今ちょうどwebサービスのスマホ版デザインをしているのですが・・難しいです。 ボタンをどこに配置したら […]
素敵なピクトグラム
こんにちは、工藤です。 世間ではお盆休みですね。電車に人がいなくてびっくりしてしまいました。 私も土曜日から実家の方に帰省しておりました。 避暑に行ったつもりが全国各地暑かったようであまり意味がありませんでした・・。 さて唐突に今回はピクトグラムについてお話します。
お世話になった記事その２
こんにちは、工藤です。 ここ最近は少し涼しいですね、あくまで少しです。 夏の暑さはもう諦めたのでせめてこれぐらいの気温でいてほしいな・・なんて思ってしまいます。 さて今回もお世話になった記事の紹介をさせていただきます。 前回あまりご紹介できなかったので、今回はデザイン面で集めてます。
Webデザインにおいてお世話になった初心者向け記事
WEBデザイナーを目指して、技術などに関して色々な記事を読ませていただきました。 PCに向かっている時間が長い分、ついGoogleさんで検索でして調べてしまうことが多いです。 もちろん、紙媒体にもお世話になりっぱなしですが・・。 そこで今日はお気に入りやEvernoteにたまっている素敵な記事をご紹介させていただきたいと思います。 皆様分かりやすく解説してくださっていますし、私の場合初心者の方向けのものを読んでいるのがほとんどですのでなんとなくWEBについて知りたいけど何を検 […]
新しいサイトを作らせていただきました
皆様こんにちは、工藤です。 台風の影響で関東は雨が続いております。 出身地柄、台風と聞くとリンゴ農家さんは大丈夫だろうか・・と勝手に心配になってしまいます。 週末も雨が続いて6月らしい気候との予報ですが、ジメジメとした雰囲気に負けずなんとか乗り切りたいですね。 さて今回は新サイトの作成に携わらせていただいたので、そちらのお話をしたいと思います。
Web制作会社に入った新人が感じたこと
皆様はじめまして、こんにちは。 春より8bitにてWebデザイナー見習いとしてお仕事しております、工藤と申します。 他の方のようにためになるようなことや面白いことは一切書けませんが・・。 Webデザイナー”見習い”がWebデザイナーと胸をはって名乗れるよう、考え、作って、もがいている様をお伝えできればと思います。 どうぞ、よろしくお願い致します。
