そららのクリエイティブログ

ヘッダーイラスト

I LIKE CREATIVE.

HTML

【CSSイラスト】スイカを描いてみた

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

【CSSイラスト】いろんな種類の団子を描いてみた

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

イラストを使ってオリジナルのフッターを作る方法【はてなブログ】

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

ヘッダー画像をパソコンとスマホで別々にする方法【はてなブログ】

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

イラストを使ってページトップに戻るボタンを作った【はてなブログ】

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

触ると画像が切り替わるバナーを作ってみた【はてなブログ】

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

©2017 Sorara Creative Blog