浪人のサムライ（旧kawa@noter）
ホームページ制作中心記事のマガジンです｡
浪人のサムライです。 本日、デモサイトを更新しました。 HTMLコーディングはDWを使っていたのですが、ある問題を抱えていました。 それは、リアルタイムプレビューができないこと。 試したこと。 キャッシュを無効にするChromeを使っていて、キャッシュをさせない設定をしました。しかし、無理でした。 ファイアウォールの見直しDWをファイアウォールから除外することにしました。結果、変わらず・・・ ブラウザを代える無理でした・・・。 除外のポートを設定無理でした・・
浪人のサムライです。 本日、バージョン16のデモサイトを公開しました。 あまり代わり映えしないけど(笑)。 さて、今日はAdobeイラストレーター（以下イラレ）のお話。 デザインカンプを作っているいきなりHTMLコーディングをしてホームページ制作しても良いのですが、頭の中で想像しているより実際に目にすると「ん？これは！！！」となる場合があります。 そして、HTMLコーディングが複雑になって「これは！！！」となります。 良い感じに行くときもあれば行かないときもあり。
浪人のサムライです。 毎日ロゴを制作はしておらず、今は在庫を出している状況です。今日のロゴは傘メーカー（架空）です。 こんな感じですね。 半分だけ作ってみた(笑)。 特長が出て良いのかなと思います。 なお、ロゴを収録したページを用意しています。気になる方はチェックしてください。 前は毎日ロゴを制作していました。 しかし、今は不定期更新としています。 ただ、ロゴ制作は生涯をかけると決めていますので、不定期ではありますが、地道にロゴを制作したいと思っています。
1か月に1度、スマホ壁紙を制作して親戚にプレゼントしています。今日、すでに5月に入っていますが制作してみました。 コヤツです。 30分でできました(笑)。 簡単・・・。 あまりこだわりないので・・・。 親戚にプレゼント。 さて、どのようなアクションが返ってくるか・・・。 そこが楽しみであります。
浪人のサムライです。 デモサイトのバージョン15ができました。 あまり代わり映えしない？(笑)。 PCで見るとガラリと変わっているのですが、スマホは限界があるので、仕方なし。 あ、Adobeドリームウィーバーのアップデートがありました。 最新版です。 ま、バグ修正がほとんどみたい。 今後も使います。 vscodeは使わない（多分笑）。
自動保存や自動リロードは無いけれど、ぼくはAdobeドリームウィーバーを使う。Dart Sassが使えないみたいだけど、それを差し引いてもAdobeドリームウィーバーを使う。 Adobeドリームウィーバーとvscodeを並行して使うと書きましたが、メインはやっぱりAdobeドリームウィーバーかな。 リアルタイムプレビューができれば最強さて、Adobeドリームウィーバーにはリアルタイムプレビューがあります。コードを書いて保存をしたら、変更が反映される仕組み。 しかし、エラ
浪人のサムライです。 昨日は親戚が来て楽しい時間を過ごしました。お寿司を食べたのですが、とても美味しかったです。 さて、デモサイトのバージョン14ができたのでご紹介します。 スマホで見ると、デザインが過去のデモサイトとあまり変わらない(笑)。PCやタブレットで見るとずいぶんと変わります。 友達に言うと、「そうなんや」と言っていました。スマホからのアクセスがかなり多いので、今はスマホに適したデザインを心がけようと思っています。 かと言って、PCやタブレットをないがしろ
現在、ホームページ制作をしています。 しかし、ちょっとした問題が発生しました。 フッターが・・・フッターはコンテンツの量にかかわらず最下部に置いています。 テンプレートがあるので、それを使えばコンテンツ部分のみのHTMLコーディングでOK。 ちなみに、ヘッダーもテンプレートを使っています。 しかし、ある問題が発生しました。 それは、フッターがコンテンツのところまで上がっている・・・。 かっこ悪い(笑)。 なので、調べた。 試した。 ダメだった・・・。 「
ま、@useを使いたかったので・・・。 愛用しているAdobeドリームウィーバーは@useが使えないらしくて、vscodeを使った。 記念すべき1作目はこちら。 ちなみに、何度かvscodeをインストールしてはアンインストールを繰り返し。 アンインストールして再インストールしても設定が残っている・・・。 ネットで調べたら、単にアプリのアンインストールではダメみたい。ネットで書かれていたので、その記事を参考にしてクリーンインストールすることに成功。 プラグインでsc
今日はこんなロゴを公開しました。 毎日は作っておりませんが、在庫が結構あるので順次公開しているところです。 なお、ロゴをまとめたページを持っていますので、気になる方はご覧あれ。 今、ホームページ制作に夢中であります。 ただ、ロゴ制作は生涯続けると決めているので、マイペースでロゴを制作したいと思っています。
noteで便利なのは、リンクを貼るとブログカードのようになること。 簡単で手軽で気軽です。こんな感じですね。 しかし、ちょっと気になることがあります。 名前が変わらない 上のモノは、ぼくのホームページなのですが、元々、ホームページタイトルは「浪人のサムライ」でした。しかし、ちょっとカッコいい（かどうかは分からないけど）「浪人のサムライ公式サイト」に変更しました。 結果、「元の形にしよう」ということで「浪人のサムライ」に戻しました。 しかし、上のモノを見ると「浪人の
浪人のサムライです。 本日、デモサイトのバージョン12をリリースしました。 今回、ページを下に移動するとコンテンツが重なるようにしました。実装がかなり難しかったですが、まぁ、何とかできました。 気になる方は、上のサイトをチェックしてください。
デモサイトを作ったらAdobeイラストレーターでメインビジュアルを作っていました。 しかし、めんどくさい(笑)。CSSでなんとかする作戦。 HTML。 <div class="mainVisual"><div class="mv"></div><p>DEMO SITE Ver13</p></div> SCSS。 .mainVisual{height: 400px;background: #0067bb;display: flex;flex-direction: co
浪人のサムライです。 本日、デモサイトのバージョン11ができました。 ブログ風レイアウトにしました。 基本は2カラム。 割と簡単でした。 ま、正方形と円形の部分はわりと苦労しましたが。。。 次はデモサイト12の制作。 ま、ほぼできあがっているので、微調整をしたい。 公開は明日以降になるのかな？ 知らんけど(笑)。 なお、過去のデモサイトの一覧を確認できるページを用意しています。 気になる方はチェックしてください。
今、新しいデモサイトを作っていて、ページ遷移する際に、ヘッダに貼り付けるということをしています。 下にスクロールしていくと、積み重なるようにしています。使い方は簡単で、親要素にこやつを書く。 position: sticky;top: 0; たった2行(笑)。親要素に根こそぎ上のコードを書きます。 ところが、スマホでは大丈夫なのですが、PCで表示というか、画面幅が1024pxを超えると、親要素間の余白が出ないという事態。すべてでなくて、あちらこちらへと。 margi
浪人のサムライです。 本日、デモサイトのバージョン10をリリースしました。 こやつになります。 今回、メインビジュアルの部分に記事を置いて、そして横スライドさせて表示してみました。 スクロールバーを消したかったのですが、PCではスクロールバーを表示させないと横スクロールができない状態になったので致し方ない。 なので、そこは妥協しました。 結構時間がかかったのですが、かなり勉強になりました。 使うシーンはあるかと聞かれたら、あまりないと思います(笑)。ただ、テンプ
