こんにちは、ねこです。

自称プログラマのおばちゃんのブログです。いろいろあるよねぇ~。

無料でWEBスクラッチ・デザインやってみよう!W3.CSSテンプレートは馬鹿にできない。

2019-05-01 11:13:39 | プログラム 勉強

令和元年ですな。

昨日はやはり初日からずるして何もできませんでした。

ねこは心が弱いです。

でも、今日はきっちり頑張りました。

本日消化できたタスク。

1.30分間のカーディオ運動

2.左手だけの素振り刀素振り100回、右手素振り50回両手素振り100回

3.そしてテック・ブログの更新(今やってます。)

でも子ねこ(もうバケねこだけど)と喧嘩して意地になっちゃってビール飲んでカレーのおかわりしちゃいました。いかんいかん。


W3.CSSのフレームワークで結構いろんなことができてしまいます。

たとえば、W3.CSSのテンプレートから結構簡単にウェブができます。

https://www.w3schools.com/w3css/w3css_templates.asp

おしゃれウェブは写真が命。こちらから無料で写真やビデオがダウンロードできます。

写真とビデオ

https://www.pexels.com/

アニメーションのJSはこちら

https://daneden.github.io/animate.css/

おしゃれ系のイラストならこちら

https://www.freepik.com/search

そして、アイコンはこちら

https://fontawesome.com/

bootstrap や jQueryのCSSフレームワークなどありますが、今回コンペに応募してみようと思ったウェブサイトはこちらのW3.CSSのフレームワークを使うことにしました。

https://www.w3schools.com/w3css/default.asp

いろいろわからないながらやってますが、一応こんな形になりました。

サーバーは無料のNetlifyを使ってます(https://app.netlify.com/)。

ドメイン名が無料でカスタムできて、GitHubから直接デプロイできるのがうれしい!

https://testyuri.netlify.com/

ね、なんだか自分のウェブっぽいでしょう。

これはデモやプロトタイプを作るときによいですね。

ちなみに、無料のイメージファイルのストレージも見つけました。まぁ、ヘビーユーザーなら、アクセスに応じて課金されてしまいますので、完全な無料ではないですね。

https://uploadcare.com/

最初はCDNの状態でイメージファイルのエフェクトなんかが指定できるので使えるのかな、なんて思ってましたが、結局それほど多くのファイルを使わないので、全部そのままGitHubへアップしてます。

さて、雷もなってきたし、もう10時なので本でも読んで寝ます。

明日は学校関連のお仕事やってしまいます。

どこまで今日の続きができるかわかりませんが、テックブログは頑張って付けます。

良い日でありますように。

お休みなさい。

 

ビールねこ