初心者向けWebデザインのハウツーサイトを目指してます。HTML/CSS、Photoshopの使い方など、わかりやすいサイトを作れるように勉強中です。
はじめまして。ブログ村に登録してみました。よろしくお願いいたします。
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さんをフォローしませんか?