WebDesign 参考になる2020カッコイイWEBデザイン集
崩す系デザインをあえて崩すブロークングリッドレイアウトとノングリッドデザイン全画面ブラウザ横幅100％表示を行っているデザイン太文字テキスト大きく太く表示しているデザインイラストイラストを用いたWEBデザイン
WebDesign 
Information 2020年ブラウザシェアは？
日本国内ブラウザシェアランキング1位Chrome 79.042.87%2位IE 11.012.14%3位Edge 188.99%4位Chrome for Android7.86%5位Safari 13.06.88%6位Firefox 72....
Jquery スクロール展開するjQueryプラグインアニメーション一覧
スクロールに合わせてアニメーションさせるrlSmoothスクロールに合わせてテキスト等を表示 実装方法： デモ： parallaxスクロールに合わせてコンテンツが変化する「パララックス効果」 実装 ・デモ： Enllax.js複数のレイ...
Jquery SVGで手書きアニメーションの作り方
SVGで手書き風のアニメーションを作成した際の制作手順を簡単にまとめました。1.元となるSVGファイルの作成・書き出し今回はIllustratorでロゴを元となるSVG形式で書き出しました。2.マスクSVG作成・書き出し 元のSVGファイル...
WebDesign 2020年 見習いたいWEBサイトデザイン
W3G早速ですが「W3G」サイトを見てすごく感銘しましたので、忘れないよう書き留めておこうと思いました。私たちのミッションは、Go for the Win-Win-Win = クライアント×ユーザー×クリエイターの関係者全員に最良の結果を生...
WebDesign 2019年流行した液体シェイプWEBデザイン参考サイトまとめ（キャプチャ画像）
曲線をデザインに取り入れたものが液体シェイプで、波打つイメージが柔らかな印象を与えます。
WebDesign 2020年に流行すると予測される注目のWEBデザイントレンド（箇条書き）
メモ代わりに2020年の流行になると各ブログで予測されているWEBデザインについて箇条書きでまとめました。ダークモード目の疲れを軽減することで視覚的に配慮ブランドイメージが大きく変わることもあるので、実際取り入れるのは難しい？アイソメトリッ...
Information Webデザイナーをお探しの代理店・制作会社様向けサービス
はじめまして、フリーランスWebデザイナーのウェブケイです。ホームページはただおしゃれでかっこいいデザインではなく、お申込み・お問合せなど、アクションを起こしてもらえるような道標を明確に示したデザイン・構成（レイアウト）を意識し、目的を持っ...
Google 次世代フォーマット(JPEG 2000/JPEG XR/WebP)で画像配信するべき？対応ブラウザは？
サイトの軽量化を行おうと、Google search consoleの速度（試験運用版）でチェックした所、画像のフォーマットをJPEG 2000/JPEG XR/WebPに変えたほうが圧縮性の高く、ダウンロード時間を短縮できるとのことで、早...
Information ノングリッドレイアウトxフラットデザイン2.0ができます！
レイアウトの自由度が高いノングリッドレイアウトにてレイアウトを行い、ページん全体のオリジナリティを高めたデザインで作成しました。カラーはシアン（青緑）にて落ち着いた色を選択し企業サイト向けに配慮したデザインで、ボタン部分をより目立たせる形（...
