Web制作に役立つ情報一覧

現在のGoogleのHTML・CSSガイドに沿ったコーディングルール

2021/04/27(Tue) 09:51

コーディングを勉強している方や、普段当たり前のようにコーディングしているけれど、上手く使えているのか不安な方向けにこの記事を書きました。（2021年04月04日更新）色んな方のコーディングを見ていると実に様々です。情報や知識が古いままで、今では推奨されない書き方も散見されます。

https://fueru.info/design/html-css/google-styleguide/

ウェブデザインにおけるline-heightについて

2021/04/26(Mon) 10:17

ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。

https://parashuto.com/rriver/development/line-height-in-web-design

【フォトショップ】より繊細なエンボス加工を作成する方法

2021/04/26(Mon) 10:16

この記事では、フォトショップを使った超リアルなエンボス加工のつくり方をご紹介します。別名浮き出し加工とも言われる「エンボス加工」は、紙面に凹凸をつけたような仕上がりが特長ですが、今回はこの質感をフォトショップで表現します。

https://photoshopvip.net/128482

このマンガを読むと、映える写真の撮り方がよく分かる！まじめな解説とマンガがほどよくミックスされた解説書

2021/04/23(Fri) 09:58

ネコをかわいく撮りたい、雰囲気のある写真が撮りたい、おいしそうな写真を撮りたい、素敵な人物写真を撮りたい、でも難しい解説書を読むのは面倒。そんな人にぴったり、映える写真の撮り方がよく分かるマンガを紹介します。

https://coliss.com/articles/book-review/isbn-9784815606589.html

知っておくと実装に役立つ！JavaScriptのテクニックのまとめ

2021/04/22(Thu) 10:11

デベロッパーのコミュニティには、実装に役立つテクニックやヒントが満載です。その中から特に有用なJavaScriptのテクニックとヒントを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/javascript-tips-by-garvitmotwani.html

【フォトショップ】輝きが違う！ライティング・グローエフェクトのつくり方

2021/04/22(Thu) 10:11

この記事では、フォトショップをつかった超リアルなライティング、グローエフェクトのつくり方をご紹介します。お好みで文字やネオンカラーの変更が可能な点もポイントで、手軽に編集を行うことができます。

https://photoshopvip.net/128434

【フォトショップ】ワンランク上のネオンサインエフェクトのつくり方

2021/04/21(Wed) 10:04

この記事では、フォトショップを使った超リアルなネオンサインエフェクトのつくり方をご紹介します。レイヤースタイルで表現できるお手軽なエフェクトで、ワンスパイス加えることで、本物そっくりなリアル感とライティングエフェクトを演出できるチュートリアルとなっています。

https://photoshopvip.net/128401

ロゴデザインをつくる PART.01 -書体篇-

2021/04/21(Wed) 10:03

自分は今まで、会社・サービス・美容室・病院などいろいろなロゴを作成してきました。いつもどのようにロゴを作っているのかを自分の整理とアップデートを兼ねて簡単な流れをまとめてみました。すこし長くなるので3つのパートに分けて説明していきたいと思います。

https://note.tsumikiinc.com/n/nea2455509427?gs=fa145d3d35e0

Web制作者は要チェック！Instagramに使用されているCSSのテクニック

2021/04/20(Tue) 10:11

Instagramに使用されているCSSのテクニックを紹介します。世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか？

https://coliss.com/articles/build-websites/operation/css/css-techniques-used-for-instagram.html

魅力的でインタラクティブなウェブサイト制作で意識したい6つのポイントまとめ

2021/04/19(Mon) 10:00

この記事では、ユーザーを飽きさせないインタラクティブなウェブサイト制作で意識したい6つのポイントをまとめてご紹介します。ここでは、インタラクティブなウェブサイトとは、ユーザーと対話するような参加型サイト体験を指しており、その方法やエフェクトもさまざまです。

https://photoshopvip.net/128359