アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集
作成：2016/08/16 Webデザイン > ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類。 エンジニア速報は Twitter の@commteで配信しています。 料金ページ 今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。 Pricing Pages グリッド参考 スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。手間がかかってます。 Grids 404ページ 404ページのみ集めてあります。背景にどんな写真を使ってある
バナーデザインの参考になるサイト9選
限られたスペースの中でターゲットに訴求しなければならない「バナー」のデザイン。「つい似たようなデザインばかり作ってしまう」「いまいち広告としての訴求力がない仕上がりになる…」など、バナー制作に悩むWebデザイナーの方もいるはず。今回は、そんなときにデザインの参考にしたいバナーまとめサイトをご紹介します。 ＜この記事に関連する記事＞ クリックしたくなるバナーを作るためのコツまとめ Webデザイナーに求められるスキルレベルは？未経験でも最低限必要なのは？ Webデザイナーは副業にできる？案件獲得の方法も解説 バナーデザインの参考になるサイト9選 Retrobanner http://retrobanner.net/ 7000種類以上（2017年3月現在）の広告バナーを集めて一覧表示しているサイト。サイズ、色、業種、テイスト（シンプル、かわいい、など）でカテゴリ分けできるので、制作するバナーのデ
WEBデザインで気をつけていること8選| 千葉で集客ホームページ制作はティーエスフォート | 千葉で集客ホームページ制作はティーエスフォート
おひさしぶりです。 WEBデザイナーの橋本です。 さて、今回は「WEBデザインで気をつけていること8選」ということで、WEBデザインをする上で気を使っているところを書きたいと思います。参考になるかどうかはわかりませんが、是非ご覧下さい。 1. フォントの選択 WEBで使う日本語は「メイリオ」か「ヒラギノ」が多いです。 しかし、どちらを優先するかというのは人によって異なります。そのため、どのパソコンで閲覧しているかを調べて閲覧者毎に振り分けるようにしています。 最近では「游ゴシック」や「游明朝」に置き換えてきていますが、「メイリオ」か「ヒラギノ」か第二候補として選ぶ必要性があります。 2. 余白は多めで 私が商業モデルとしてWEBデザインを初めて行ったのが今から5年前ですが、以前よりも余白を多くとっています。 以前は10~30px程度の余白が多かったですが、最近では40〜100pxの余白が多
[CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ
テキストやdiv要素など、高さが分からない要素を外側の容器の高さが不明でも、上下・左右・上下左右・ビューポートの上下左右の中央寄せに配置するCSSのテクニックを紹介します。 イラスト: Girls Design Materials 2016年1月12日にIEの古いバージョンのサポートが終了し、Windows 7/8はIE11、VistaはIE9がサポートブラウザになりました。Vistaはアレなので、実質IE11を考えてWeb制作をすればよいことになります。 参考: Internet Explorer サポートポリシー変更の重要なお知らせ そんなIE11時代、そして万が一のIE9を考慮した中央寄せに配置テクニックを紹介します。 テキストや要素を左右の中央寄せに配置 テキストや要素を上下の中央寄せに配置 テキストや要素を上下左右の中央寄せに配置 テキストや要素をビューポートの上下左右の中央寄せ
![[CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e06dab83915ff3fa91a0d356ebe7f551b51c01f7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016012101.png)
Webにも紙にも使える、囲み枠デザインの基本テクニック
2016年1月20日 Webデザイン テキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ 呼び方は「囲み枠」で正しいのか…謎ですが、テキストを囲んでいるボックスのことです。海外では「パネル」「テキストボックス」等と呼ばれています。 こんな時に使うと◎ 強調する時 「今なら20％オフ！」「期間限定！」等、注目して欲しい要素に利用されます。Webサイト上ではアラートメッセージでよくみかけますね。図はBootstrapのアラート要素。 要素の差別化 補足や注意書きなど、メインのコンテンツと区別して表示したい時
出勤前でも残業後でも大丈夫！ギフトにぴったりな文房具が選べる「浦和 蔦屋書店」 - 毎日、文房具。 ｜ 〜No stationery,No life.〜
※この記事は2015年現在のものです。2018年2月、文房具売り場が縮小されていることを確認しています。ご注意ください。 2015年11月25日、JR浦和駅に蔦屋書店がオープンしました。ライフスタイル提案型書店として注目を集める蔦屋書店。私も大好きな空間です。代官山、函館、湘南、梅田に続き５店舗目となる「浦和 蔦屋書店」はなんと初の駅直結店舗。改札を通ればすぐ！というエキナカの便利なお店です。 「浦和 蔦屋書店」は全体で２３８坪と蔦屋書店のなかではそれほど広い方ではないのですが、なんとそのうち文房具・雑貨の売り場は約４０坪。売り場で展開されている商品のコンセプトは「ギフト」とのことで、高級筆記具を始め男性向けには革製品やビジネスシーンで使えそうな文房具、女性向けには可愛らしい和文具やキッチン雑貨、アロマなどが揃っています。 また、ギフトといっても高価なものばかりではありません。別記事でご紹
マカロンみたいな充電器『MACARON CHARGER』が可愛すぎる♡ - isuta（イスタ） -私の“好き”にウソをつかない。-
クリスマス感満載の「カフェ」は、端から端まで超キュート…。イベント気分に浸れちゃう東京のお店を5つご紹介
[Å] 肩を温めるグッズ「あずきのチカラ」が繰り返し使えてコスパ抜群でおすすめ！
[Å] 肩を温めるグッズ「あずきのチカラ」が繰り返し使えてコスパ抜群でおすすめ！
![[Å] 肩を温めるグッズ「あずきのチカラ」が繰り返し使えてコスパ抜群でおすすめ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01707c9c2f4d5d79b6ba738fb24d3286b57a5a6/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F2015%2F11%2Fthumbnail14.jpg)
ポムポムプリンカフェ横浜店で限定メニューを制覇してきましたよ！ | 東京散歩ぽ
こんにちは！東京散歩ぽです。 原宿、梅田に続いて3号店となる「ポムポムプリンカフェ横浜店」が2015年10月28日(水）オープンしたので初日に行ってきました〜＊＾＾＊ JR「横浜駅」西口から徒歩5分、相鉄線「横浜駅」から徒歩2分。可愛すぎるエントランスのこちらが「ポムポムプリンカフェ横浜店」です。 オープン初日に行ったのですが整理券の配布は無く、最初はかなり並んでました。しかし店内が広いようで列はサクサク進み割と待たずに入れましたよ！それではさっそく中に入ってみましょう〜！＾＾ ↑お店に入ってすぐに、プリンと一緒に写真が撮れるフォトスポットがありました。横浜店なだけにマリン仕様なプリン♪ ↑店内のディスプレイもさりげなくマリンテイスト。 ↑こんなスペシャルな席もあります♪ ソファがプリン！！って可愛すぎる＾０＾ ↑椅子の形ももしっかりプリン。 ↑ところどころにプリンのぬいぐるみがちょこんと
誰にでも起こりうる…サイトをリアルタイムでミラーリングされて検索上位を奪われたお話［不正コピー、ダメ。ゼッタイ］
こんにちは！みぞれ（@xxmiz0rexx）です。 たまに見かける「記事の内容を丸ごとコピーされた！」という嘆き。 「大変だなぁ…」なんて眺めていた私ですが、今回なんと記事の文章どころか、サイトが丸ごと不正コピーされる(URL以外で判別がつかない)というとんでもない被害に遭いましたので、私が行った対処法をまとめておきます。 経緯 事の始まりは10/21。 Googleの検索結果を見ていたら、わたしの運営するフリー写真素材サイト『GIRLY DROP』のタイトルの下に見知らぬURLがついてました。 「むむ…？」と思いクリックしてみると、そこにはうちのサイトがありました。 「？？？？」 さらに、表示されている写真をクリックして詳細ページを確認してみようと思いました。 カチッ 思いっきりイケナイ大人のWEBサイトが表示されたんですがこれは( ﾟдﾟ)ﾎﾟｶｰﾝ トップページ、写真のダウンロードペ
ブログで自信をなくした - もっこもこっ
文章を書くのは私には向いていないのかもしれない。 もう少し書くと、ブログで文章を書くのは向いていないのかも･･･と思うようになったのは、私が書くブログに関してかなり手厳しいことをを言われたのが発端で、じわじわと、ボディーブローのように効いてきて、すっかり自信をなくしてしまった。ブログに関するコメント、感想はとてもありがたいことだけれど、自分でも薄々わかっているブログの欠点、弱点について誰かにズバリ言われると相当ショックを受けるものだ。言われたことをなかなか忘れられず、今も重くくすぶりつづけている。 書くのが好きで、趣味で書いていたブログだけれど、それができなくなるのは、本当につらいことだ。 以前はあんなに書けていたのに、それがどういうわけか書けなくなった。仕事が忙しくて、というのも理由としてあげられるけれど、忙しいのはずっと前から忙しくて、それでも書いていた。書きたいことがあった。書くと元
子供の写真を撮る／一眼レフとスマホ(iPhone)カメラを比較して愕然
数年前に衝動買いしたデジタル一眼レフカメラ[EOS Kiss]を持って居るにも関わらず、子供の写真を撮るときは『スマホ（iPhone）カメラ』を利用しています。 一眼レフを押入に突っ込んだまま、スマホカメラを使っている理由は３つ。 スマホだとすぐに撮れる カメラ素人が簡単に使える 画質に大差無い（と思ってた） 先日、カメラが趣味で専用ブログまで立ち上げてしまった友人が、奥さんを連れて新居に遊びに来てくれました。親族を除いて１番最初に遊びに来るのがその人だとは想像もしていなかった訳ですが、それは置いといて・・・。 今回は、一眼レフを使って撮って貰った親子写真が『あまりにキレイに撮れすぎていた』のでこれから子供の写真を撮る時は一眼レフ【も】使って見ようかな～。と言う話。 スマホカメラの強みは『今しか無い！』を活かせる事 生後二～三ヶ月の子供は基本的に『寝る・飲む・泣く』を繰り返します。 その為
[Å] 三軒茶屋「新記」旨味溢れるジュワッと水餃子 今まで食べた中でNo.1
[Å] 三軒茶屋「新記」旨味溢れるジュワッと水餃子 今まで食べた中でNo.1
![[Å] 三軒茶屋「新記」旨味溢れるジュワッと水餃子 今まで食べた中でNo.1](https://cdn-ak-scissors.b.st-hatena.com/image/square/11afe445ab77b407e3898984be64ca75c26188e1/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F2015%2F08%2FslproImg_201508182244320.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、紙・キャンバス・布・水彩・電子基板など高解像度で高品質なテクスチャ素材のまとめ
nochineta.net - このウェブサイトは販売用です！ - nochineta リソースおよび情報
愛され♡「メリハリ」ウェブデザインを作る！注目を集めたいときのデザインテクニック | バニデザノート
Loading...
[Å] 東京土産 食べて笑みのこぼれる和菓子ランキング TOP5！![[Å] 東京土産 食べて笑みのこぼれる和菓子ランキング TOP5！](https://cdn-ak-scissors.b.st-hatena.com/image/square/71cc5c366f80aec59735f2ba66f7dc79035b2901/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F2015%2F09%2Ffe0849458353c5870162b49a9eadeaa8.jpg)
http://pancakeholic.com/merengue/
ko2ko2.net
