カテゴリー: web

css/web

webフォントの検証

Posted on by cogumo

自分ではgoogle の web fontを使っているつもりでも実際は別のフォントになってしまうことがあります。 googleのweb fontsを使うために必要なこと （例えばNoto Serif Japanese の...

web

実機iPhoneでデバッグできる！

Posted on by cogumo

safariのWebインスペクタ機能で実機のデバッグ！ iPhone側の設定 設定→Safari→詳細→Webインスペクタにチェック iPhoneとPCをケーブルで接続 Iphoneのsafariで検証したいサイトを開い...

js/web

slick sliderの使い方 [3]

Posted on by cogumo

レスポンシブ対応について slickのオプションで「responsive」というものがあり「breakpoint」を設定できてオプションを切り替えることができます。 私が実装したいと思っていたのはレスポンシブであり、スマ...

js/web

slick sliderの使い方 [2]

Posted on by cogumo

どうしてslickを使うのかときかれると色々オプションがあるからというのも大きな一つの理由です。色々説明されているサイトがあるのでしらべていけばよいのですが毎回調べるのが大変なので自分のためにもと思いよく使うものをざっく...

js/web

slick sliderの使い方 [1]

Posted on by cogumo

授業で質問されることが多いのがヒーローイメージに使うスライダーのこと。 ヒーローイメージ：webのファーストビューでバババーンと飛び込んでくる大きな画像ね！ （私は最近までメインビジュアルと言ってたんだけど。。。こういう...

web

icomoonを使ってみる

Posted on by cogumo

いつも「fontawesome」を使うのだが新境地で今回は https://icomoon.io/ ってこのioは？ 「.io」はイギリス領インド洋地域の国別コードトップレベルドメイン（ccTLD）   &nb...