初心者向けWebデザインのハウツーサイトを目指してます。HTML/CSS、Photoshopの使い方など、わかりやすいサイトを作れるように勉強中です。
はじめまして。ブログ村に登録してみました。よろしくお願いいたします。
画像は figure 要素で囲え！figure 要素を使えばちょっと賢くなった気になれる件【初心者向け】
画像を囲う figure 要素についてまとめました。 figure 要素は写真や図、グラフなど、意味のある構造として表現する図を適切にマークアップするのに最適です。
head 要素には、ドキュメントのメタデータを記述します。SEO や UI/UX、シェアリングにおいて重要な設定なので丁寧な記述を心がけましょう！
メタという言葉のニュアンスを調べてみたら、哲学的な話で、意識が次元を超えそうになった件。
「メタ発言」や「メタデータ」などいろいろなメタがありますが、いずれの“メタ”も「別次元から物事を見る」という本質は同じ。「神さまの視点」に近いものだと言えます。
いつもコピペだった「メタタグ」とちゃんと向き合ってまとめてみた。【初心者向け】
meta 要素は、Web ページの概要や特性を伝えるための情報、「メタデータ」を設定することができる要素です。title / base / link / style / script 要素では表現できない部分を担当します。
Photoshop の生成 AI 「AI フォトエディター」で遊んでみた。
Photoshop の生成 AI「AI フォト エディター」を使って、テキストだけで、ゼロからの画像生成を体験してみました！
link 要素を何気なく使っていたので、ちゃんと向き合ってみた。
link 要素って、rel 属性を入れればいいの？href 属性？type 属性って入れるんだっけ？media 属性は？コピペをずっと使いまわして、何となく使ってませんか？今こそ、link 要素と向き合い正しい知識で使えるようになりましょう！
HTML でとても大切な要素の1つ、 title 要素！どんな役割があるのか、どんなルールなのか、などなど初心に帰ってまとめてみました。
HTML コーディングするときに、あたりまえのように使う body 要素について、初心に帰ってまとめてみました。 body 要素のルール body 要素のルールはシンプルです。『1つの HTML ドキュメント（HTML ファイル）に1つだけ
img 要素は、src 属性と alt 属性をつけて記述します。基本形はの3点セットで覚えておきましょう。サイズは、CSS で指定するのが個人的にはオススメ！
「絶対パス」、「ルートパス」、「相対パス」の記述方法をよく混乱して、間違えるのでまとめました。特に相対パスは図を用いて解説しています。
Photoshop で Web 用画像の書き出し方2種類をまとめてみた！
「Adobe Photoshop」で Web ページ用に画像を作成したら“書き出し”をします。その方法を初心に帰ってまとめてみました。 この記事でわかること「Web 用に保存（従来）」での画像の書き出し方法「書き出し形式」と「アートボード」
Web ページのテキストの折り返し（ワードラップ）をコントロールするには柔軟に使えるoverflow-wrap: anywhare;の使用をオススメします。
広告少なめでシンプルで使いやすかったブログを見るアプリ「ブログみる」【レビュー】
ブログを見るアプリ「ブログみる」は、インターフェースがシンプルで広告も控えめ！とても使いやすいです。スマホでブログを見るのにとてもオススメです！
CSSだけで背景を固定するパララックス風スタイル【iPhone 対応】
Web ページで背景画像を固定するデザインを作りたいですか？ See the Pen parallax by MATSUDAI (@matsudai) on CodePen. ↑こんな感じ！イケてる感ありますよね！ この記事でわかることiO
HTMLの「dl 要素」、「dt 要素」、「dd 要素」のそれぞれの基本的な使い方や用語や意味についてまとめてみました。
実質1円という売り文句の iPhone 15 を契約してみた。【レビュー】
SoftBankの実質24円のiPhone15を契約してきましたので、ブログやSNS用途を含めた普段使いという視点でレビューをまとめました。写真のクオリティや契約のコストをまとめましたので参考になれば幸いです。
スマホの写真をパソコンに取り込むのに“めんどくさくない”方法として「iCloud」と「Google ドライブ」のオススメなポイントを紹介します。
【Web デザイン】ブログ記事の行間はどれくらいがいいの？【二分四分】
ブログをせっせと書きなぐり『よしできたぞ！』と読み返してみたら、なんだか読みづらいさにガッカリなんてことは日常茶飯事。（内容はさておき……。）そんな感じで読みやすさってなんだろうと考えてみたら、「行間」ということばがおぼろげながら頭に浮かん…
ブログ記事の「見出し」のデザインって、ブログの見やすさに直結する大切な要素だと思いませんか？大きい文字にしたり、下線を引いたり、帯を引いたり、一風変わったデザインでブログのイメージを引き立てたり。今回はそんな「見出し」のデザインについてまと…
span 要素のこと、ちゃんと理解して使えてますか？！私は、span 要素があまり好きではありませんでした。なぜなら、どうしようもなくなったときに苦し紛れで召喚する最後の手段みたいなイメージがあったからです。あと語呂があまり好きじゃないです…
2024年10月11日、まだ少しだけ暑いですね。最近、ブログで写真をよく使うので、せっかくなので、秋を探しに家の周りを探索してきました。この記事を読んで、秋のデザインのヒントになれば幸いです。さて、ちかごろ雨の日が続いていましたが、今日は陽…
「ブログリーダー」を活用して、MATSUDAIさんをフォローしませんか？
