dorami429のブックマーク - はてなブックマーク

【無料】現場で使えるアイコン・イラスト配布サイト8選 | BUILD Journal

【無料】現場で使えるアイコン・イラスト配布サイト8選Update2023.05.15Release2023.05.15Material HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録するアイコンやイラストの素材はいくらあっても足りないもの。特にWebサイトで利用する場合、サイト全体で一貫したテイストで表現したいため、大手の素材サイトでは難しいこともしばしば。そこで今回はサイト内で一貫したテイストであり、無料でアイコンやイラストを配布しているサイトを8つ紹介します。素材で困ったらまずはこちらを見てみてください。 ※本記事投稿時は個人・商用共に無料で利用可能ですが、利用規約が変わっている場合がございます。ご利用の前にライセンスを必ず確認してください。ガジェットストック｜スマホ・パソコンなどの無料イラスト・フリー素材サイトガジェットストック

dorami429 2021/10/14

デザイン

リンク

現場で使えるFlexboxレイアウト12選 | BUILD Journal

現場で使えるFlexboxレイアウト12選Update2023.05.12Release2021.06.24Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する現場で使えるFlexboxレイアウトを12パターン紹介します。flexboxを紹介する記事はたくさんありますが、知識のみで実例付きで紹介されているページはあまり見かけなかったので、本記事にて詳しく紹介していきます。 flexboxに慣れていない方だけではなくコードを短縮化させたい方も対象の内容となっております。ぜひご一読ください。 flexboxを使った横並び1行レイアウトflexboxを使った横並び1行レイアウトカードUIでよくある横並び1行レイアウトのFlexbox実装。同じ横幅のカードを等間隔で配置するもので、間の余白ももちろん等間隔。これを使う機会は多いので確実

dorami429 2021/09/05

リンク

CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD Journal

Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。背景色と矢印のボタン HTML<div class="button01"> <a href="">ボタンデザイン</a> </div> CSS.button01 a { display: flex; justify-content: space-between; align-it ems: center; margin: 0 auto; padding: 1em 2em; width: 300px; color: #333; font-size: 18px; font-weight: 700; bac