【CSS】異なるサイズの画像をサイズを揃えてキレイに配置する方法

CMSを使用した記事の一覧ページでサムネイル画像とタイトル等を並べて表示させることがあります。 複数人で記事を更新する場合など、ユーザーによってはトリミングする環境がなくスマホで撮った画像をそのままサムネイルに指定したり、サイズが異なる画像が配置され、レイアウトが崩れてしまうことが…

WEBサイトレビュー#01

FVは海外よりの雰囲気を出している。 Slickを使ってスライダー形式にしており、それぞれの写真も少しトーンを落として加工してある印象。 → 若い層というより大人の層を狙って落ち着いた雰囲気を演出するため(?) 文字も真っ白(#ffffff)ではないく、若干ベージュ寄り(#EBEBE1)の色を使っている。 →…

【日刊Web業界マガジン】「Photoshopの新作ブラシがAdobe公式から無料DL可」「Amazonが…

この記事は、Web業界攻略メディア【beginavi】で配信された「日刊Web業界マガジン(2021年6月22日号)」のピックアップです。 「日刊Web業界マガジン(2021年6月22日号)」のすべての情報を見る ▶ https://www.beginavi.com/column/dailymagazine/210622054636/ +…

【日刊Web業界マガジン】「デザインを真剣に学びたい人にオススメ!プロのデザイナーが…

この記事は、Web業界攻略メディア【beginavi】で配信された「日刊Web業界マガジン(2021年6月21日号)」のピックアップです。 「日刊Web業界マガジン(2021年6月21日号)」のすべての情報を見る ▶ https://www.beginavi.com/column/dailymagazine/210621062533/ +…

プログラミング勉強日記#13日目

・今日のスケジュール@〜9:30 帰宅 @〜10:00 入浴、食事、片付け @〜12:00 notionの使い方ググる @〜13:00 東京フリーランス動画視聴、就寝 @〜16:00 子供お迎え @〜19:00 実家帰省 @〜22:00 就寝 ・今日学んだこと1.notionでテンプレート作成 2.覚えたコードや調べた内容をnotionに残していく …

【CSS】Googleフォントをローカル設置で使う

ある案件で、Googleフォントの「Noto Sans JP」をCDNで読み込んだら結構通信が重かったので、ローカルに置いて読み込むことにしました。 手順1.フォントのダウンロード 2.フォントファイルをローカルに設置 3.CSS:font-face設定 4.CSS:font-familyで指定 1.フォントのダウンロード 各フォン…

【日刊Web業界マガジン】「Webサイトのデザイン仕様書・指示書の作り方」「在宅勤務中の…

この記事は、Web業界攻略メディア【beginavi】で配信された「日刊Web業界マガジン(2021年6月18日号)」のピックアップです。 「日刊Web業界マガジン(2021年6月18日号)」のすべての情報を見る ▶ https://www.beginavi.com/column/dailymagazine/210618062603/ +…

【日刊Web業界マガジン】「 20万円分の<かわいい&かっこいい>英語フォントが限定セー…

この記事は、Web業界攻略メディア【beginavi】で配信された「日刊Web業界マガジン(2021年6月17日号)」のピックアップです。 「日刊Web業界マガジン(2021年6月17日号)」のすべての情報を見る ▶ https://www.beginavi.com/column/dailymagazine/210617060803/ +…

【Strategy】過度なSEOを勧めない理由

みなさま、こんにちは^ ^ 今日はかるてぽすと社が過度なSEOを勧めない理由をご紹介します。 WEBサイトを作ると 誰もがSEO(検索エンジン対策)について考えますよね^ ^ でも、かるてぽすとではお客様に対して あまりSEOのウェイトに重きを置くことをオススメしておりません。 理由は3つあります。 順…

無職が学習計画を立てて実行するための準備計画ログ02

2021/06/13-16 先週の進捗報告 前回のnoteでは、学習計画を立てて実行するための準備計画として”起床時と就寝前の最低限こなすこと”の計画を立て実行するということだった。 結果、先週の平日はこの計画に沿って行動することができた。 とりあえず計画の変更する必要は無いと感じたので、今後もこ…