HTMLとCSSで役に立ちそうなものを紹介していきます

HTMLとCSSで役に立ちそうなものを紹介していきます

HTMLとCSSで役に立ちそうなものを紹介していきます

#37 html

WEB制作

HTMLとCSSのちょっとした小技や覚えておくといつか役に立つかもしれないという、コーディング方法やメソッド、プロパティなどを紹介します。 網羅的なものではなくて、ピンポイントでこれよかったなぁというやつを紹介します。

公開日:
最終更新日:

サイトマップサイトマップ

WEB制作のなかでHTML、CSSのお役立ち情報を掲載

HTMLとCSSを使ったWEB表示の簡単な小技や、フロントエンドに役立つ情報を掲載しています。

html カテゴリ 記事一覧

SVG背景

CSSとSVGを使った三角形背景の作り方

SVG背景を覚えたらborderで背景画像を作るのが馬鹿らしくなります。 それくらい簡単で汎用性の高い方法です。

WEBフォント設定

WEBフォント使用時の最適な設定を考える

私のサイトではNotoSansJPのWEBフォントを使用しています。 可能な限り速度とCLSを考慮して使っております。

tableデザイン

tableで作る表をシンプルでキレイに作るHTMLとCSS

tableで表を作るときに気を付けたいのが、どこまでシンプルでわかりやすく作れるかという点ではないかと個人的には思ってます

CLS対策上級編

CLS対策上級編 CSSのインライン化とAdcence遅延読み込み

CSSのインライン化とGoogle Adcence遅延読み込みでGoogleのスコアを大幅に改善しCLSもほぼ0にしました

CLS対策初級編

CLS改善をしてPageSpeed Insightsを大幅改善

CLS(Cumulative Layout Shift)を改善する方法とCLSを確認する方法などをまとめました。

アイキャッチの作り方

参考にならない適当につくるアイキャッチの作り方!

ブログのアイキャッチをどうやって作っているかの解説であって、効果があがるとかクリック率が高いとかそういうのじゃないです。

marginとpadding

CSSのmarginとpaddingの違いについて

CSSのmarginとpaddingの違いについて解説しました。 余白をつくるプロパティの使いわけおを考える。

CSSで作る横スライド

1行のCSSで作る横スライドの作り方

CSSのoverflow-x: scrollを使った横スライドの簡単な作り方と事例紹介です。 簡単便利はいいことだ。

WEB制作 カテゴリ一覧

javascript

jqueryを使っていろいろやってみる

2019年になったら脱Jqueryの流れが強くなってきましたね。セレクタの指定などはJqueryが楽なんですが。

PHP

PHPプログラミング啓発コンテンツ

HTMLを覚えたらCSS、CSSを覚えたらJavascript、その次にあるのがPHPじゃないかと思ってます。

レンタルサーバー

WEBのレンタルサーバー(ほぼロリポップ)に関する記事一覧

レンタルサーバーを借りることでWEBの世界への第一歩を踏み出しますよね。いろいろなサーバーがありますが私はロリポップを使ってます。

html

HTMLとCSSで役に立ちそうなものを紹介していきます

HTMLとCSSで役に立つものや効果があったものを中心に紹介していきます。 トレンドがあるからすぐに使えなくなるかもですが。

WEBマーケティング

WEBマーケティングに役立つ情報

WEBマーケティング

SEO

SEOに役立つHTMLや構造化のまとめページ

SEOに強いHTML構造や論理構造にそったコーディングの方法、タグの使い方などを説明します。PVをガンガン増やそう!

サイト収益化

サイトの収益最大化大作戦

WEBサイトの収益を最大化することを目的に、思いついたことや改善点、なにをすれば良いかを考えて実験していきます。

school

school

school

HTMLのタグとタイピングゲームが学べるゲーム

HTMLのタグが出題されるタイピングゲームを作りました。
PC専用になりますが、良かったら遊んでください!

SNSでこの記事をシェアできます

ブログ デイリーアクセスランキング

SVG背景
1位

SVG背景

SVG背景を覚えたらborderで背景画像を作るのが馬鹿らしくなります。 それくらい簡単で汎用性の高い方法です。

カー用品
2位

カー用品

スマホをカーナビとして使うと熱さで充電ができなくなるので、熱対策と1年間使って外れることがなかったスマホホルダーの紹介。

カレンダー
3位

カレンダー

forとifとforeachがメインのPHPによるカレンダーの作り方です。 祝日設定がちょっとめんどくさいんですよね。

ノートPCスタンド
4位

ノートPCスタンド

ノートパソコンを横にしまうと結構な専有面積があるのですが、立てて収納できればわずか数cmで使えるので本当に快適です!

MusicBeeのレイアウト変更方法
5位

MusicBeeのレイアウト変更方法

MusicBee 3.1のレイアウトをデフォルトの状態から、自分好みのレイアウト設定に変更する方法を写真付きで紹介しています。

ロジクール マウス
6位

ロジクール マウス

PCを操作するのに必要なマウス。高級品でも安いマウスでも操作をするという点においては大差はありません。違いがあるのは操作に対する満足感。

AM-AX1800HP
7位

AM-AX1800HP

Wifi6は今後スタンダードになるので先行投資で導入しましたが、速度改善の効果が皆無でちょっとしょんぼりです。

ツタヤディスカス
8位

ツタヤディスカス

定額レンタル宅配CD・DVDサービスのツタヤディスカスを利用してみました。 1ヵ月で20枚レンタルしました!1枚93円!

c920n
9位

c920n

ロジクールの評判の良かったWEBカメラ「c920n」を購入し、ノートPCとデスクトップの両方で使えるようにしました!

MusiceBee
10位

MusiceBee

PCで音楽の再生と管理をするならiTunseよりもMusicBeeがオススメです。軽くて早くて便利で使いやすい。

カテゴリ一覧

オススメ商品レビュー

オススメ商品レビュー

世の中にある比較サイトや、いかがでしたか系サイトが嫌いなんです。使ってないのにえらそうなこと言うなと。なので体験談です。

WEB制作

WEB制作

WEBサイトを作れますと一言に言っても色々な技術があるわけですよ。アウトプットの形は一緒でもいろいろこだわりがあるんです。

カメラ

カメラ

2018年4月に購入したソニーのミラーレス一眼「α7Ⅲ」に関連する記事一覧ページです。 作例集やカメラグッズレビューなど。

美味しいもの

美味しいもの

食に関してはあまりこだわりがないんですけどね、こだわりがない分美味しいと思ったものは本当においしいと思ったものなんですよ

Amazonプライム動画

Amazonプライム動画

Amazonプライム会員なら無料で利用できるAmazonプライム動画から、いろいろな動画をみたレビュー記事のまとめページ

旅LOG

旅LOG

家族旅行やおでかけした際の旅ブログです。夏休みの家族旅行(4人家族)で訪れた観光名所の感想などを記しています。

プロフィール

プロフィール

Start-Point.netの管理人のプロフィール紹介を兼ねた、自分の中のルールや決め事やエピソードなでお書いていきます

日記

日記

日記と言っても色々な日記があるわけで、記録的な日記や心理描写を色濃く描いた日記などをまとめたページです。

thanks

thanks

自分を表現することって意外と難しいんですよね。照れがあったり、間違ったこといってないかとよくわからない何かと戦ったりして。