Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/inc/seo/description_robots.php on line 42

Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/inc/seo/description_robots.php on line 42
CATEGORY

WEB デザイン


Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/category.php on line 62
  • 2020年11月4日
  • 2020年11月4日

particles.jsで幾何学的な背景を作る。

幾何学的で動的に動く背景が素敵です。 早速、こちらも設置してみましょう。まずはデフォルトのデモをどうぞ。 particles.js デモ01  設置方法 公式の https://vincentgarreau.com/particles.js/ からダ […]

  • 2018年11月16日
  • 2018年11月16日

Bootstrap4 navbar 2段に

bootstap4で nav と navbarを2段にしたかったがどうも悩んだので、備忘録。 やりたかった事。Bootstrap4でNavbarを2段にしたかった。 結論から書くとこんな感じ。 http://kato.space/demo/boots […]

  • 2018年11月15日
  • 2018年11月15日

bootstrap4 Cards レイアウト崩れ

Bootstrap4のcomponetsのcardsでブラウザサイズを小さくするときにレイアウト崩れが出たので、確認してみた。 先に結論から書くとcardに幅指定をしないこと。 参考 @see  https://www.w3schools.com/b […]

  • 2018年11月4日
  • 2018年11月4日

Bootstrap4に用意されている各余白設定

いままでは余白は自分でクラスを設定していたが、Bootsrtap4では既にマージンやパディングが用意されている。 公式: https://getbootstrap.com/docs/4.1/utilities/spacing/ Where prope […]

  • 2018年8月26日
  • 2018年8月26日

レスポンシブでスマホメニューを検証する。

このページは更新・編集しながら記述しています。 ウェブサイトの半数がスマホやタブレットになりつつ今、レスポンシブでスマホ対応は必須。 スマホメニューをいつもコードを都度対応しているが、ここで真面目に検証してみる。 まずはbootstrapでの基本の形 […]

  • 2018年8月2日
  • 2018年8月2日

スマホ カメラでクレジットカード読み込み

スマートフォンでアクセスした決済画面でクレジットカード読み込みがしたい場合がある。 そのときのHMTLタグサンプル。 まずはコード   <!DOCTYPE html> <html lang="ja" > <me […]

  • 2017年6月15日
  • 2017年7月17日

とあるテーマのBootstrap化 その1 まずは読み込ませて部分的にテスト

某サイトで既にカスタマイズされたテーマがある。 で、これをCSSのフレームワークのBootstrap化したい。単純に呼び込むだけなら、問題ないが、当然レスポンシブになるし、1から作りたいが既に運用しているのでそうもできない(リソース的に) これは、そ […]

  • 2017年3月30日
  • 2017年3月30日

1からBootstrapを学ぶ

どうもBootstrap基本を覚えてないので、再度勉強。 現在のバージョンは2017年3月17日  v3.3.7 まずは基本のサイト構成 公式サイトの基本を書いて保存してみる。 デモ <!DOCTYPE html> <html la […]

  • 2017年3月13日
  • 2017年3月13日

Sass の確認(´・ω・) ス

@See  http://creator.dwango.co.jp/9668.html http://rubyinstaller.org/downloads/ Ruby 2.3.3 (x64)をチョイス $ gem install sass &nbs […]

  • 2017年2月27日

URLを書き換える

var urlPram = ‘表示させるURL’; history.replaceState(”,”,urlPram); history.pushState(”,”,urlPra […]

  • 2017年2月25日

Googleアナリティクス

真面目に使う(´・ω・) ス https://analytics.google.com/analytics/ @See https://www.adminweb.jp/analytics/setup/index4.html アカウント ├ プロパティ […]

  • 2017年2月25日
  • 2017年2月25日

:before, :after擬似要素

指定した要素の前後に入れる。 サンプル   選択できないように文字としては認識されないので、SEO的にはあまり意味がない。 応用としてH1とかH2タグの前に【1】とか入れる。 画像も入れることができる。ただ画像サイズは変更できない。 &nb […]

  • 2017年2月25日
  • 2017年2月25日

jQuery 日時を表示

$(function(){ $("要素").text(new Date()); }); @See http://www.webdlab.com/guide/jquery-new-date/   var now = new Date(); v […]

  • 2017年2月25日
  • 2017年2月25日

東京サプライ少女2017

東京マラソン2017年のキャンペーンサイト http://pocarigirl.jp/ トップページ、当日準備、レース本番、ムービー、ポカリ説明の5ページ スクロールしてコンテンツ閲覧という感じで、jQuary系のアクション多数。 早速ソース確認 & […]

  • 2017年2月21日

Bootstrap スマホ用ナビゲーション

まずは、公式のGetting startedからサンプルコードをコピーしてみる。 @See https://codezine.jp/article/detail/8145 http://bootstrap3-guide.com/compornent/ […]

  • 2017年2月21日
  • 2017年2月21日

Bootstrapを使ったレスポンシブを確認

Bootstrapのテスト、現在(2017/2/21)のバージョンは 3.3.8 まずは、CDNを使う。 https://www.bootstrapcdn.com/ <!doctype html> <html> <hea […]

  • 2017年2月19日
  • 2017年2月19日

Googleのモバイルフレンドリーテスト

  モバイルフレンドリーテスト   https://scontent-ord1-1.xx.fbcdn.net とな? @See http://hublog.biz/fb-page-plug-in-cause-blocked-res […]

  • 2017年2月19日
  • 2017年2月19日

jQuery おさらい(´・ω・) ス メソッド

$("セレクタ").メソッド(パラメーター); //   ↑ //$("要素を指定").何かする(パラメーター); $(function() { $("#third").css("color", "hotpink"); });   先頭に […]

>最強のWordPressテーマ「THE THOR」

最強のWordPressテーマ「THE THOR」

システムの構築・保守運用「   」 社内システム担当が欲しいが、専属で雇うほどの仕事量はない。 必要な時に必要なだけ頼りたいというお悩みを持つ企業様へ専門知識を持って対応を行っております。 サーバから各種システムまで自社・他社で構築されたシステムに対してサポートを行っております。

CTR IMG