Category:Web

Webデザイン・制作を勉強したい方にオススメの参考サイトまとめ

皆さん、こんにちは!

久しぶりの投稿となってしまい、申し訳ございません。。。

今回、ご紹介するのはWebデザイン・制作の時に是非活用して頂きたい参考サイトです。

Web制作されている方は分かる思うのですが、作業時や作業前に参考サイトを漁って技術を学んだり、デザインの参考にしたり、またお気に入りの参考サイトを複数個持っているものですよね。

私もWebエンジニアの端くれなので参考サイトは沢山持つようにしています。

ですので、今回はその私がWeb制作の時に参考にしているサイトを紹介していきます!

 

Webデザインの参考サイト

まずは、Webデザインの参考サイトから紹介致します。

MUUUUU.ORG

MUUUUU.ORG

こちらは「MUUUUU.ORG」です。

主に縦に長くデザイン性の優れたWebサイトを紹介するサイトです。

2018年現在では3,000を超える量のサイトを掲載しています。

MUUUUU.ORGを見る

I/O 3000

I/O 3000

こちらは「I/O 3000」です。

デザイナーに向けたオシャレなサイトが多く掲載されています。

国内外を問わずサイトを掲載し検索機能も充実しています。

I/O 3000を見る

Responsive Web Design JP

Responsive Web Design JP

こちらは「Responsive Web Design JP」です。

レスポンシブデザインのWebサイトを主に掲載しています。

レスポンシブ時のサムネイルで紹介されているのでレスポンシブデザインをしたい時にはとても便利です。

Responsive Web Design JPを見る

Web制作(HTML・CS・JS)の参考サイト

次にWeb制作における技術面の参考サイトをご紹介します。

サルワカ

サルワカ

こちらは「サルワカ」です。

Web制作だけではなくデザインも勉強できる参考サイトです。

この記事を書くキッカケになったサイトで、いつもCSSのレイアウト調整などでお世話になっております。

とてもわかり易く例を使って紹介されているので本当に助かっています。

サルワカを見る

Qiita

qiita

こちらは「Qiita」です。

プラグラマーのための情報共有サイトで、会員登録することによって記事を投稿することも出来ます。

作業ログとして使っている方も多く、同じ壁にぶつかった人がその壁を超える方法などを残してくれているかもしれません。

Qiitaを見る

KoToRi Blog【コトリブログ】

KoToRi Blog【コトリブログ】

こちら「KoToRi Blog【コトリブログ】」です。

可愛いパンダのキャラクターが印象的なサイトで、

WebだけでなくOSやサーバーの参考記事も沢山あります。

まさにWeb制作における参考記事を網羅してくれている、そんなサイトです。

KoToRi Blog【コトリブログ】を見る

 

最後に

他にも沢山の参考サイトがあります。

その中でも最近私がよく参考にさせて頂いたものを取り上げました。

また今後この記事で紹介する参考サイトを更新していく予定です。

それでは、また会う日まで!

RECOMENDED

これが欲しかった!HTML/CSSのみで作られた矢印アイコンのスニペット

Webサイトでよく使用される矢印アイコンをCodePenよりまとめました。よく使うものだからいちい…

CSSのみでHTML要素を上下左右に中央寄せする方法

cssの配置には色んな方法がありますが、常にベストを保つのは難しいものです。今回の記事ではcs…

CSSを非同期で読み込む方法【多分これが1番いいはず!】

全ブラウザ対応(IE9以下以外)のCSS非同期読み込みの方法を紹介します。ファーストビューで表示…

【クリック率倍増!】CTAのボタンの見直すべきポイント

CTAの最適化は出来ていますか?今回紹介するのはCTAのボタンで見直すべきポイントです。3つのポ…

WebエンジニアがUXを勉強してみてわかったこと【個人ログ】

普段ずっとコーディングしてばっかのエンジニアが頑張ってUXにも興味を持とうと頑張ったので、…

おしゃれなHTMLテンプレートを無料で配布しているColorlibが有能すぎる

HTMLテンプレートを探しているときに見つけた「Colorlib」という配布サイトの紹介です。おしゃ…

もっと読む