牛のイラスト無料ダウンロードスタート！（2021年賀状／丑年）
今年の干支は丑！ということで、牛のイラストを作る機会があったので、ダウンロード用のフリー素材として配布します！ かわいい牛のイラスト、もしよければ使ってくださ…
デザイン素材
Webサイトのデザインを変更（スケルトンレイヤー&ニューモーフィズム）
officehojoのポートフォリオサイトを更新しました。デザインを新しい世代に変え、内容もミニマムに変更。シンプルにポートフォリオだけのサイトとして作り替え…
CSSで固定のフレーム枠を作る（額縁のような奥行きのあるエフェクト）
CSSで固定されたフレーム枠（額縁のようなフレーム）を作る方法です。マスクやクリッピングなど、いろんな方法を試しましたが結局再現できず。一旦落ち着いた方法を書…
初心者用SCSSの使い方まとめ【CSSとの違い、記述方法、導入、CSSへの変換まとめて解決！】
長らく放置していたofficehojoのポートフォリオサイトを改造中です。日々の更新系はこちらのblogへ移動し、被ってるコンテンツは削ってよりミニマムでシン…
おしゃれな海外フリーイラスト素材集【人物系のかわいいイラスト&アニメーション】
lapa ninjaというデザイナー用のリソースを集めるサイトから、無料でダウンロードできる海外のフリーイラスト（商用利用可能）を集めてみました。ほぼクリエイ…
おしゃれでカワイイ海外フリーアイコン特集【商用無料／ノークレジット】
アイコンのポータルサイト「icon-icons」「Designzone」「lapa-ninja」などから、おしゃれでカラフルなアイコンを集めてみました。 今は…
ダウンロードボタンを実装するHTMLコード【Googleアドセンス風】
WordPress公式のAMPプラグインとの不具合が発覚し、以前使っていた「Simple Download Monitor」というダウンロードボタンのプラグイ…
名刺のデザイン無料テンプレート【2020年トレンドカラー／Illustrator】
昨年同様、今年もofficehojoデザインの名刺テンプレートを作りました。2020年の流行色を使ったバイカラーの名刺です。 今回は横バージョン。100枚刷る…
デザインの仕上がりイメージはモックアップで作ろう！【Photoshopとモックアップの使い方】
デザインデータをコピペするだけで、簡単にデザインの仕上がりイメージが作れる「モックアップ（Mockup）」。デザイナーなら覚えておくと便利です。 モックアップ…
【2021】年賀状のデザインテンプレート特集【おしゃれでかわいい年賀状が作れる無料テンプレート】
おしゃれで可愛い年賀状を作りたい！そんな方へ向けて、無料で使える年賀状デザインテンプレートが豊富にそろうサイトを紹介します。ここで紹介する3つのサイトには、老…
壁紙の色をシュミレーションできるフリー素材を配布
部屋のイメージを変えたいときに「壁紙」を変えるのは少し勇気が要ります。コストも安くない上、配色を間違えると生活にまで影響が出てくるからです。無難に白を選んだつ…
ドラッグで移動する画像ギャラリー
officehojoのWebサイトを更新しました。今までアニメーションの動きが悪かったので、プラグインを変更したら少し見やすくなりました。全ページマイナーチェ…
名刺のデザインテンプレートを無料配布【2019年トレンドカラー（Illustrator）】
シンプルで装飾のないカスタマイズ用の名刺テンプレートをフリーダウンロードできるようにしました。無駄な装飾やイラストが入っているテンプレートはあまり好きじゃない…
【フリー素材】おしゃれなイラスト&アイコン&画像【海外&国内／商用利用OK ／かわいい／ハイクオリティ】
デザイナー向けのおしゃれなフリー素材（無料／商用利用可）を厳選して紹介します。デザイナー目線で選んだクオリティ高めのフリーイラスト、フリーアイコン、背景素材、…
映えるWebフォント8選【タイトルに使えるおしゃれなフォント】
Google Fontで「今」使えそうな特殊フォント（Display）を集めてみました。基本的には「クラシックな中に今っぽさがある」デザインフォントを集めてい…
CSSでエンボス文字を作る【魅力的なデザインエフェクト&アニメーション】
officehojoのwebサイトを少しだけデザイン変更しました。自分のサイトはいろんなエフェクトを試す実験台として最適なので、気分次第で色々とテストデザイン…