WordPress

WordPressのカスタムフィールドプラグインで有名なのが「Advanced Custom Fields」ですが、フィールドを増やすにはプラグイン設定を修正して追加する必要があり、WordPressに詳しくない方は難しくなってしまい ...

WebDesign

崩す系

デザインをあえて崩すブロークングリッドレイアウトとノングリッドデザイン

全画面

ブラウザ横幅100%表示を行っているデザイン

太文字

テキスト大きく太く表示しているデザイン

イラスト

イラストを用い ...

Information

日本国内ブラウザシェアランキング

1位
Chrome 79.0
42.87%

2位
IE 11.0
12.14%

3位
Edge 18
8.99%

4位 ...

Jquery

スクロールに合わせてアニメーションさせるrlSmooth

スクロールに合わせてテキスト等を表示
実装方法:
デモ:

parallax

スクロールに合わせてコンテンツが変化する「パララックス効果」
実装 ...

Jquery, WebDesign

SVGで手書き風のアニメーションを作成した際の制作手順を簡単にまとめました。

1.元となるSVGファイルの作成・書き出し

今回はIllustratorでロゴを元となるSVG形式で書き出しました。

2.マスクSVG作成・ ...

WebDesign

W3G

早速ですが「W3G」サイトを見てすごく感銘しましたので、忘れないよう書き留めておこうと思いました。

私たちのミッションは、Go for the Win-Win-Win = クライアント×ユーザー×クリエイターの関係者 ...

WebDesign

曲線をデザインに取り入れたものが液体シェイプで、波打つイメージが柔らかな印象を与えます。

WebDesign

メモ代わりに2020年の流行になると各ブログで予測されているWEBデザインについて箇条書きでまとめました。

ダークモード

目の疲れを軽減することで視覚的に配慮
ブランドイメージが大きく変わることもあるので、実際取り入 ...

Information

はじめまして、フリーランスWebデザイナーのウェブケイです。
ホームページはただおしゃれでかっこいいデザインではなく、お申込み・お問合せなど、アクションを起こしてもらえるような道標を明確に示したデザイン・構成(レイアウト)を意 ...

Google

サイトの軽量化を行おうと、Google search consoleの速度(試験運用版)でチェックした所、画像のフォーマットをJPEG 2000/JPEG XR/WebPに変えたほうが圧縮性の高く、ダウンロード時間を短縮できるとのこと ...