サイト制作する上で必要になってくる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で２つのドメインが永久無料
ConoHa Wing、Wingパックで独自ドメインが２つ無料
"国内最速"を謳うレンタルサーバー、の長期契約プランWingパック。
Wing...
SEO・集客 java scriptで生成したrel=”canonical”も認識される
URLを正規化するlink rel="canonical" というタグがあります。
よほど事情がなければheadタグ内に直接記述するものですが、...
HTML/CSS abbrタグとrubyタグ
自分の無知を晒す話ですが、今の今まで< abbr >タグの意味を二重に取り違えていたので、反省の意味を込めて正しい意味と使い方をまとめておきます。利用頻...
HTML/CSS WebP画像の使い方 HTML / CSS
の制作をしていると、どうやらwebP（ウェッピー）画像もアップロードできるらしい（１ファイル10MB以内なら多分何でもアップロードできる）と気付いたので、商品...
SEO・集客 Google Font利用時の表示速度が遅い対策
使いやすくて便利なWebフォントの代表格「GoogleFont」ですが、フォントはどうしたって結構なデータサイズなので、PageSpeedInsigh...
レンタルサーバー カラフルボックスで取得した独自ドメインにサブドメインを設定
LiteSpeed搭載のレンタルサーバーとして話題となった。
現在はドメインの取得・管理も行えるようになっているので、サーバーとドメインを一元管理できる...
HTML/CSS SVGを使わずにcssで区切り線を作ってみる
CSSでセクションを区切ってみる
１カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけ...
HTML/CSS トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった
ナビゲーションメニューやタブパネルの切り替えによるアイテムの表示・非表示をaria-hiddenで統一したら
管理がずいぶん楽になったので今後のために記録して...