webkblog

最近、手が空いたらクラウドソーシングランサーズ（ ）で、
WEBデザインコンペを出しているウェブケイです。
最初はクラウドワークス（）を利用していましたが
結構、提出価格がひどくてランサーズをメインにしました ...

スマホ画面のWEBデザイン

する際の横幅サイズについて調べたのでメモ📑

スマホWEBデザインの横幅サイズは？

結論！スマホデザインサイズは？
✅ 750px

今までは「375p ...

✅お問合せはウェブケイサイトから

2月・3月ごろからいろいろなお仕事をさせていただきブログやSNSの更新などできておりませんでした・・・(^_^;)

ようやく手が少し空いてきましたので、WEBサイトの制作実績欄を更新しました！

追加した3件のWEBサ ...

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

崩す系

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

全画面

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

太文字

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

イラスト

イラストを用い ...

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

1位
Chrome 79.0
42.87%

2位
IE 11.0
12.14%

3位
Edge 18
8.99%

4位 ...

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

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

parallax

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

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

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

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

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

W3G

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

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