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

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

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

PHP

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

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

レンタルサーバー

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

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

html

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

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

WEBマーケティング

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

フリーランスになる前は、広告費が潤沢に用意されたECのインハウスのデザイナー兼コーダ兼デジタルマーケッターをやっていました。

SEO

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

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

サイト収益化

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

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

プログラミングスクール

オンライン・オフラインを問わないプログラミングスクールの紹介

プログラミングは初歩で躓く人が多いと思うので、最初の一歩は人に教えてもらうのがプログラミング習得の近道だと思います。

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

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

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

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

PHPで作るカレンダー
1位

PHPで作るカレンダー

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

ノートPCスタンド
2位

ノートPCスタンド

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

α7Ⅲで夜景
3位

α7Ⅲで夜景

去年はPENTAX Q7で撮影してきた東京タワーと浅草に今年も夜桜撮影に行ってきました。買ったばかりのソニー α7Ⅲを片手に。

車用スマホホルダー
4位

車用スマホホルダー

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

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

MusicBeeのレイアウト変更方法

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

jquery-match-height.js
6位

jquery-match-height.js

簡単に要素の高さを揃える「jquery-match-height.js実際の使用例をわかりやすく画像付きで解説しています。

自転車に取り付けるドリンクホルダー
7位

自転車に取り付けるドリンクホルダー

自転車でコンビニのホットコーヒーをこぼさずに持ち帰るためにドリンクホルダーを購入したので、写真を交えてレビューします!

SEL50F18F
8位

SEL50F18F

ソニーの単焦点レンズSEL50F18Fを愛用しています。コスパに優れた単焦点レンズで、F値の開放が1.8と明るく撮れるレンズです。

α7Ⅲ 夜桜撮影
9位

α7Ⅲ 夜桜撮影

α7Ⅲを片手に東京の夜桜スポットに行ってきました。中目黒と千鳥ヶ淵の夜桜を紹介しながらα7Ⅲのレビューです。

Kazakiri 1枚刃のカミソリ
10位

Kazakiri 1枚刃のカミソリ

カミソリの替刃の価格が高すぎるので1枚当たり11円で使える片刃のカミソリを購入しました! 切れ味抜群でヒゲソリが楽しい!

カテゴリ一覧

オススメ商品レビュー

オススメ商品レビュー

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

WEB制作

WEB制作

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

カメラ

カメラ

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

美味しいもの

美味しいもの

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

Amazonプライム動画

Amazonプライム動画

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

旅LOG

旅LOG

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

プロフィール

プロフィール

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

日記

日記

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

thanks

thanks

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