タグ

2020年6月29日のブックマーク (3件)

  • Twitter 人気のつぶやき 6/20〜6/26 2020

    2020年6月27日 Twitter 人気のつぶやき WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. CSS:background-repeatプロパティー、repeatなら画像が切れてしまいますが、roundなら画像が切れないようサイズを変えて、spaceなら画像のサイズは同じまま、見切れないよう余白を調整して繰り返し表示しますよ! CSS:background-repeatプロパティー、repeatなら画像が切れてしまいますが、roundなら画像が切れないようサイズを変えて、spaceなら画像のサイズは同じまま、見切れないよう余白を調

    Twitter 人気のつぶやき 6/20〜6/26 2020
  • WebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せる・「Webdesign Toolbox」

    Webdesign ToolboxはWebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せるキュレーションサイトです。 フォーラムや各デザインツール、開発ツール、メディアストック、タイポグラフィ、ワークフローやUXなどのカテゴリに大きく分けられ、それぞれ更に目的に合わせた小カテゴリが用意されています。 それぞれの子カテゴリに該当するアプリケーションがまとめられており、総数1000に近いツールが紹介されていますので、Webサイトやアプリのデザインや開発、PMなどプロジェクトに関わる様々な業種の方に役立つツールを探せるようになっています。 作業が行き詰まったり非効率さを感じるなど、プロジェクトを進めるうえで何かストレスを感じた時に見てみると良いかもしれませんね。 Webdesign Toolbox

    WebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せる・「Webdesign Toolbox」
  • VSCodeでEmmetを展開した時に閉じタグの後ろにID・クラス名のコメントを自動挿入する方法

    私はHTMLを書く時、どの開始タグと対になっているかをわかりやすくするために、閉じタグにクラス名をコメントで付けています。 例えば、こんな感じですね↓ <div class="container"> <div class="content"> <p>文章文章文章</p> </div><!-- /.content --> </div><!-- /.container --> これくらいの行数だったらコメントがなくてもわかりますが、行数が長くなるとどの開始タグの閉じタグなのか、わかりにくくなってしまいます。 他の人が見てもなるべくわかりやすくするためにコメントを付けているのですが、今までは手動で追記していました。クラス名をコピーして閉じタグの後ろにペーストしコメントアウトする、手動でやると地味に面倒なんですよね。 ちょっと調べてみたら、VSCodeでは自動化できるではありませんか!設定方法がO

    VSCodeでEmmetを展開した時に閉じタグの後ろにID・クラス名のコメントを自動挿入する方法