読者です 読者をやめる 読者になる 読者になる

【Progate】改めてテーマがつくりたい。【有料会員登録完了!】


どうも。ヒビ(@hiibii256)です。

つい最近、超カッコイイテーマがテーマストアにアップされたのご存じですか?

www.foxism.jp

それが、コレ。

本当に、はてなブログだよな?

トップページは記事がカード形式で並べられてるし、隅々まで統一感が溢れているし…

オシャレすぎませんかね?

今見ている、このブログのデザインは、僕が作ったオリジナルのものです。

HTML/CSSを舐めきって、「つくれそう」と思ってしまったがためにね。

実はこのテーマ、「妥協」した点があるんですよ。

それが、カラム数。

もともと2カラムの予定だった

最初は、2カラムでつくり、そして、スマホでは1カラム表示にして、レスポンシブデザインにしようかと。

しかし、うまくいかなかったあああ!!

サイドバーとメイン部分(文章のところ)のレイアウトがうまくいかない!

  • メイン部分とサイドバーを横に並べて画面の100%を使いたい
  • メイン部分とサイドバーの間の余白を絶妙な量にしたい
  • ヘッダーは横幅が画面100%になるようにしたい
  • レスポンシブデザイン(カラムが変化する)
  • できるだけ、はてなブログらしくないようにしたい

これくらいは、やりたかったんですけどね…

ヘッダーの横幅が100%なことくらいしかできてませんね笑

1カラムは楽。一応、それらしく

1カラムにするのは簡単でした。

ブレイクポイントとか気にしなくていいからね。

1カラムのデザインとしておかしくないよう、最低限のことはしました。

配色は、一応、デザインとしてまとまっているかと(; ^ω^)

今後は?

さすがに、このまま終わりにはしたくないです。

かっこいいテーマをつくって、配布してみたい。

もっと、記事をかけよ!と言われるのは承知。

なので!

Webコーディングを学びつつ、この場にアウトプットしていきたいと思っています。

「思っています」じゃダメですね。

アウトプットします!やべぇ、言っちゃったよ

Progateの有料会員になりました!

Progateとは?という人は、すーくさんの記事をどうぞ!

www.colmin.xyz

無料会員でできる初級コースだけの知識でオリジナルテーマを作った僕ですが…

さすがに、自分の知識の無さを痛感したので、有料会員になって、中級以降のコースも受けられるようにしました。

中級、上級と受けてみて、すぐさま反省しました。

「なぜ、もっと勉強してからにしなかったのだろう」と。

今から考えたら、無茶苦茶なんですよね…

つきさきほど、上級を終え、道場コースをやってみました。

道場コースは、ざっくりとした仕様書をもらい、それにあうようHTML/CSSを書いていきます。

ものすごい、困った!親子関係が全くできない!

大きなクラスがあって、その中にもクラスがあって。かと思いきや、1つのクラスで閉じられているだけだったりして。

全体図を考えながら、やらないといけないんですよ。

上級コースまでは、行き当たりばったりでもできます。

1度に与えられる課題が少ないから。

でも、道場コースになると、1〜10までやって、11〜20までやって…といった感じ。

きっつー!!!

目指すは「らしくない」テーマ

最終的な目標は、はてなブログらしくないテーマをつくること。

そして、配布がしたい!!!

というか、「このブログのデザインおしゃれやん!ほしい…」と思われるものがつくりたい!

これだけ、ベラベラ話しておいて、完成がいつになるのは不明ですがね笑

頑張りますヾ(`・ω・´)ノ