WEBサイト制作

サイト制作する上で必要になってくるHTML/CSSやSEOに関する投稿や、レンタルサーバーの情報などを大雑把にまとめているカテゴリーです。

カテゴリーをしぼって読みたい方は以下からおすすみください。

HTML/CSS

slickスライドをドットの代わりにサムネイル連動にする

slick sample まれに質問があるので、スライダー系JQuery「slick」をサムネイルスライダーと連動させる方法について書いておきます。 ...
HTML/CSS

schemaに関する備忘録

随時追加 itemtype="〜WebPage"をより具体的に指定する場合。 以下の値を使用できる。 ItemPageContact...
HTML/CSS

cssで作るイメージギャラリー

htmlとcssしか自由に編集できない環境でLightBox風のイメージギャラリーを作りたい。となったとき、これまでは :target疑似クラスを使用していた...
HTML/CSS

iPhoneでaタグが動作しない不具合が予想外の方法で直った話

何かと独特な不具合が出がちなiOS。 今回、サイト製作中に起きたのが、「ナビゲーションメニューのリンクが全く反応しない(ただしiPhoneに限る)」とい...
レンタルサーバー

ConoHa Wingで2つのドメインが永久無料

ConoHa Wing、Wingパックで独自ドメインが2つ無料 "国内最速"を謳うレンタルサーバー、の長期契約プランWingパック。 Wing...
SEO・集客

java scriptで生成したrel=”canonical”も認識される

URLを正規化するlink rel="canonical" というタグがあります。 よほど事情がなければheadタグ内に直接記述するものですが、...
HTML/CSS

abbrタグとrubyタグ

自分の無知を晒す話ですが、今の今まで< abbr >タグの意味を二重に取り違えていたので、反省の意味を込めて正しい意味と使い方をまとめておきます。利用頻...
HTML/CSS

WebP画像の使い方 HTML / CSS

の制作をしていると、どうやらwebP(ウェッピー)画像もアップロードできるらしい(1ファイル10MB以内なら多分何でもアップロードできる)と気付いたので、商品...
SEO・集客

Google Font利用時の表示速度が遅い対策

使いやすくて便利なWebフォントの代表格「GoogleFont」ですが、フォントはどうしたって結構なデータサイズなので、PageSpeedInsigh...
レンタルサーバー

カラフルボックスで取得した独自ドメインにサブドメインを設定

LiteSpeed搭載のレンタルサーバーとして話題となった。 現在はドメインの取得・管理も行えるようになっているので、サーバーとドメインを一元管理できる...
HTML/CSS

SVGを使わずにcssで区切り線を作ってみる

CSSでセクションを区切ってみる 1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけ...
HTML/CSS

トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった

ナビゲーションメニューやタブパネルの切り替えによるアイテムの表示・非表示をaria-hiddenで統一したら 管理がずいぶん楽になったので今後のために記録して...
タイトルとURLをコピーしました