タグ

2016年9月7日のブックマーク (4件)

  • CSS スタイルシート制作を楽にする!知っておきたい便利ツール25選まとめ

    海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ

    CSS スタイルシート制作を楽にする!知っておきたい便利ツール25選まとめ
  • 最新トレンドにも対応!コピペで使える実用性重視なCSSボタン9選

    Web制作をする際に必ずと言っていいほど必要になるのが「ボタン」です。 今はCSSのみで作られているボタンが主流で、たくさんのライブラリやスニペットが出回っていますが、作っているサイトによってはアニメーションが過剰すぎたり、トーンが合わない場合も出てきます。 そこで今回は派手でかっこいいアニメーションというより、実用性や汎用性を重視したボタンに厳選して、コピペでお手軽に使用することができるCSSのボタンをいくつかご紹介します。少しお洒落にスタイリング・アニメーションしたいけど、そこそこでいい…と思っている方向けの厳選セレクションです。 コピペですぐ使える実用性の高いCSSボタン サイト上でカスタマイズするものより、もう少し高度なデザインをお求めの方は以下のサイトをご参考下さい。こちらは既に出来上がっているデザインのソースをダウンロードするタイプになりますので、カスタマイズには少々スキルが必

    最新トレンドにも対応!コピペで使える実用性重視なCSSボタン9選
  • 時間を「スローダウン」させる額縁が、大人たちに思い出させてくれるもの

  • ストックしておいて損はなし!バナーデザインの参考にしたいサイトまとめ

    バナーデザインの難しさは、単純に綺麗なバナーをデザインすればいいわけではないところにあります。ユーザーが興味を持ち、クリックしてこそバナーの存在意義があるからです。そんな奥深いバナーデザインの参考になるサイトをまとめました。 デザインの参考にしたり、被っていないかを調べたりするためにご活用ください。 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 テイスト別に検索できるサイト バナーまとめサイトの多くが、色・サイズ・業種といったカテゴリで検索することができますが、テイスト別でも検索できるサイトを最初にご紹介します。 Banner Matome Ban

    ストックしておいて損はなし!バナーデザインの参考にしたいサイトまとめ