- Messages
- 209
- Reaction score
- 1,117
- Points
- 343
Full Web Development Resources na need nyo tutorials and guides
Nandito na lahat and sites all links provided and info
programmer, UI/IU designer, animators etc.
marami kayo pede malaman dito
I can guarantee na marami kayo malalaman dito if seryoso kayo sa tinatahak nyo
at sobrang helpful nito kahit sa mga beginner or mga gusto palang i try
ang mundo ng computers
Reaction , feedback and suggestion lang ang hinihingi ko para naman mas
lalo pa gumanda ang threads ko
hinati ko sa 2 parts kasi di kasya sa isang
thread lang nakalink ang second part
sa pinakababa
THANK YOU!
Nandito na lahat and sites all links provided and info
programmer, UI/IU designer, animators etc.
marami kayo pede malaman dito
I can guarantee na marami kayo malalaman dito if seryoso kayo sa tinatahak nyo
at sobrang helpful nito kahit sa mga beginner or mga gusto palang i try
ang mundo ng computers
Reaction , feedback and suggestion lang ang hinihingi ko para naman mas
lalo pa gumanda ang threads ko
hinati ko sa 2 parts kasi di kasya sa isang
thread lang nakalink ang second part
sa pinakababa
THANK YOU!
DOCUMENTATIONS AND CHEATSHEETS
- MDN Web Docs - The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
- DevDocs - Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.
- DEVHINTS - A modest collection of cheatsheets.
- FLEX - Malven - A visual cheatsheet for CSS flex layout.
- GRID - Malven - A visual cheatsheet for CSS grid layout.
- CSS Grid Cheat Sheet - Your ultimate CSS grid visual guide.
- OverAPI - Collection Of Cheat Sheets.
- Awesome Cheatsheets - Awesome cheatsheets for popular programming languages, frameworks and development tools.
- GitSheet - A dead simple git cheatsheet.
- HTML5 Doctor - This is a quick reference of elements that are new or have been redefined in HTML5.
- HTML5 Canvas Cheat Sheet - HTML5 Canvas Cheat Sheet.
- Cheatography - Programming Cheat Sheets.
- CSS 3, Media Queries Cheat Sheet - CSS 3, Media Queries Cheat Sheet.
- SEO Cheat Sheet - The Web Developer's SEO Cheat Sheet.
- Bootstrap 5 Cheat Sheet - ThemeSelection's Bootstrap 5 Cheat Sheet.
- Figma - Figma helps teams create, test, and ship better designs from start to finish.
- Adobe XD - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one place.
- Sketch - Create, prototype, collaborate, and bring your ideas to life with the design platform used by over one million people — from freelancers, to the world’s largest teams.
- Whimsical - Communicate visually at the speed of thought – collaborative flowcharts, wireframes, sticky notes, and mind maps.
- Undesign - Collection of free design tools and resources for makers, developers and designers.
- How the Internet Works Video - How does the Internet Works?
- How the Internet Works Brief Videos - A brief explanations on, how does the Internet works?
- DNS - How DNS works?
- HTTPS - How HTTPS works?
- freeCodeCamp - Free course to learn Web Development.
- Interneting Is Hard - Friendly web development tutorials for complete beginners.
- Learn to Code HTML & CSS - The guide covers a variety of web design and development topics, ranging from beginner to advanced skill levels.
- HTML Elements - HTML elements reference by MDN.
- HTML Entity - HTML Entity Reference by CSS-Tricks.
- HTML Shark - Smart moves and dirty tricks for coding websites, effects and elements in HTML.
- CSS3 Properties - CSS reference by MDN.
- CSS Reference - A free visual guide to CSS.
- CSS Layout - A collection of popular layouts and patterns made with CSS.
- Modern CSS Solutions - A series examining modern CSS solutions to problems.
- CSS Diner - A fun game to help you learn and practice CSS selectors.
- Flexbox Froggy - A game that helps you to learn CSS Flex.
- CSS TRICKS - Flexbox - A Complete Guide to Flexbox.
- Grid by Example - Everything you need to learn CSS Grid Layout.
- Grid Garden - A game for learning CSS Grid.
- CSS TRICKS - A Complete Guide to Grid - A comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.
- Learn CSS Grid - A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.
- Can I Use - Up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
- CSS Effects - CSS Animations.
- Keyframes - Create basic or complex CSS @keyframe animations with a visual timeline editor.
- Animista - Play with a collection of ready to use CSS animations.
- BEM - BEM naming cheat sheet.
- Autoprefixer - Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes.
- CSS Formatter - Online CSS Formatter, CSS Beautifier.
- Placeholder - How To Use Our Placeholders. Just specify the image size after our URL and you'll get a placeholder image.
- DevProjects - Practice your coding skills with free HTML/CSS projects. Projects vary from beginner to advanced level.
- CodePen - Build, share, and learn JavaScript, CSS, and HTML with our online code editor
- Frontend Mentor - Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
- Good Code - Browse through dozens of front end coding challenges, complete with Adobe XD files and styleguides.
- codier - Explore and attempt front-end coding challenges.
- CSSBattle - CSS code-golfing is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.
- Google Fonts - The #1 resource for free and easy-to-use webfonts.
- Fonts Arena - Free fonts, free alternatives to premium fonts, done-for-you-research articles.
- Fontjoy - Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
- FontPair - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
- Font Playground - Play with variable fonts.
- Font Anything - Type Anything is a free and awesome typography tool to create and test font combinations for your projects.
- Coolors - Generate or browse beautiful color combinations for your designs.
- 0to255 - A color tool that makes it easy to lighten and darken colors.
- ColorBox - Create amazing color sets superfast.
- color x color - A tool to create accessible color systems for UIs
- Colors and Fonts - Find colors and typography combinations ready to copy paste in one click.
- ColorSpace - Generate nice Color Palettes.
- CSS Gradient - Free css gradient generator tool.
- uiGradients - A handpicked collection of beautiful color gradients for designers and developers.
- Picular - The color of anything.
- Colorable - Choose font colors based on your background color.
- Happy Hues - Curated colors in context.
- Unsplash - Free images and photos.
- Pexels - Free stock photos.
- Pixabay - Free image or video.
- LOADING.IO - Free spinner for your projects.
- LottieFiles - LottieFiles is a collection of animations designed for Lottie - gone are the days of bugging your developer.
- removebg - Remove Image Background.
- Remove Photo Data - Remove personal data from photos before sharing them on the internet.
- befunky - BeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages.
- unDraw - Browse to find the illustrations that fit your needs and click to download.
- manypixels - Free illustrations to power up your projects. Use them in a commercial or non-commercial way for your landing pages, blog posts, email newsletters, social media graphics and more.
- DrawKit - Hand-drawn vector illustration and icon resources, perfect for your next project.
- freepik - Free graphic resources.
Kung may deadlinks pakisabi agad para mapalitan ko ng alternative
inuulit ko para ito sa mga seryoso at sa gustong i try ang mundo ng programming and design
kaya malaking tulog to para sa mga nag i start
again thank you sana ma appreciate nyo mga threads ko
PART 2 LINK
Full Web Development Resources [begginer to Pro] Second Part
Last edited:
mabuhay ka !!!
