Creating Web pages

Understanding FOSS

Creating/Using FOSS

Creating Web pages

Details: Category: Creating and using FOSS; Published on Thursday, 04 June 2015 21:13; Written by Super User; Hits: 23721

Creating Web pages with HTML, CSS, JavaScript, etc.

How the Web Works: A Primer for Newcomers to Web Development (or anyone, really)	How the Web Works Part II: Client-Server Model & the Structure of a Web Application
CodeAnalogies Blog - The Relationship Between HTML, CSS and JavaScript Explained by Building A City	CodeAnalogies Blog - Visual explanations of HTML, CSS and JavaScript concepts
Flavio Copes	Learn Web Development with This Free 20-Hour Course
Getting started with the web - Learn web development \| MDN	Server-side website programming - Learn web development \| MDN
The Bad Website Club (and more free Bootcamps)	Free WebDev and JS Bootcamps for 2024 – Learn HTML, CSS, and JavaScript
Full Stack Engineer Guide	ExamPro Cloud Developer Environment Certification — Pass the Exam with This 12 Hour Course
The Localization Handbook – How to Translate Your Website Into Different World Languages [Full Book]	Localize Your Websites with Crowdin
How to Make Your Web Sites Accessible	How to Test Your Website Speed on Linux
How to Create a Website – Step-by-Step Guide for Beginners	web.dev
Frontend Web Developer 21-Hour Bootcamp	How to Make a Landing Page using HTML, SCSS, and JavaScript
How to choose a web hosting provider	7 Types of Web Hosting Explained: Uses & Key Differences
How to Choose the Best Linux VPS Hosting for Your Website	5 Popular Linux Distros to Run on a VPS
How to Put a Website Online – Template, Hosting, Custom Domain + Email, and Website Creation Guide	Free Web Hosting: Latest Additions (Free Web Hosts to place your site) (thefreecountry.com)
Cheapest Web Hosting Services 2023	The best web hosting providers for 2024 - CNET
The Best Web Hosting	Thoughts on Endurance International Group (EIG) Hosting \| Linux Depot
5 Best Platforms for Hosting Your Web Development Projects	Create a Simple Website with HTML, CSS, JavaScript
How to Host a Static Site in the Cloud in Four Steps	What is Static Site Generation? How Next.js Uses SSG for Dynamic Web Apps
How to Build a Website from Start to Finish: Free 5-hour WordPress and PHP Course	5 Best Free and Open Source Dart Static Site Generators
Easily create a website using Elementor and WordPress	Build an Accessible Web App with HTML, Sass, and JavaScript
Learn Bootstrap 5 and SASS by Building a Portfolio Website	Use Selenium to Create a Web Scraping Bot
Daring Fireball: Markdown	How to Publish an HTML Website on Netlify or GitHub Pages
Compare The Best Website Builders of 2020	top10WEBSITEBUILDERS
Best website builders for 2020: Wix, Squarespace and more compared	Hugo vs. Jekyll: Comparing the leading static website generators
Hugo :: A fast and modern static website engine	Start a blog in 30 minutes with Hugo, a static site generator written in Go
Jekyll \| Simple, blog-aware, static sites \| Transform your plain text into static websites and blogs	Getting started with Jekyll, a free and open source static site generator
Hugo Themes	Jekyll Themes
Hugo/Jekyll website builder/Markdown language
Getting started with Pelican: A Python-based static site generator	6 sysadmin skills web developers need
6 Methods to Quickly Check if a Website is up or down from the Linux Terminal
A Brief History of Responsive Web Design	Responsive web design
Prompt Engineering for Web Developers	thesitewizard.com: Website design, promotion, CGI, PHP, JavaScript scripting, and revenue earning.
InMotion Education Channel \| InMotion Hosting	URL Encoding
ASCII Table and Description	3 Free Color-Picker Tools for the Linux Desktop
10 Best Markdown Editors for Linux	VPS Hosting - Top Virtual Private Server Services
Learn to Code and Help Nonprofits \| freeCodeCamp	Learn HTML5, CSS3, Javascript - video style tutorials
Create a MERN Stack App with a Serverless Backend	MERN Stack Roadmap – How to Learn MERN and Become a Full-Stack Developer
Ryan's Tutorials
Tutorials websites	Checking website statistics using Webalizer
How HTTP Works and Why it's Important – Explained in Plain English	The World Wide Web
The W3C Markup Validation Service	SEO Tutorial
Top 14 Open Source Web Development Tools	Tools for Web Developers \| Google Developers
Chrome DevTools \| Tools for Web Developers	Learn How to Use the Chrome DevTools to Troubleshoot Websites
How to Use Figma to Design Websites	How to Use Variables in Figma – A Handbook for Beginners
One-Click AI Web Development Tutorial - Learn how to Turn Figma Designs into Working Code using AI [Full Course]
Software/web development tools	How to Pick a Font – An In-Depth Guide for Developers
Also see The rest of the LAMP stack	Mozilla Hacks – the Web developer blog
How to Install Firefox Developer Edition in Linux	Web Developer's Library
CodePen - Front End Developer Playground & Code Editor in the Browser	Brackets - A modern, open source text editor that understands web design
Google's cross-platform UI toolkit has a Flutter on 'social development' with CodePen	Flutter - Beautiful native apps in record time
Code a Full Stack Instagram Clone with Flutter and Firebase	Create a Portfolio Website Using HTML, CSS, & JavaScript
Test-Driven Web Development with Python	O'Reilly - Safari Books Online - Trial
Girl Develop It -- Learn to Code	Help wanted:Open Source jobs
The Complete Freelance Web Developer Guide: How to Make Money Through Freelance Programming Jobs	5 Mistakes Beginner Web Developers Make – And How to Fix Them
Learn HTML and CSS from the CEO of Scrimba	HTML / CSS Tutorial - Build a Recipe Website
Learn HTML and CSS in Spanish – Course for Beginners	Practice HTML, CSS, and JavaScript in Spanish by Building 7 Projects
Build a Responsive Website with HTML and CSS - Course in Spanish
Learn all about Micro-Frontends	What is a PWA? Progressive Web Apps for Beginners
Learn how to create a virtual world using HMTL, CSS, and JavaScript	Learn Full Stack Development – HTML, CSS, JavaScript, Node.js, MongoDB
How to Use Python for Web Development	What is Pre-Caching? How to Increase Website Speed and Performance
Frontend Web Development: In-Depth Project Tutorial	Create a Personal Website with Next.js 13, Sanity.io, TailwindCSS, and TypeScript
Master ASP.NET Core by Building Three Projects

Link shorteners
The 6 Best URL Shorteners to Shorten Long Links	The Ultimate List of The 10 BEST URL Shortener Services
30 Highest Paying URL Shortener 2019: Best URL Shortener to Earn Money	Shorten Links With Your Own Domain - Shorty WP
Create a short URL - Google Help	About Twitter's link service
Earn money on short links. Make short links and earn the biggest money - Shorte.st links	Url Shortener - Chrome Web Store
Tiny URL \| Free Short URL Redirects with Tinycc	Bitly \| URL Shortener, Custom Links & Link Analytics
TinyURL.com - shorten that long URL into a tiny URL	AI6 \| URL and Link Shortener
Cuttly \| Free Custom URL Shortener, Branded URLs, Link Management, API	Shortener Link
Short URL	Rebrandly \| URL Shortener, Branded Link Management, API
LnnkIn \| Free URL Shortener, Cut URLs, Track Clicks, API	URL Shortener - link shortener online to customized and shorten urls
ShrtFly - Best URL Shortener 2019	BL.INK \| Free URL Shortener, Branded URLs, Smart Links & Link Management
V.HT \| URL Shortening Service The Shortest Link Ever	is.gd - a URL shortener. Mmmm, tasty URLs!
Go.USA.gov \| US govt link shortenet	3 open source link shorteners

Convert website to Android app
Turn Website Into Browser App - Video Results	How to Convert a Website into Android Application using Android Studio
How to convert a website into an Android app from scratch	convert website into Android app - LinuxMint Video Search results
Converting A Website Into An Android App	Best Places to Turn Your Website Into an App for Android and iPhone
WebView Android App: Convert Website Into App Tutorial In Android Studio	Web2app : Convert your website into Android/iOS App
How to Turn a Website Into a Mobile App	Convert Your Website to App - Web 2 Application

HTML
CSS
Sass
Tailwind
JavaScript
jQuery
Responsive web design
AJAX
DOM

TOP

HTML/DHTML/XHTML
ClearlyDecoded.com - Yaakov Chaikin	HTML Cheat Sheet \| OverAPI.com
HTML Standard	HTML for Beginners
Learn HTML – Beginner's Course	HTML: The Definitive Guide
DHTML Tutorial \| Javatpoint	DHTML Tutorial \| w3schools.com
What is HTML? What Does HTML Stand For? [Solved]	HTML Tutorial - Website Crash Course for Beginners (2021) \| YouTube
HTML Tutorials - XHTML Tutorials	Bulletproof HTML: 37 Steps to Perfect Markup
Advanced HTML, XHTML,CSS and DHTML	XHTML2 Working Group Home Page
HTML - IT eBooks search	The HTML Handbook
HTML For Beginners And Veterans Made Easy – Start Learning Today	Learn HTML and CSS by Building an Order Summary Component
HTTP Request Methods – Get vs Put vs Post Explained with Code Examples	Learn HTML – Responsive Web Design Study Guide
HTML & Coding Introduction – Course for Beginners
HTML5
HTML5 Introduction - w3schools.com	Html5 Tutorial for Beginners \| Css3 Tutorial
HTML5 tags \| Learn HTML5 \| HTML5 tutorials \| HTML5 example codes	HTML5 Tutorial - Welcome
HTML5 Canvas	HTML 5 Tags
HTML5 Canvas Cheat Sheet - HTML5_Canvas_Cheat_Sheet.pdf	HTML5 - IT eBooks search
H5P: A CMS plugin for creating HTML5 interactive content	H5P - Create, share and reuse interactive HTML5 content in your browser
How to Create and Validate Modern Web Forms with HTML5	SVG Tutorial – How to Code Images with 12 Examples
How to Build a Custom HTML5 Video Player Using TailwindCSS and JavaScript

TOP

CSS
CSS Cheat Sheet \| OverAPI.com	CSS-Tricks
The CSS Handbook: a handy guide to CSS for developers	The CSS Flexbox Handbook – Complete Guide with Practical Examples
CSS Tutorial
Learn CSS step by step	The Complete CSS Tutorial
CSS Tutorial - HTML.net	Starting with HTML + CSS
Popular Open Source CSS Frameworks for Developers	CSS - IT eBooks search
Y'know CSS was to kill off HTML table layout? Well, second time's a charm: Meet CSS Grid	Top CSS Courses Online \| Udemy
CSS Transition Examples – How to Use Hover Animation, Change Opacity, and More	How to Use CSS Grid Layout – Grid Properties Explained with Examples
How to Use CSS Selectors to Style Your Web Page	How to Use CSS Media Queries to Create Responsive Websites
Learn CSS Flexbox in This Crash Course	Learn CSS Flexbox in Spanish – Course for Beginners
CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items
CSS Cheat Sheet – 10 Tricks to Improve Your Next Coding Project	How to Create and Implement a Design System with CSS
CSS Selector Types – How to Select Elements to Style in CSS	Learn CSS in 11 Hours
CSS Selectors – Cheat Sheet for Class, Name, Child Selector List	How the CSS Position Property Works – Explained with Code Examples
Learn CSS – Responsive Web Design Study Guide	How the Z-index Property Works – Stacking Order of Elements in CSS
CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties	How CSS Spacing Works – A Guide for Web Developers
CSS Transition vs Animation Handbook – How to Animate Elements in CSS
CSS3
CSS3 Introduction	Html5 Tutorial for Beginners \| Css3 Tutorial
CSS3 - Tutorial \| Learning CSS3	CSS3.com - A comprehensive CSS 3 reference guide, tutorial, and blog
The complete CSS3 tutorial	W3C CSS3 Tutorial - HTML TUTORIALS
Beginner's Guide to CSS3	CSS3 - IT eBooks search
Sass (stylesheet language)/SCSS
Sass	Sass Tutorial - Tutorialspoint
Sass Tutorial - w3schools.com	SASS/SCSS Tutorial - javatpoint
Sass Tutorial \| Codecademy	Getting Started with SASS (with Interactive Examples) - Scotch.io
Best Sass Tutorials : A Comprehensive Guide to Sass	Sass Tutorial - Video Search Results
Sass Basics	Theming with Sass: An SCSS Tutorial
Sass Style Guide	Sass Tutorial for Beginners - CSS With Superpowers \| YouTube

Beginner's Guide to Using SCSS	Introduction to SCSS
What Is Scss And How To Use Scss In html ?	SCSS style guide
What's the difference between SCSS and Sass?	What is the difference between CSS and SCSS ?

Tailwind
How to Get Started with TailwindCSS	Extremely Useful Tailwind CSS Tutorial For Beginners 2022
Tailwind CSS tutorial - Learn how to build websites using a utility-first CSS framework	Tailwind CSS - GeeksforGeeks
Tailwind CSS Components Tutorial – How to get started with Flowbite	What is Tailwind CSS and How Can I Add it to my Website or React App?
Tailwind CSS tools for developers	10+ Free Tailwind CSS Templates & Resources for 2021
My Favorite 15 Tailwind CSS Plugins and Resources	Best Tailwind CSS components and template collections
Tailwind CSS Components gallery	14 Tailwind CSS Custom Forms
Free Responsive Tailwind CSS Templates	The Pros and Cons of Tailwind CSS
Learn Tailwind CSS	Learn Tailwind CSS in Spanish – Full Course
Tailwind CSS - YouTube video search results	Learn SvelteKit and Tailwind CSS by Building a Web Portfolio

TOP

JavaScript
Javascript Cheat Sheet \| OverAPI.com
JavaScript: The Definitive Guide, 6th Edition - Free Download eBook - pdf	JavaScript \| MDN
Javascript - TutorGig search results	JavaScript Tutorials - PageResource.com
JAVASCRIPT TUTORIAL - EchoEcho.Com	JavaScript Tutorials for All Levels of Programming
Advanced JavaScript Tutorials	javascript tutorials - YouTube Videos
JavaScript Tutorial	Javascript Tutorial - Tutorials Point.com
JavaScript tutorial - HowtoCreate.co.uk	Javascript Tutorial \| Javascript Training
7 Free JavaScript E-Books and Tutorials	JavaScript Cookbook
Programming JavaScript Applications	Free JavaScript training from the author of 'JavaScript: The Good Parts'
JavaScript - IT eBooks search	see also: Programming Languages
Master the HTTP Networking Protocol	HTTP Networking in JavaScript – Handbook for Beginners
Asynchronous Programming in JavaScript for Beginners

TOP

JQuery
jQuery Cheat Sheet \| OverAPI.com
jQuery Learning Center	jQuery API Documentation
jQuery - TutorGig search results	Getting Started with jQuery
jQuery Tutorial for Beginners: Nothing But the Goods	Tutorials - jQuery.com
Learning jQuery - Tutorial Roundup for Beginners	jQuery Fundamentals
jQuery for Absolute Beginners: The Complete Series	40+ Excellent jQuery Tutorials
jquery tutorial - YouTube Videos	jQuery Tutorials for Designers
Event Driven Programming with jQuery Tutorial	Welcome to jQuery for Designers
Tutorials:How jQuery Works	jQuery - IT eBooks search
jQuery Cheatsheet	jQuery in Action, Third Edition

TOP

Responsive web design
Free Coding Bootcamp Based on freeCodeCamp's Curriculum	(New) Responsive Web Design Certification
Free WebDev Bootcamp for 2023 – Learn Responsive Web Design
Bootstrap	ZURB Foundation
Bootstrap 3 Tutorial	Zurb Foundation
Bootstrap Tutorial - Tutorial Republic	Foundation Documentation
Bootstrap Tutorial - TutorialsPoint	ZURB Foundation Training \| Introduction to Foundation
Bootstrap 4 Tutorial	ZURB FOUNDATION FRAMEWORK TUTORIAL
Bootstrap 4 tutorial - best & free guide of responsive web design	Foundation Framework Crash Course - YouTube
Bootstrap Tutorial - YouTube	ZURB Foundation Tutorial (pdf) - tutorialspoint.com
Bootstrap - Tutorials Point(pdf)	Foundation Tutorial - Tutorialspoint
What is Bootstrap? A Short Bootstrap Tutorial on the What, Why, and How	ZURB Foundation Training \| courses
Twitter Bootstrap tutorial	Mastering Foundation Zurb. Tutorials From A to Z
Learn Bootstrap Tutorial - JavaTpoint	Best Zurb Foundation Tutorials to Whip Up Your Site Development
Bootstrap 3.0.3 Documentation	The Ultimate Guide to Getting Started with Foundation
Complete List of All Bootstrap 4 Classes
Learn Bootstrap 5 in Spanish by Building a Portfolio Website – Bootstrap Course for Beginners
Bootstrap CSS & JavaScript (JS) References
seew3schools.com Bootstrap 3 Tutorial

TOP

AJAX
Ajax - TutorGig search results	Ajax Tutorial for Beginners
Ajax Basics	Ajax Tutorials for All Levels of Programming
AJAX Tutorial	Ajax tutorial - YouTube Videos
AJAX Tutorial - Tutorial Points.com	30 Fresh AJAX Tutorials And Techniques
Mastering Ajax - IBM developerWorks	5 Ways to Make Ajax Calls with jQuery
AJAX - Mozilla Developer Network	AJAX Tutorial - Google
Ajax Tutorial Round-up

TOP

DOM - Document Object Model
HTML-DOM Cheat Sheet \| OverAPI.com
W3C DOM -Introduction	What is the DOM? Document Object Model Meaning in JavaScript
W3C DOM introduction - HowtoCreate.co.uk	W3C DOM
HTML DOM Tutorial - w3schools	HTML DOM Tutorial
DOM nodes and tree	DOM Tutorial
DOM tutorial - YouTube Videos	DOM - IT eBooks search
What is the DOM? The Document Object Model Explained in Plain English	How to Manipulate the DOM - the Ultimate Beginner's Guide
JavaScript DOM Manipulation Course	Learn JavaScript for DOM Manipulation in Spanish – Course for Beginners
How the JavaScript DOM Works – A Practical Tutorial

Custom Desktop Solutions

Understanding FOSS

Creating/Using FOSS

Creating Web pages

Creating Web pages with HTML, CSS, JavaScript, etc.