HOME > Snow Notes Snow Notes This is Shotaro Kamimura's personal blog ウェブサイト制作 [Javascript] Splideを使って、スライドを作成する Splideを使って、画像のスライドを作成してみる。 完成形はこちら インストール インストールする。 ダウンロードはここから可能。 https://github.com/Splidejs/splide/releases ... #image #Javascript #画像スライド ウェブサイト制作 [Github] ローカルで編集したファイルをGithub上で更新する githubの使い方を整理。 「push」といわれるもので、自分がローカルで編集したファイルを、github上で更新するための手順を整理。 レポジトリをすでに作成して、ファイルをアップロードしていることを前提とする。 g ... #Github #ローカル環境 ウェブサイト制作 [CSS] スマホの本番環境で、CSSのボタンの背景色が反映されない問題が起きた時の対処 本番環境でスマホでみた時にボタンのCSS反応しない問題が起きた時の対処を整理。 起きたこと 本番環境でウェブサイトをみた時に、PCの画面ではボタンは反映されているものの、レスポンシブデザインではボタンの背景の色が反映され ... #HTML/CSS ウェブサイト制作 [Github] Githubでレポジトリのprivateとpublicを変更する privateになっているレポジトリをpublicに変更する。 まずはsettingに進み、Danger zoneまでスクロール。 change visibilityを選択。 Make publicに変更。 すると、pr ... #Github #レポジトリ テクノロジー [Github] Github desktopの使い方:レポジトリを作成する github desktopを使ってみたので、試しにレポジトリを作成してみる。 Create a New Repository on your Hard Driveを選択 Create a New Repository ... #Github #レポジトリ ウェブサイト制作 [Github] Github pagesの使い方:作成したウェブサイトを公開する 今回、ウェブサイトを初めてgithub pagesを使ってあげてみたので、その手順を整理する。 URL:https://shotaro-kamimura.github.io/cozy-experience/ github ... #Github ウェブサイト制作 [CSS] レスポンシブ対応のためのブレイクポイントの設定のやり方 CSSでレスポンシブサイトを作る時に用意すべきステップを整理。 CSSでウェブサイトをレスポンシブ対応にするためには、ブレイクポイントを作成する必要がある。 そもそもブレイクポイントとは? ブレイクポイントとは、PCのデ ... #HTML/CSS #ブレイクポイント #レスポンシブ ウェブサイト制作 [HTML/CSS] .containerの役目について整理 container(コンテナ)とは何か。containerはどんな役割を果たしているのか。 ウェブサイトの横幅調整などでよく使われるHTML/CSSの.containerの役目について整理する。 .containerの役 ... #Container #HTML/CSS テクノロジー Mac純正アプリで色を簡単に抽出する Macに最初からついている純正アプリで「Digital Color Meter」というものがある。 簡単に色を抽出できるのでかなり使いやすい。 spotlightで「Digital Color Meter」を検索 デスク ... #Mac テクノロジー [Atom] Atomでコードが全てグレーになってしまう時の対処法 時々、Atomでコードを打ち込んでくと、Syntaxが色分けされず、全てグレーになってしまうことがある。 対処法 Atomの設定で、”Use Tree Sitter Parsers"のチェックを外すと直る。 まずは設定へ ... #Atom « Prev 1 … 17 18 19 20 21 … 31 Next »