はてなブックマーク

「CSSで縦並びリストを折り返す方法を知りたい」 「リストのアイテムが増減しても対応できるようにする方法はないの？」 こんな悩みにお答えします｡ CSSで縦並びリストを折り返すには「column-count」「display:flex;」を使う方法があります｡ CSSだけで増減に対応するのは難しく､JavaScript(jQuery)を使う必要があります｡ 私は､2015年からWeb制作の仕事をはじめて､170件ほどのWebサイトを制作してきました｡ その間､いろいろな失敗を繰り返し､クライアントからのフィードバックや本などで勉強することにより､多くのノウハウを得ることができました｡ この記事では以下のことがわかります｡

こんな悩みにお答えします｡ 初心者の「WordPressでjQueryがうまく動かない」という人の原因はこれが多いです｡ 一般的なjQueryでは「 $ 」と書くものを､WordPressでは「 jQuery 」と書きます｡ // 一般的なjQueryの使い方 $(function(){ // ここに処理を書いていきます｡ }); // WordPressのときのjQueryの使い方 jQuery(function(){ // ここに処理を書いていきます｡ }); この記事では､以下のことがわかります｡

要するに､ファイルサイズが小さくなるので読み込み速度が速くなり､レスポンシブでぼやけないようにするために､大きすぎる画像にしたり､いくつもサイズ違いの画像をいくつも用意する必要がありません｡ ただ､「CSSで編集ができる」のは､HTMLに直接､SVGを書き込んだときで､imgタグのsrcで読み込んだときはCSSで編集はできません｡ だからといって､HTMLに直接SVGを書き込むとHTMLソースが読みにくくなるというデメリットがでてきます｡ これを解決するために､JavaScriptライブラリ「deSVG」を使って､imgタグのSVGファイルをインラインSVGに変換する処理をいます｡ POINT SVGを編集するにはインラインSVGにする必要がある

2020.07.18 2020.12.05 IEでも使いたい！polyfillを使えばIE11でも使える便利CSS 4選 + 1 CSS JavaScript