タグ

ブックマーク / blog.codecamp.jp (3)

  • CSSだけで吹き出しをつくる!デザインサンプル26個

    更新日: 2022年9月9日公開日: 2017年8月29日CSSだけで吹き出しをつくる!デザインサンプル26個 CSSだけでつくれる「吹き出し」のデザインサンプルを26個、用意しました! どのサンプルもコピペで利用することができますので、デザインの参考にぜひ取り入れてみてください。 コピペでOK!CSSだけで吹き出しをつくる! HTMLCSSだけで作れる吹き出し のサンプルをご紹介します! サンプルのコードをコピー&ペーストするだけで使える吹き出しを20個以上! シンプルなものから、枠線、丸、影付きなど様々なバージョンをご用意しました。 これから紹介する全ての吹き出しは レスポンシブに対応 しています! 普通の吹き出し まず、一番シンプルな吹き出しのサンプルです。 balloonクラスのdivを吹き出し体とし、balloonの before疑似要素 で三角のアイコンを表現します。 ba

    CSSだけで吹き出しをつくる!デザインサンプル26個
  • プロ御用達!WEBデザインに役立つデザインツール13選

    更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達!WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか? 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ! WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / MacWindows 価格 / 無料 ~ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に

    プロ御用達!WEBデザインに役立つデザインツール13選
  • ここが最前線!2015年WEBデザイントレンド13選

    更新日: 2017年5月22日公開日: 2015年6月4日ここが最前線!2015年WEBデザイントレンド13選 時代ごとに web デザインは変化し、いつの時代もユーザーの視線と心を釘づけにできるよう創意工夫されています。 また例え難しいデザインのテクニックが無くても、その時々のトレンドをうまく取り入れるだけで、斬新なサイトにも見えます。今流行りの web デザインを 事例を含めてご紹介します。 はじめに - 2015年 web デザイントレンドの背景ファーストビューよりスクロールを重視するデザインに Photo: cewdseo.com 今やフェイスブックやツイッター、LINE などの SNS は、私たちの生活に無くてはならない存在となりつつあります。日人の5人に1人が Facebook ユーザーで、世界でもおおよそ5人に1人が Facebook を使っています。 またスマホ普及率は国

    ここが最前線!2015年WEBデザイントレンド13選
  • 1