-
Code
画像圧縮ツール「ImageOptim」の使い方【無料】
サイトに使う画像は「圧縮したほうが良い」と言われますが、どんなツールを使えばよいか分からないですよね。 今回はこんな悩みに答えていきます。 タイトルにも書いていますが、「ImageOptim」をおすすめします。Web制作 […] -
Code
【コーディング解説】カード型UIのコーディング
完成形のイメージ 上記の3カラムのカードのコーディングを解説します。 カード型UIのコーディングに困っている人 カードタイプのモジュールのコーディングって面倒。 文字数変わったり、要素数変わると表示崩れちゃうし。 画像の […] -
Code
.containerを超えるコーディング
コンテナ幅を超える画像の配置方法です。 1行のCSSで可能です。いちど親要素のcontainerから出してコーディングすることもできますが、面倒なのでCSSを1行追加して実装します。 CSS これだけです。 要素の幅(1 […] -
Code
現在地からのルート(経路)付きのGoogleMapをHTMLに埋め込む
経路付きのGoogleMapを埋め込むテンプレート 雛形のURL 移動手段の指定 解説 Web制作をしていると、GoogleマップをHTMLに埋め込むことはよくあります。マップの埋め込みは難しくないのですが、「目的地まで […] -
Code
番号付きリストの作り方
まえに箇条書きのリストを作成したので、今回は番号付きのリストです。 改行時にインデントを揃えつつ、自動で番号を割り振ってくれるリストです。こちらは少し複雑です。コピペでサクサクいきましょう。 num-list HTML […] -
Code
箇条書きの作り方
改行したとき、インデントされないと気持ちわるいですよね。きれいにインデントされていると、見やすいです。 ・こういう箇条書きは改行された時に、見にくいですね。 コピペして使い回せる箇条書きのセットです 改行してもきれいにイ […] -
Code
無印良品| MUJI カレンダー 【PDF無料ダウンロード】
PDF or zipファイルでカレンダーをダウンロード 2023年と2024年のカレンダーはPDF、zipでダウンロードできるように用意しました。他の年のカレンダーがほしい方はページ下部にスプレッドシートの共有リンクを貼 […]