Web制作に役立つ情報一覧

Responsive Height Design -レスポンシブを高さの観点から、Webサイトやスマホアプリの実装で役立つテクニック

2020/11/19(Thu) 10:01

レスポンシブ対応と言うと、通常は幅、水平方向のサイズのバリエーションですが、最近では高さ、垂直方向のサイズに対するニーズも高まっています。スマホではさまざまな高さのサイズがあるだけでなく、横向きのランドスケープもあります。またデスクトップでもブラウザをスクリーンいっぱいの高さにしているとは限りません。

https://coliss.com/articles/build-websites/operation/css/responsive-height-design.html

CSSの疑似クラス「:focus-within」が素晴らしい理由

2020/11/17(Tue) 09:56

CSSの疑似クラス「:focus-within」を使用して、フォームの入力時にハイライト表示させるテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-focus-within-is-amazing.html

AIで一発！写真や画像サイズを最大4倍拡大できるオンライン自動ツールSmart Upscaler

2020/11/16(Mon) 09:58

人工知能AIは、活躍の場は急速に広げていますが、デザイン制作の現場にもその波は来ているようです。複雑な背景から被写体を数秒で切り抜くサービスや、身の回りのあらゆるものをスマホで切り抜くスマホアプリなど、これまで面倒だった作業がますます自動化されています。

https://photoshopvip.net/125707

Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図解で解説

2020/11/12(Thu) 09:56

ブラウザがWebページをどのようにレンダリングしているか、図解でやさしく解説した記事を紹介します。レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。

https://coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html

役立つデザインテクを学ぶ最新Illustratorチュートリアル、つくり方30個まとめ

2020/11/10(Tue) 09:52

この記事では、Illustratorで覚えておきたい基本テクニックから、ワンランク上のプロ級テクまでを学ぶ最新チュートリアル、つくり方30個をまとめてご紹介します。

https://photoshopvip.net/125623

CSSのスゴ技！美しいグラデーションのボーダー、角丸や半円のテクニックを使用したチケットを実装する方法

2020/11/10(Tue) 09:51

CSSで実装された美しいグラデーションのボーダー、さらにはそれを角丸し、半円を加えたチケットを実装するスタイルシートのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/gradient-borders-with-curves-and-3d-movement-in-css.html

コピペで簡単！CSSで実装されたジグザグ、波状、罫線、アイソメトリックスなど背景パターンのスタイルシート

2020/11/09(Mon) 10:00

ジグザグ、波状、罫線、アイソメトリックスなど、CSSで実装されたさまざまな背景用パターンをコピペで簡単に利用できるオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-background-patterns.html

わずか数秒で完成！フォトショップで写真の空を置き換える方法

2020/11/05(Thu) 09:52

この記事では、フォトショップをつかって空を置き換える方法をご紹介します。合成されたことがわからない精度で、空を変更、置き換えが可能で、その編集にかかる時間も数秒、ボタン数クリックで思い通りの雰囲気を作成できます。

https://photoshopvip.net/125512

商用可多数 デザインが美しくなる最新フリーフォント34個まとめ - PhotoshopVIP

2020/11/02(Mon) 09:57

この記事では、文字を入力するだけでデザインをガラリと変える、持っておくと便利な最新フリーフォント34個をまとめてご紹介します。

https://photoshopvip.net/125467

Premiere Pro 決定版の解説書！動画のさまざまな編集方法、クオリティをアップするテクニックがよく分かる

2020/10/30(Fri) 09:51

SNSやYouTubeでかっこいい動画を公開したい！ そんな人にお勧めの動画編集の解説書「Premiere Pro よくばり入門」を紹介します。入門だからと侮ることなかれ。初心者向けの入門書と思って軽い気持ちで読んでみたら、間違いでした。ページを読み進める度に、これやりたい！あっ、これも！とワクワクが止まらなくなります。

https://coliss.com/articles/book-review/isbn10-4295009814.html