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

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

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

#37 html

WEB制作

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

公開日:
最終更新日:

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

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

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

html カテゴリ 記事一覧

WEBフォント設定

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

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

スクロール監視

スクロール監視の新定番 intersecton observer API

スクロールに応じて何を変更させたりするときに便利なintersecton Observer APIの解説記事です。

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制作 カテゴリ一覧

jquery

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

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

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

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

WEBフォント設定
1位

WEBフォント設定

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

机上台
2位

机上台

机上台という机の上に設置し、モニターを置きデッドスペースになるモニターの下に空間を生み出す悪魔的発想の商品を使ってみました。

ランダム表示バナー
3位

ランダム表示バナー

PHPでランダム表示させるバナープログラムです。 バナーと言っていますが、別にバナーじゃなくてもランダムで表示できます。

ノートPCスタンド
4位

ノートPCスタンド

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

CZUR
5位

CZUR

面倒な領収書のスキャニングが超簡単に完了できるLens Proのレビューです。 テクノロジーの進化を体感してびっくりしました。

CLS対策上級編
6位

CLS対策上級編

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

ここひえ
7位

ここひえ

ショップジャパンのパーソナルクーラー「ここひえ」を購入して使った感想と気づいたこと。 風を正面に受けると涼しいです

PHPの覚え方
8位

PHPの覚え方

PHPって人が思っているほど難しくなく、便利でいろいろな面白いものを作れるプログラミング言語です。

ミトラ
9位

ミトラ

肩こりは普段の姿勢と肩甲骨の稼働範囲の狭さが原因なので、肩甲骨のストレッチと正しい睡眠姿勢は大事だなと感じました。

ツタヤディスカス
10位

ツタヤディスカス

1ヵ月無料でお試しできる定額レンタル宅配CD・DVDサービスのツタヤディスカスを1ヵ月間以上利用してみました。

カテゴリ一覧

オススメ商品レビュー

オススメ商品レビュー

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

WEB制作

WEB制作

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

カメラ

カメラ

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

美味しいもの

美味しいもの

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

Amazonプライム動画

Amazonプライム動画

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

旅LOG

旅LOG

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

プロフィール

プロフィール

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

日記

日記

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

thanks

thanks

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