ホームページ　手づくり

浪人のサムライです。 明日は病院です・・・。 しんどいですが、頑張って行ってきます。 さて、今日は、ホームページ制作で2カラムレイアウトを考えていきます。 このブログのように、左にコンテンツ、右にサイドバーです。 HTML CSS さいごに HTML HTMLはこんな感じです。 <article class="wrapper"> <section class="content"> <p>コンテンツ</p> </section> <aside class="side-bar"> <p>サイドバー</p> </aside> </article> wrapperで、content（コンテンツ部分）、…

rounin-samurai.com 最近、ボチボチとホームページ制作をしています。 今回は、3カラムレイアウトにしました。 1時間30分くらいでできました。 ぼく、実務経験も含めて、ホームページ制作歴は長いです。 どのようなレイアウトであっても、HTMLとCSSで再現できる（はず笑）。 今回、スマホで見たときは1カラム、タブレット以上になると3カラムになるようにしています。 分かりづらい場合は、ブラウザの画面を徐々に小さくしたり大きくしたりしてください。 動きが分かると思います。 ちなみに、スマホで見た場合と、タブレット以上の画面サイズで見ると、コンテンツの順番が異なるようにしています。 c…

rounin-samurai.com シンプルに3カラムにした。 1時間でできた。 BEMとSCSSを書いて制作。 ほぼとまどうことなくできた。 毎日、1つずつデモサイトを作る。 そんな感じで・・・。 あ、筋トレしてます。 体を鍛えて・・・。 あとは下っ腹が出ているので、腹筋運動をしています。 引っ込め、下っ腹(笑)。 リフレッシュできて良い感じ。 食後、30分あけて、筋トレを10分ほどします。 食後すぐより、30～1時間ほど空けると良いとされています。 3食なので、合計で30分。 一日に運動すべき時間にギリギリでクリア。 今後も頑張ろう・・・。

浪人のサムライです。 本日、デモサイトのバージョン30ができました。 rounin-samurai.com もう30個・・・。 毎日作って30個・・・。 かなり疲れますが、まぁ、楽しいです。 ちなみに、Adobeイラストレーターでデザイン見本を作っています。 あくまで目安なのですが、まぁ、頭がスッキリとして良いですね。 Adobe XDも持っていますが、使い慣れているのはAdobeイラストレーター。 今後もAdobeイラストレーターを使うでしょう。 過去のデモサイトは以下でもご覧頂けます。 rounin-samurai.com 実績なんかも載せていますので、お時間のある方はご覧ください。

浪人のサムライです。 本日も9時からホームページ制作をしていますが、まぁ、、、ファイルを壊してしまった(笑)。 また1から作り直し。 疲れるぜぇ～(笑)。 失敗の原因は、Adobeドリームウィーバーで制作したモノをvscodeで表示させ、選択範囲の記号を変えるという作戦。 結果、無理でした(笑)。 で、「Adobeドリームウィーバーに戻るぜい」と思って、Adobeドリームウィーバーで開くと、コンテンツが一切書けなくなった・・・。 テンプレート機能を使って制作したファイルですが、これをvscodeで開くと不具合がでると判明・・・。 なので、「あぁ・・・。。。作り直しか」って感じでありまして・・・…

浪人のサムライです。 今日は日曜日。 とくに予定なく。 あ、欲しいモノがあったので買いに行きましたが。 さて、初の試みなのですが、デモサイトをブログ風にしてみた。 こやつになります。 rounin-samurai.com 今後、このような感じでデモサイトの公開をしたいと思っています。 できればホームページでもブログ機能を搭載したくて・・・。 それをするにはワードプレスサイトにする必要があります。 ただ、設定などがめんどくさいのと、毎月の料金が高くなるので、現状維持で行きます。 リンクはすべて手動。 ヘッダーとフッターを変えたらすべてのページで手動で行わないといけない。 「めんどくさ笑」って感じ…

浪人のサムライです。 本日は病院に行ってきました。 通院です。 いつも通りの診察。 気分転換にはなりました。 さて、本日はお知らせです。 WEBページに集約 管理が1つで良くなった ブログ風レイアウト 1時間くらいでできた さいごに WEBページに集約 これまでデモサイトを公開したら、2つのページで公開していました。 しかし、今後は、WEBページに集約したいと思っています。 コヤツです。 rounin-samurai.com デモサイトを更新したらこやつにてお知らせしたいと思っています。 管理が1つで良くなった 管理が1つで良くなりました。 とても楽な気分になりました。 そもそも、1つのデモサ…