こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、太陽を描画してみました。「Result」で確認できます（レスポンシブ対応済）。 See the Pen Untitled by あっちのそらら (@acchinosoraranocode) on CodePen. 静止画…

こんにちはです。あっちのそららです。前回、HTMLとCSS（ウェブ制作などで使う言語）で、オリキャラを描画しました。 acchinosorara.hatenablog.jp 今回はそのアレンジで、大量のオリキャラをランダムに描画するコードを書いてみました。「Result」で確認、…

こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、オリキャラのアニメーションを作ってみました。「Result」で確認できます（レスポンシブ対応済）。 See the Pen Shine-Fairy by あっちのそらら (@acchinosoraranoco…

こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、雪うさぎのアニメーションを作ってみました。「Result」で確認できます（レスポンシブ対応済）。 See the Pen Snow Rabbit by あっちのそらら (@acchinosoraranocode…

こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、オリキャラを描画してみました。描いたのは、うちの子「ナムナムくん」。「Result」でイラストを確認できます（レスポンシブ対応済）。 See the Pen namunamu by あ…

こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、夏にピッタリなひまわりの花を作ってみました。「Result」でイラストを確認できます（レスポンシブ対応済）。 See the Pen Sunflower by あっちのそらら (@acchinoso…

こんにちはです。あっちのそららです。夏の到来！ということで今回は、HTMLとCSS（ウェブ制作などで使う言語）で、スイカを描いてみました。あまり需要のなさそうな内容ですが、一応レスポンシブ対応です。「Result」でイラストを確認できます。 See the Pen…

こんにちはです。あっちのそららです。今回は新しいチャレンジ！HTMLとCSS（ウェブ制作などで使う言語）で、団子のイラストを描いてみました。 基本構造 団子を「丸」「丸」「丸」「串」の4パーツに分けると仮定。4列のグリッドレイアウトを作り、それぞれの…

こんにちはです。あっちのそららです。最近、ブログの最下部「フッター」のデザインを改良しました。フッター部分は内容的にもデザイン的にも、それ程重要な部分ではないと思うので、ヘッダーのように大きなインパクトや効果を求める必要は無く、逆にフッタ…

こんにちはです。あっちのそららです。ブログの顔となる「ヘッダー画像」、パソコンで見るとイイ感じだけど、スマホだとサイズ縮小されて見にくい、という悩みがありました。原因は簡単。パソコンは横長。対してスマホは縦長。パソコンでの見え方をイメージ…

こんにちはです。 あっちのそららです。今日は当ブログに新しく「ページトップに戻るボタン」を設置したので、その方法をご紹介していきます。 ページトップに戻るボタンって？ まず、どういったモノを作ったのか？という所から。大抵のサイトでよく見かけま…

こんにちはです。あっちのそららです。今日も引き続き、はてなブログのカスタマイズネタです。今回は、触ると画像が切り替わるオリジナルバナーの設置方法をご紹介します。 マウスで触ると「色が明るくなる・暗くなる」画像はよく見かけますが、それだとシン…