Web制作に役立つ情報一覧

【Photoshop＆Illustrator対応】 最高のロゴをつくろう！無料ロゴテンプレート30個まとめ

2018/09/27(Thu) 09:49

どんなプロジェクトやビジネスなど、ユーザーによりひろく認知されるために、ロゴデザインは必要不可欠なデザインと言えます。今回は、文字や色、サイズを変更するだけで、手軽にロゴデザインを作成できる無料テンプレート30種類をまとめてご紹介します。

http://photoshopvip.net/111082

こんな色の組み合わせもあるんだ！さまざまなテーマに合ったカラーパレットがまとめられた -SchemeColor

2018/09/26(Wed) 09:53

カラーパレットがまとめられているサイトはいくつかありますが、今回紹介するのはデザインやイラスト、ビジネスにも使えるさまざまなテーマごとに充実したカラーパレットが揃っており、完全無料でダウンロードできる優れものです。

https://coliss.com/articles/build-websites/operation/design/collection-of-color-schemes.html

これ便利！Photoshopであまり知られていない小技テクニック11選

2018/09/25(Tue) 09:51

この記事では、Photoshopによるデザイン制作がより快適になる、あまり知られていない小技テクニックをまとめています。より作業がしやすくなるポイントから、大幅に作業時間を短縮する時短テクニックやPhotoshpの隠しコマンドなど幅広い小技を揃えています。

http://photoshopvip.net/unknown-ps-tips

【コピペOK】ちょい足しで使えるCSSアニメーションのサンプル8選（解説つき）

2018/09/21(Fri) 10:08

この記事ではCSSアニメーションについて解説をしながらサンプルを掲載していきます。CSSは書けるけどアニメーションは詳しくない。CSSのアニメーションに興味がある。だけどどう実装すればいいかわからない

https://creive.me/archives/14275/

効果的なユーザーインタビューのためのガイドライン

2018/09/20(Thu) 09:55

私は、新聞記者として自分のキャリアを始め、亡命中のチベットの首相から街頭の人々まで、何百ものテーマのインタビューを行ってきました。インタビューを通して新たな視点や立場を発見し、考え方が大きく変わったこともあります。

https://uxmilk.jp/73422

コピペで実現！思わず押したくなるCSSボタンエフェクト42個まとめ

2018/09/19(Wed) 09:52

CSSで表現できる、ユニークなボタンデザインをまとめています。一部、jQueryなどプラグインが必要となりますが、CSSのコピー&ペーストで利用できるサンプルやテクニックを、WEB制作のためのコードコミュニティサイト、Codepenよりピックアップしてご紹介します。

http://photoshopvip.net/111009

[CSS]シンプルなHTMLで、美しいプログレスバーを実装するスタイルシートのテクニック

2018/09/19(Wed) 09:51

フォームなどのタスク完了までの進捗状況を表示するプログレスバーを実装するスタイルシートのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/pure-css-progress-bar.html

Photoshopで手描きイラストの背景を透明にする方法（線画抽出テクニック）

2018/09/14(Fri) 10:00

紙とペンとつかって手描きされたイラストを、デジタル加工しやすくするために背景を透明にする方法をご紹介します。Photoshopの「線画抽出」という作業で、「チャンネル」機能を駆使することで、デジタル塗りで使いやすい線画に変換します。

http://photoshopvip.net/110986

CSSでスクロールのスナップが可能に！scroll-snapプロパティの基礎知識と便利な使い方

2018/09/14(Fri) 09:59

CSSのscroll-snapプロパティを使用すると、縦長ページなどでスクロールをしてコンテンツの中途半端な位置で終了しても、ちょうどよい位置にぴたっとスナップさせることができます。今まではJavaScriptの領域でしたが、これからはCSSのみで実装できます。

https://coliss.com/articles/build-websites/operation/css/how-to-use-css-scroll-snap.html

商用利用無料！書道家「ダ山竹電」先生によるSVGの筆書き素材 -カリ蔵(カリグラ)

2018/09/13(Thu) 09:53

筆書きのかっこいい文字を使いたい！一回使うだけなのに、毛筆フォントをインストールするのは面倒！そんな人たちの要望を叶えるべく、書道家「ダ山竹電」先生が立ち上がり、カリグラフィの筆書き素材がローンチしたので、紹介します。

https://coliss.com/articles/freebies/svg-calligra.html