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でこの記事をシェアできます

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

洗顔せっけんどろあわわ
1位

洗顔せっけんどろあわわ

長らくずっと使い続けている洗顔せっけんどろあわわを紹介します。 クリームみたいな泡で洗える美容成分の詰まった洗顔せっけん

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

MusicBeeのレイアウト変更方法

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

車用スマホホルダー
3位

車用スマホホルダー

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

AM-AX1800HP
4位

AM-AX1800HP

Wifi6対応&メッシュ接続ができるWifi無線LANです。メッシュ接続で部屋をまたいでも接続先が変わらず快適になりました!

bookblock
5位

bookblock

本をめくるようなモーションを実現するbookblock.jsを改造してレスポンシブ対応にしてみました。

オープンイヤー型イヤホン GoFree2
6位

オープンイヤー型イヤホン GoFree2

初めて使ったSOUNDEPEATSのオープンイヤー型イヤホン「GoFree2」は想像していたよりずっと快適でした。

音楽再生
7位

音楽再生

パソコンに取り込んだ音楽をせっかくならCDコンポから再生したいと思ったことありませんか?AUXを使った外部接続の方法の紹介です。

indexOf
8位

indexOf

indexOfを使ってindex番号を取得する方法の解説記事を書いていたら、indexOfを使わなくても取得できました。

ノートPCスタンド
9位

ノートPCスタンド

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

HIHO FINE BUBBLE+
10位

HIHO FINE BUBBLE+

暖かいミストで洗顔するとすごく気持ちいいシャワー。 節水効果も高く非常に満足度の高いシャワーヘッドになっています。

カテゴリ一覧

オススメ商品レビュー

オススメ商品レビュー

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

WEB制作

WEB制作

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

カメラ

カメラ

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

美味しいもの

美味しいもの

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

Amazonプライム動画

Amazonプライム動画

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

旅LOG

旅LOG

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

プロフィール

プロフィール

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

日記

日記

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

thanks

thanks

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