Webサイトのデザインを変更（スケルトンレイヤー&ニューモーフィズム）
officehojoのポートフォリオサイトを更新しました。デザインを新しい世代に変え、内容もミニマムに変更。シンプルにポートフォリオだけのサイトとして作り替え…
Web素材
CSSで固定のフレーム枠を作る（額縁のような奥行きのあるエフェクト）
CSSで固定されたフレーム枠（額縁のようなフレーム）を作る方法です。マスクやクリッピングなど、いろんな方法を試しましたが結局再現できず。一旦落ち着いた方法を書…
初心者用SCSSの使い方まとめ【CSSとの違い、記述方法、導入、CSSへの変換まとめて解決！】
長らく放置していたofficehojoのポートフォリオサイトを改造中です。日々の更新系はこちらのblogへ移動し、被ってるコンテンツは削ってよりミニマムでシン…
ダウンロードボタンを実装するHTMLコード【Googleアドセンス風】
WordPress公式のAMPプラグインとの不具合が発覚し、以前使っていた「Simple Download Monitor」というダウンロードボタンのプラグイ…
ドラッグで移動する画像ギャラリー
officehojoのWebサイトを更新しました。今までアニメーションの動きが悪かったので、プラグインを変更したら少し見やすくなりました。全ページマイナーチェ…
映えるWebフォント8選【タイトルに使えるおしゃれなフォント】
Google Fontで「今」使えそうな特殊フォント（Display）を集めてみました。基本的には「クラシックな中に今っぽさがある」デザインフォントを集めてい…
CSSでエンボス文字を作る【魅力的なデザインエフェクト&アニメーション】
officehojoのwebサイトを少しだけデザイン変更しました。自分のサイトはいろんなエフェクトを試す実験台として最適なので、気分次第で色々とテストデザイン…