ホーム>Web サイト構築リソース>ウェブサイトデータ
ダウンロード

目次

  • ？無料ホスティング
  • ??？学習プラットフォーム
  • ⛓YouTubeチャンネル
  • ？§ポッドキャスト
  • ?? ‍コードエディター
  • ？コーディングチャレンジプラットフォーム
  • ？フリーランスプラットフォーム
  • ？リモートジョブを見つけるウェブサイト
  • ？無料の高品質の写真
  • ？無料のイラストデ​​ザイン
  • Web-Devライブラリ
  • ？アイコン
  • ？フォント
  • CSSのリソース
  • ？ JavaScriptのリソース
  • ？クレジット

無料ホスティング：

  • http://netlify.com
  • http://firebase.google.com
  • http://aws.amazon.com
  • http://heroku.com
  • http://pages.github.com
  • http://vercel.com
  • http://surge.sh
  • http://render.com
  • https://cloud.google.com/
  • http://docs.gitlab.com/ee/user/project/pages

学習プラットフォーム：

  • http://freecodecamp.org
  • http://codecademy.com
  • http://javascript30.com
  • http://frontendmentor.io
  • http://testautomationu.applitools.com
  • http://coursera.org
  • http://khanacademy.org
  • http://solearn.com

YouTubeチャンネル：

  • トラバーシーメディア
  • FreeCodecamp
  • ネット忍者
  • Google Chrome開発者
  • 新しいボストン
  • デレク・バナス
  • アカデミンド
  • learncode.academy
  • codestackr
  • Web開発は簡素化されました
  • フロリンポップ

ポッドキャスト：

  • 構文
  • フルスタックラジオ
  • Changelog
  • ララキャストスニペット
  • フロントエンドハッピーアワー
  • JavaScript Jabberアーカイブ
  • あなたのコードをコミットしてください！
  • お店の話
  • てんとう虫ポッドキャスト
  • Codepen Radio
  • Jamstack Radio
  • 現代のウェブ

コードエディター：

  • ビジュアルスタジオコード[vsコード]
  • 崇高なテキスト
  • 原子
  • ブラケット
  • vim

チャレンジプラットフォームのコーディング：

  • http://codewars.com
  • http://topcoder.com
  • http://codingame.com
  • http://hackerrank.com
  • http://projecteuler.net
  • http://coderbyte.com
  • http://codechef.com
  • http://exercism.io
  • http://leetcode.com
  • http://spoj.com

フリーランスプラットフォーム：

  • http://toptal.com
  • http://upwork.com
  • http://freelancer.com
  • http://peopleperhour.com
  • http://simplyhired.com
  • http://envato.com
  • http://guru.com
  • http://fiverr.com
  • http://hireable.com
  • http://6nomads.com

リモートジョブを見つけるためのWebサイトのリスト：

  • http://flexjobs.com
  • http://remote.co/remote-jobs
  • http://justremote.co
  • http://weworkremotely.com
  • http://remoteok.io
  • http://jobspresso.co
  • http://europeremotely.com
  • http://wfh.io

無料の品質写真：

  • http://unsplash.com
  • http://pixabay.com
  • http://pexels.com

無料のイラストデ​​ザイン：

  • http://undraw.co/illustrations
  • http://drawkit.io
  • http://icons8.com/ouch
  • http://iradesign.io
  • http://interfacer.xyz
  • http://blush.design

Web開発ライブラリ

  • 滑らかな3DチルトJavaScriptライブラリ。

アイコン：

  • http://fontawesome.com
  • http://flaticon.com
  • http://icons8.com
  • http://material.io/resources/icons
  • http://iconmonstr.com

フォント：

  • http://fonts.google.com
  • http://fontspace.com
  • http://1001fonts.com
  • http://fontsquirrel.com

CSSのリソース

  1. カラーハントhttps://colorhunt.co

  2. Coolors https://coolors.co

  3. HTMLカラーコードhttps://htmlcolorcodes.com

  4. UIグラデーションhttps://uigradients.com/#bupe

  5. グラデーションジェネレーターCSSGRADIENT.IO

  6. encycolorpedia https://encycolorpedia.com

  7. webfx https://webfx.com/web-design/color-picker/

  8. ラジアルグラジエントhttps://css-gradient.com

  9. 色https://clrs.cc

  10. フラットUIカラー2 https://flatuicolors.com/

コードスニペット

  1. Webツールhttps://webcode.tools/css-generator

  2. リトルスニペットhttps://littlesnippets.net

  3. CSS https://enjoycss.comをお楽しみください

  4. CSSトリックhttps://css-tricks.com/snippets/css/

  5. CSSデッキhttps://cssdeck.com

  6. W3 https://w3schools.com/howto/へ

  7. snipplr https://snipplr.com

  8. スタックオーバーフローhttps://stackoverflow.com/questions/tagged/css

  9. Codepen https://codepen.io/collection/dypwpe

  10. 私のui https://codemyui.com/をコードする

ドキュメントとメモ

  1. W3学校https://w3schools.com/css/

  2. mdn https://developer.mozilla.org/en-us/docs/web/css

  3. devdocs https://devdocs.io/css/

  4. オタクのオタクhttps://geeksforgeeks.org/css-tutorials/

  5. チュートリアルポイントhttps://tutorialspoint.com/css/index.html

CSSジェネレーター

  1. CSSボタン作成者https://cssbuttoncreator.com

  2. ブロブメーカーhttps://blobmaker.app

  3. Waves Maker https://getwaves.io

  4. CSS https://enjoycss.comをお楽しみください

  5. Neumorphic UI https://neumorphism.io/#e0e0e0

  6. GlassMorphismジェネレーターhttps://glassmorphism.com

  7. keyframes https://keyframes.app

  8. Animista https://animista.net

  9. ファンシーボーダーhttps://9Elements.github.io/fancy-border-radius/

  10. CSSジェネレーターツールhttps://cssgenerator.org/

  11. CSS 3メーカーhttps://css3maker.com

  12. CSSクリップパスメーカーhttps://bennettfeely.com/clippy/

  13. CSSはジェネレーターhttps://coveloping.com/tools/css-shapes-generatorを形作ります

  14. パターンジェネレーターhttp://patternify.com

  15. 背景画像ジェネレーターhttp://bg.siteorigin.com

デザインのインスピレーション

  1. CSS Design Awards https://cssdesignawards.com

  2. awwwards https://awwwards.com/websites/css3/

  3. CSSネクターhttps://cssnectar.com

  4. Design Modo https://designmodo.com/css-website-designs/

  5. CSSの勝者https://csswinner.com

YouTubeチュートリアル

  1. 無料コードキャンプhttps://youtube.com/watch?v=1RS2nd1Ryyc

  2. Traversy Media https://youtube.com/watch?v=yfoy53qxeni

  3. コーディングアーティストhttps://youtube.com/channel/uc15exv5s79d_aygadudlwpq

  4. edureka https://youtube.com/watch?v=3_9znkvne5g

  5. Red stapler https://www.youtube.com/channel/ucrthrrv06q1iol86-ttkjhg

Github Repo

  1. 素晴らしいCSS https://github.com/awesome-css-group/awesome-css

  2. 30秒のCSS https://github.com/30-seconds/30-seconds-of-css

  3. CSSはhttps://github.com/allthingsssmitty/css-protipsを抑制します

  4. 素晴らしいFlexBox https://github.com/afonsopacifer/awesome-flexbox

  5. FlexBox https://github.com/ohansemmanuel/understanding-flexboxの理解

Chrome拡張機能

  1. CSS Peeper https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhuofhpehk?hl=en

  2. 農薬https://chrome.google.com/webstore/detail/-pesticide-for-chrome-with/eipbgplchlidkojmppclhkechkhmlefi?hl=en

  3. StyleBot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecggbjeifoejpgmdaleoha？hl = en

  4. パーフェクトピクセルhttps://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi？hl=en

  5. ColorPick Eyedropper https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg？hl=en

JavaScriptのリソース

  1. mdn https://developer.mozilla.org/en-us/docs/web/javascript

  2. W3学校https://w3schools.com/js/

  3. devdocs https://devdocs.io/javascript/

  4. JavaScript情報https://javascript.info

  5. JavaScript Garden https://bonsaiden.github.io/javascript-garden/？ref=java5cript.com

  6. コードアカデミーhttps://codecademy.com/learn/introduction-to-javascript

  7. udemy https://udemy.com/course/the-complete-javascript-course/

  8. Coursera https://coursera.org/learn/javascript

  9. 複数の光景https://pluralsight.com/courses/quick-start-javascript-1870

  10. Scrimba https://scrimba.com/topic/javascript

  11. オタクのオタクhttps://geeksforgeeks.org/javascript-tutorial/

  12. Java Point https://javatpoint.com/javascript-tutorial

  13. チュートリアルポイントhttps://tutorialspoint.com/javascript/index.htm

  14. Odinプロジェクトhttps://theodinproject.com/courses/javascript

  15. JS https://www.learn-js.org/を学ぶ

  16. JavaScript wikipedia https://en.wikibooks.org/wiki/javascript/introduction

  17. JavaScript 30 https://javascript30.com

  18. 猫のためのJavaScript http://jsforcats.com

  19. java5cript https://java5cript.com

  20. Scotch IO https://scotch.io/tag/javascript

  21. JavaScript Mastery https://youtube.com/watch？v = g7t23xzys-a

  22. 賢いプログラマーhttps://youtube.com/watch?v=QQX_WZMMFEA

  23. edureka https://youtube.com/watch?v=o1iaduqico0

  24. Coursera https://youtube.com/watch?v=o1iaduqico0

  25. FreeCodecamp https://www.youtube.com/watch?v=pkzno7mfnfg&ab_channel=freecodecamp.org

  26. Web Dev Simplified https://youtube.com/watch?v=yefzkc2awtm&list=plzla0gpn_vh9k5ju1yq9qcdqvtutvgtr6

  27. Traversy Media https://youtube.com/watch?v=hdi2bqojy3c&list=plillgf-rfqbbnegy3roilwk7jmcusyqtx

  28. edureka https://youtube.com/watch?v=iljvmcddrog

  29. Hitesh Choudhary https://youtube.com/watch?v=2md4hqnrqja&list=plrav69ds1uwsxuik5o3vqy2-_vksopxld

  30. SimonHøiberghttps://www.youtube.com/watch？v = yu0gh9t7sq8&ab_channel=simonh%C3%B8iberg

  31. Eloquent JS https://eloquentjavascript.net

  32. JSデザインパターンhttps://addyosmani.com/resources/essentialjsdesignpatterns/book/

  33. JavaScript初心者のハンドブックhttps://flaviocopes.com/page/javascripthandbook/

  34. https://pdfdrive.com/javascript-javascript-for-beginners-learn-javascript-programming-with-aease-the-half-the-averything-about-the-language-coding-coding-coding-coding-coding-coding-coding-pages-web-pages-you-need-to-know-eas158299863.htmlを簡単に学ぶJavaScriptを学ぶ

  35. Human JavaScript https://read.humanjavascript.com

  36. Modern JavaScriptチュートリアルhttps://github.com/javascript-tutorial/en.javascript.info

  37. 素晴らしいJS学習https://github.com/micromata/awesome-javascript-learning

  38. js by https://github.com/bmkmanoj/js-by-examples

  39. 33 JSコンセプトhttps://github.com/leonardomso/33-jsconcepts

  40. 30秒コードhttps://github.com/30-seconds/30-seconds-of-code

  41. 10時間の10 JSプロジェクトhttps://youtube.com/watch?v=dtkciwk_si4

  42. 15 JSプロジェクトhttps://youtube.com/watch?v=3phxvlpokf4

  43. JS https://youtube.com/watch?v=lhnduvh3qccを使用して7ゲームをビルドします

  44. 50日間の50プロジェクトhttps://udemy.com/course/50-projects-50-days/

  45. 初心者向けのJavaScriptプロジェクトhttps://jsbeginners.com/javascript-projects-for-beginners/

  46. 新しいリソースがまもなく登場します

クレジット

  • プラサム
  • Marko Denic

Kiwismedia：人間の最高の作品を発見してください

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて