浪人のサムライ（旧kawa@noter）
ホームページ制作中心記事のマガジンです｡
浪人のサムライです。 本日のロゴは太陽です。 太陽の光を表現したのですが、どうでしょう？笑 ロゴを制作する才能はないと思っていて、まぁ、それでも続けますので。ぼくはあがく(笑)。 80点取れたら合格と決めていて、もちろん自分の評価で決めます。親戚に見てもらうと「センスあるね」と言われました。 ま、扇子は持っていないですが笑（意味不明w）。 毎日1個ずつ公開したいと思っていますが、ホームページ制作が楽しいので、しばらくの間はストックを公開していきたいと思います。
浪人のサムライです。 最近、疲れて19時には寝るという感じになっております。睡眠時間は12時間(笑)。ねすぎ・・・。 さて、本日、というか昨日からなのですが、ある問題を抱えました。 それは、スマホとPCでメインビジュアルを変更すること。で、、、できない。 ネットで調べる。間違ってない・・・。 と思っていたのですが、原因が分かりました。 それは、imgを書くときはfigureで囲むのですが、それが原因でスマホとPCでメインビジュアルが切り替わらないという感じになりま
浪人のサムライです。 今回はクロワッサンメーカー（架空）のロゴです。覚えている方はいるかもですが、マグロのお寿司のロゴを作ると書きました。 しかし、先にクロワッサンメーカーのロゴを作りました。結構気に入っています。 ちなみに、2パターンほど作りました。 右が1番最初に作ったモノ、左が今回決定したロゴです。まぁ形は似ていますね(笑)。 でも左が良いので、左を採用しました。 さて、次はマグロのお寿司のロゴを作ります。 なお、ぼくのロゴは、ぼくのホームページでご覧頂く
浪人のサムライです。 週末ですが、いつもと変わらず過ごしています。本日は欲しいモノがあったのでコンビニには行きました。 外は暑いですが、風が気持ちよいですね。夏が近づいている・・・。まだ、エアコンは使っていません。扇風機で十分。 その扇風機もかなりの年月が経っていて、劣化が進んでいます。昨年「来年の夏こそは扇風機を買い換える」と思っていて、いざそのときが来ると「今年も使えるし買わないでおこう」というオチになります。 さて、本日はコッペパンメーカー（架空）のロゴです。
浪人のサムライです。 本日はゆるりと過ごしながらいつも通りのホームページ制作。手抜きで2カラムレイアウトのデモサイトを作ってみた。。。 まぁ、単純なので1時間もあればできます。 ただ、flexとorderでコンテンツの順番を入れ替えています。とくに難しいことはしておりません。 それにしても、ぼくのホームページはWEBのページの次、もしくはそれ以上にアクセスがあるページがあります。 それは、ロゴのページです。 毎日1個ずつくらい作っているのですが、まぁまぁアクセスが
浪人のサムライです。 本日は、画像をbackgroudで表示してみるって話をしたい。まずはHTML。 <div class="visual"><div class="visual__bg"></div><p>ここに文章が入ります。</p></div> いたってシンプル。ただ、空タグがありますね。これです。 <div class="visual__bg"></div> 何も入っていません。SEO上問題ありそうな気が・・・。 次にSCSSです。 .visual{ma
浪人のサムライです。 室温が30度になっていて、まぁまぁ暑い。でもカラッとしているので扇風機で十分。 さて、本日のロゴはサンドイッチメーカー（架空）です。 2パターンほど制作して、友人や知人、そして親戚に評価してもらった。 結果、上のロゴで決定・・・。 制作時間は1時間程度。頭の中でイメージができていたのでわりとスムーズにできました。 ちなみに、文字は自作。イラレでロゴを制作しているのですが、ペンツールで作りました。 まぁ、図形もペンツールですが。 サンドイッ
浪人のサムライです。 ぼくのホームページ。 ロリポップのエコノミープランを使っています。毎月200円くらい。ジュースを何本か我慢すれば払えるので財布にも優しい。 本当は、ワードプレスを使いたいけど、ちょっと節約・・・。ま、興味はあります。 と言うか、昔使っていたので、大体のことは知っています。ただ、設定とかめんどくさかった気が・・・。 なので、この先もワードプレスを使うことはない（と思う笑）。 今、このページの更新を頑張っています。 見た目はブログですが、いちい
浪人のサムライです。 本日のロゴはハンバーガーメーカー（架空）です。 個人的にハンバーガーが好き。マクドナルドのハンバーガーが好き。なので、身近な存在です。 パンのモフモフ感を出しました。緑の部分は野菜です。 結構お気に入り。 ちなみに、文字は自作です。適当（と言ったら語弊があるけど）。結構気に入っています。 文字を作る方が難しい。そんな感じがします。 さて、次は何を作ろうか。 ちょっと考えてみます。
浪人のサムライです。 今日のデモサイトはこやつ。 今回も3カラムですが、orderを使ってコンテンツの順番を入れ替えています。 スマホで見た際、いきなりメニューがあると不細工な場合がありまして、スマホで見たときは、コンテンツが先頭に来るようにしています。 詳しくは上のホームページをご覧下さい。 それにしても、ホームページ制作にはまって1か月が経過しました。今後もマイペースで行きたいと思います。
浪人のサムライです。 本日、デモサイトのバージョン32を公開しました。 こやつです。 とくに解説はしておりません。気ままに制作しました(笑)。 2カラムレイアウト。ブログレイアウトみたいな感じです。 3時間もあればできますね。 気軽です。 それにしても、毎日1つずつデモサイトを公開していますが、とくにノルマって訳ではないです。 ほかのこともしながらホームページ制作をしています。ロゴ制作もしているのですが、こちらは生きている限り続けます。ホームページもそうだと思
浪人のサムライです。 本日、おにぎりメーカー（架空）のロゴを作りました。 こやつです。 円を3個と海苔の部分の四角だけ。 シンプル(笑)。 制作時間は15分です。 頭の中でイメージできていると簡単ですね。 そんな感じがします。 なお、ぼくのホームページでロゴをまとめているモノがあるので、気になる方はチェックしてください。 ひたすらロゴを載せているだけです(笑)。暇つぶしにどうぞ～。 おしまい！
最近、3カラムレイアウトにハマっています。そして、今回も3カラムレイアウトを作ってしまった(笑)。 今回は、コンテンツ部分を大きくして、サイド2つを狭くしました。 display:flexを使えば簡単。手軽です。widthの設定をしないとカラム落ちしますが。まぁ、flex-wrap:nowrapをすれば良いと思いますが。あまり使いたくないですね(笑)。 なので、widthを書きました。 一点だけ注意点があって、max-widthで設定すると、中身のコンテンツに応じてw
浪人のサムライです。 本日は7時から活動し、そして19時で終わる予定。途中で2時間程度休憩しましたが。 前回の記事で、ホームページをメンテナンスするかもと書きまして、さっそくしてみました。 WEBページはこちらです。 これまで、単にデモサイトを作るのと、解説付きで作るモノがありました。一覧で見られるのですが、どれが解説なのか分からない。 なので、解説の文字を赤くしました。 これで見分けが付くかなと思います。 あとは、タイトルにも書いていて、なおさらわかりやすくな
最近、3カラムレイアウトでホームページを制作する機会が多くなりました。 ぼくのホームページでも散々解説してきました(笑)。ただ、ぶっちゃけ他のサイトに飛ぶってめんどくさいですよね(笑)。 なので、この場で3カラムレイアウトのおさらいをしたい。 まずはHTMLから。 <section class="container"><div class="container__left">左</div><div class="container__center">中央</div><
