Elsaの技術日記(徒然なるままに)

主に自分で作ったアプリとかの報告・日記を記載

MENU

css

scss、sass導入手順

css

今回はscss、sass導入手順です。 ■そもそもscss、sassって? ■Windows(VS Code)での構築方法 ■Linuxへのコンパイル導入手順 ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■そもそもscss、sassって? まずはscss、sassについてまとめて…

Web上で桜をヒラヒラ舞わせてみる

もうすぐ春ですね!! 春と言えば桜!!ということで、Web上で桜をヒラヒラ舞わせてみようと思い、コーディングしてみました。 まだまだ自粛でお花見も難しそうなので、お部屋で桜が舞い散る風景を見て楽しめればと思っております。今回はフレームワークは用…

html, cssでレスポンシブ対応について

実は今ちょっとしたWebアプリを作成しているところw。 作成中に スマホへの対応もしとこうかな? と思ったのですが、、、レスポンシブ対応したことなかった!! と気づき、調べてみました。HTML5&CSS3デザインブック忘れないように今回もまとめておこうと思…

Reactでnes cssを利用してみる

最近Webアプリのレイアウトについて勉強中!!そこで、こちらのような記事を見つけました。 gigazine.netReactでも試してみたいな!!と思いたち調べてみました。 こちらをまとめてみたいと思います。 ■まず始めに ■Reactでnes cssを使用するための事前準備 …

おみくじアプリ作ってみた

今年も残すところ後1日になりました。 今年はありがとうございました!!来年もよろしくお願いいたします!!今年はコロナに振り回された1年でした。。。 来年は終息し、平穏な一年になることを切に願います!!一足早いですが、おみくじアプリを作成しまし…

Reactで雪を降らせてみる

メリークリスマス!! ただ残念なことに、 コロナウィルスの第3波が来てしまって、遊びに行くことも憚られる状態ですねせっかくのクリスマスなのに、、、 例年ならイルミネーションとかきれいなはずなのにということで、クリスマスっぽいWebアプリを作ってみ…

Reactでアニメーション付きリストを表示

今まで作成したアプリやコードの整理真っただ中!! 今年中に終わるかな?そこで、以前作成したポートフォリオ(なのか)??を整理しつつ少しレイアウトを変更したので、 そこで使用したアニメーション付きリストについてまとめていきたいと思います!! ■事…

英単語帳アプリ作ってみました

ちょっと英語も勉強して行かなきゃなと思う今日この頃。速読速聴・英単語 Core1900 ver.5 (速読速聴・英単語シリーズ)新品価格¥2,090から(2020/10/24 22:02時点)だけど、、、ただ勉強するのもな。。。と思ったので、、、 今回勉強も兼ねてReactで英単語アプ…

HTML & CSSとWebデザインを読んでみました

HTMLとCSSホームページ作ってみたいな!!と思っているのですが、どうもうまく作れなかったので AmazonでHTMLやCSSの参考書で1位を取っていたこちらを読んでみました!!1冊ですべて身につくHTML & CSSとWebデザイン入門講座新品価格¥2,237から(2020/10/7 …

簡単なWebアプリ作成 ~無駄な会議を撲滅しよう!! ~ part4~

今回はWebアプリのレイアウトを整えてみたので、その報告と備忘録です。 と言っても、デザインセンスがないのと初めてレイアウトを作成を行ったのでとてもダサいw。 世の中便利なもので、無償のテンプレートが数多く用意されていますが、"一度は自分で作って…