Coders Junction
Quick Links

Search

Get Your 'Wix' On

The Freedom to Create the Websites You Want

 

Design and build your own high-quality websites. Whether you’re promoting your business, showcasing your work, opening your store or starting a blog you can do it all with the Wix website builder.

Get Started >>


Linux

Find out how you can use Ubuntu to power your AI and ML ambitions from developer workstations to the cloud.

Download

An easy and elegant way to use your computer, GNOME 3 is designed to put you in control and get things done.

Download

Less setup, more innovation. Choose a flavor of Fedora streamlined for your needs, and get to work right away.

Download

Kubuntu is an operating system built by a worldwide community of developers, testers, supporters, and translators.

Download

Linux Tools

Go-to tools to help you get Linux installed on your computer.

UNetbootin

UNetbootin allows you to create bootable Live USB drives for Ubuntu and other Linux distributions without burning a CD. You can either let UNetbootin download one of the many distributions supported out-of-the-box for you, or supply your own Linux .iso file.

Download

Rufus

Rufus is a small utility that helps format and creates bootable USB flash drives, such as USB keys/pen drives, memory sticks, etc.

Download

Etcher

Etcher is a free and open-source image burner with support for Windows, OS X, and GNU/Linux. It makes USB and SD card image burning as simple and fast as possible.

Download


Action Packed Gaming

Action Packed Gaming. Real World Coding.

Learn to code with the same excitement as playing your favorite video games.

Teaching Your Kids To Become Coders


Learn to Code a Website

Learn To Code Your Own Website. Here are a few good go-to resources.

W3 Schools "is a web developer's information website, with tutorials and references on web development languages such as HTML, CSS, JavaScript, PHP, SQL, and JQuery, covering most aspects of web programming. W3Schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally."

Microsoft Virtual Academy "Free Microsoft training delivered by experts. Learning paths are curated courses brought to you by Microsoft Virtual Academy (MVA) to help you increase your proficiency in the latest technologies. Build valuable skills through video tutorials, demos, assessments, and more. Plus, earn MVA badges for completed learning paths, and share them through email or social media, such as LinkedIn, Twitter, and Facebook. Get started today!"

 

Codecademy Our courses are designed to keep you on track, so you learn to code “today” not “someday.”

 

SitePoint Extensive collection of featured articles, books, and courses. Learn HTML5, CSS3, JavaScript, PHP, mobile app development, Responsive Web Design.


JavaScript

User Flow

In this video, I cover how and why user flows have been a crucial part of my workflow in my job.


Internet Relay Chat

mIRC is a full-featured Internet Relay Chat client for Windows that can be used to communicate, share, play or work with others on IRC networks around the world, either in multi-user group conferences or in one-to-one private discussions.

It has a clean, practical interface that is highly configurable and supports features such as buddy lists, file transfers, multi-server connections, IPv6, SSL encryption, proxy support, UTF-8 display, UPnP, customizable sounds, spoken messages, tray notifications, message logging, and more.

mIRC also has a powerful scripting language that can be used both to automate mIRC and to create applications that perform a wide range of functions from network communications to playing games.

mIRC has been in development for over two decades and is constantly being improved and updated with new technologies. The most recent changes can be found on the latest news page.

To get started, you can download mIRC now from the download page.


Spectra Gallery

The most recent release of Spectra Gallery, Version 0.11 RC1 (12-06-2021)
This version corrects some minor errors during install where the file version.php
could not be found. I corrected this. The errors did not affect the install.

Demo Site

Go Here For Download


Showcasing Most Used Programming Languages
HTML5
PHP8
CSS3
JavaScript

HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and last major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HTML Living Standard. It is maintained by the Web Hypertext Application Technology Working Group (WHATWG), a consortium of the major browser vendors (Apple, Google, Mozilla, and Microsoft).

HTML5 was first released in a public-facing form on 22 January 2008, with a major update and "W3C Recommendation" status in October 2014. Its goals were to improve the language with support for the latest multimedia and other new features; to keep the language both easily readable by humans and consistently understood by computers and devices such as web browsers, parsers, etc., without XHTML's rigidity; and to remain backward-compatible with older software. HTML5 is intended to subsume not only HTML 4 but also XHTML 1 and DOM Level 2 HTML.

HTML5 includes detailed processing models to encourage more interoperable implementations; it extends, improves, and rationalizes the markup available for documents and introduces markup and application programming interfaces (APIs) for complex web applications. For the same reasons, HTML5 is also a candidate for cross-platform mobile applications because it includes features designed with low-powered devices in mind.

Many new syntactic features are included. To natively include and handle multimedia and graphical content, the new <video>, <audio> and <canvas> elements were added, and support for scalable vector graphics (SVG) content and MathML for mathematical formulas was also added. To enrich the semantic content of documents, new page structure elements such as <main>, <section>, <article>, <header>, <footer>, <aside>, <nav>, and <figure> are added. New attributes were introduced, some elements and attributes were removed, and others such as <a>, <cite>, and <menu> were changed, redefined, or standardized. The APIs and Document Object Model (DOM) are now fundamental parts of the HTML5 specification, and HTML5 also better defines the processing for any invalid documents.

Taken from Wikipedia

HTML5 Tutorial

PHP is a general-purpose scripting language geared towards web development. It was originally created by Danish-Canadian programmer Rasmus Lerdorf in 1994. The PHP reference implementation is now produced by The PHP Group. PHP originally stood for Personal Home Page, but it now stands for the recursive initialism PHP: Hypertext Preprocessor.

PHP code is usually processed on a web server by a PHP interpreter implemented as a module, a daemon, or as a Common Gateway Interface (CGI) executable. On a web server, the result of the interpreted and executed PHP code – which may be any type of data, such as generated HTML or binary image data – would form the whole or part of an HTTP response. Various web template systems, web content management systems, and web frameworks exist which can be employed to orchestrate or facilitate the generation of that response. Additionally, PHP can be used for many programming tasks outside the web context, such as standalone graphical applications and robotic drone control. PHP code can also be directly executed from the command line.

The standard PHP interpreter, powered by the Zend Engine, is free software released under the PHP License. PHP has been widely ported and can be deployed on most web servers on a variety of operating systems and platforms.

The PHP language evolved without a written formal specification or standard until 2014, with the original implementation acting as the de facto standard which other implementations aimed to follow. Since 2014, work has gone on to create a formal PHP specification.

W3Techs reports that, as of April 2021, "PHP is used by 79.2% of all the websites whose server-side programming language we know."

Taken from Wikipedia

PHP 8 Tutorial

CSS 3

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility; provide more flexibility and control in the specification of presentation characteristics; enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and repetition in the structural content; and enable the .css file to be cached to improve the page load speed between the pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (via speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for alternate formatting if the content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which style rule applies if more than one rule matches a particular element. This cascading priority scheme is predictable.

The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS validation service for CSS documents.

In addition to HTML, other markup languages support the use of CSS including XHTML, plain XML, SVG, and XUL.

Taken from Wikipedia

CSS Tutorial

JavaScript

JavaScript, often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled and multi-paradigm. It has dynamic typing, prototype-based object orientation, and first-class functions.

Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web. Over 97% of websites use its client-side for web page behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on the user's device.

As a multi-paradigm language, JavaScript supports event-driven, functional, and imperative programming styles. It has application programming interfaces (APIs) for working with text, dates, regular expressions, standard data structures, and the Document Object Model (DOM).

The ECMAScript standard does not include any input/output (I/O), such as networking, storage, or graphics facilities. In practice, the web browser or other runtime system provides JavaScript APIs for I/O.

JavaScript engines were originally used only in web browsers, but they are now core components of some servers and a variety of applications. The most popular runtime system for this usage is Node.js.

Although there are similarities between JavaScript and Java, including language name, syntax, and respective standard libraries, the two languages are distinct and differ greatly in design.

Taken from Wikipedia

Tutorial

 


Wallpaper Sites

Awesome Wallpaper Sites

Desktop Nexus

Deviant Art

Digital Blasphemy

InterFaceLift

NASA

It's a shame how the web has gone down over the years because of the advent of Social Media.  It seems that not that long ago everybody had their own website and backgrounds were used a lot. The worst thing Yahoo could have done was after purchasing Geocities they shut it down and all of the hard work that people put into their websites and the community spirit that had grown was destroyed. I was a community leader in the Heartland and then a Yahoo Expert once Geocities was closed.  But then, Yahoo shut down the experts platform too.

Awesome Wallpaper Sites (2)

7-Themes

Wallpapers Wide

Unsplash

Burst

Walcoo

There is a lot that can be said about the quality of wallpaper sites and the way that they offer up their product. In my opinion Wallpapers Wide is the best among all of the sites out there with Unsplash being second.


Windows 11 Resources

Text Editors

These are all Freeware:

Notepad ++

Visual Studio Code

Atom

Vim

Brackets

GNU Emacs

Bluefish


Popular Forum Software

phpBB

MyBB

Simple Machines

Vanilla Forums (Free and Paid)

vBulletin 5 Connect (Paid)

Invision Board (Paid)


Coders Tools

Mobile Web

Free Fonts

CSS3

More Good Resources

Web Host

Designers Resources

1st Web Designer All the Web Design Resources You Could Ask For.

Square Space The leader in website design. No matter what kind of site you need, Squarespace is the best way to stand out online.

Wix We believe anything is possible with the right website builder. Whether you're about to create a website for the first time or you're a long-time pro, we've got you covered. You have two ways to start: Get a free website designed for you with Wix Artificial Design Intelligence or get total design freedom with the Wix Editor. You can always add advanced functionality to your website with Wix Code. It’s time to get your professional website.

Shopify Whether you sell online, on social media, in-store, or out of the trunk of your car, Shopify has you covered.


Ubuntu

Ubuntu is a free desktop operating system. It’s based on Linux, a massive project that enables millions of people around the world to run machines powered by free and open software on all kinds of devices. Linux comes in many shapes and sizes, with Ubuntu being the most popular iteration on desktops and laptops.

• Ubuntu "Ubuntu Tutorials are project-based, step-by-step guides to doing amazing things with Ubuntu. From installing the OS in the first place to packaging your first snap, we're here to help you on your way."

• Tutorials Point "This tutorial looks at the various aspects of the Ubuntu Operating system. It discusses various features, flavors, and working of the Ubuntu desktop edition. A comparison is made against software which we would normally find on a Windows operating system. There are chapters that focus on the server version of Ubuntu. This tutorial also includes separate chapters for those who are interested in understanding the virtual machines and cloud aspects of Ubuntu."

• Lifewire "Ubuntu (pronounced "oo-boon-too") is one of the most popular desktop Linux operating systems. The term Ubuntu derives from South Africa and roughly translates to "humanity toward others," a nod to the Ubuntu project's commitment to the principles of open-source software development. It is free to install and free to modify, although donations to the project are welcome."

• Make Use Of (MUO) "So you’re curious about Linux, and you heard Ubuntu is a great place to start? Maybe you’ve heard of Ubuntu and have no idea about this thing called Linux? Either way, you’ve come to the right place. This guide will teach you everything you need to know about Ubuntu in easy-to-understand language."


Mobirise Website Builder

Mobirise is a free desktop application that you can use to build your website. I downloaded and installed Mobirise to give it a test drive and found it to be very easy to use. There is no guesswork at all, you simply open the app on your desktop, create your new site, and start dragging blocks onto the page. It has a library full of pictures and backgrounds to use or you can choose from your own collection. There is also a huge selection of fonts to choose from at the Google font library or you can use it from your own collection.

Mobirise is an application I would recommend to you whether you are new to web design or have tried other editors.

 Try Mobirise

 

What is Mobirise?

Mobirise is a free offline app for Windows and Mac to easily create small/medium websites, landing pages, online resumes, and portfolios. 1800+ beautiful website blocks, templates, and themes help you to start easily.

Who is it for?

Mobirise is perfect for non-techies who are not familiar with the intricacies of web development and prefer to work as visually as possible. Also great for pro-coders for fast prototyping and small customers' projects.

Why Mobirise?

Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks, and techniques "out-the-box"; Free for commercial and non-profit use.


Content Management System

Spectra CMS

Spectra CMS is highly configurable, responsive/fluid in action, and a brand new Content Management System. It is written in PHP8, HTML5, and CSS3 with MySQL support that will allow it's users to create attractive websites that are easy to manage. You can have a website that has a 1, 2, or 3 column layout.

With the ability to create as many pages as you want or need, you will be able to design each page to be different from the others. Using the powerful page builder/editor you can add sidebars, turn on plugins, decide how many columns to use, and much more.

When released, Spectra will come packaged with 5 themes that you can edit and you can also use the powerful theme builder to build as many themes as you want.


Users

Login

Register

IP address: 3.81.89.248

Total Members: 1808


Tag Cloud
Browsers    Design Trends    Drupal    Home Servers    Joomla    Linux Family    Log of Events (1) 2020    Log of Events (2) 2021    Progression of the Build    Rules of Design    Windows 11 OS    WordPress    Zorin OS    20 Projects in CodePen    400+ JavaScript Questions    5G Phones    7 Fastest Web Host    9 Best PC Games    Adobe Flash    Big Sur Icons    Browser Comparisons    Canva    Chat Rooms    Christmas tips    Chrome OS Fingerprint    CKEditor    CKEditor CDN    CMS Spectra    CodeHim    Coders and AI    Colors for Mobile App    Digital Art    Digital Nomad    Dribbble    Email Templates    Fedora    Firefox    Free Absurd Illustrations    Free Fonts    Free Stuff    Freelance Graphic Design    Git    Gnome    Google Chrome and Windows    Google Fonts    Google Play's Best    Hand Coding    HTML5 Form Validation    HTML5 Templates    jAlbum    JavaScript    JS Strict Mode    Keep All Kids Learning    Leader in Web Design    Magical December    Mega Creator    Mobirise    Mobirise    New Material Design    Non-Techs    Pagination    PHP 8 Released    PHP The Right Way    PHP Tutorial    ProRAW    SEO Trends    Simple UI    Sketch    Spectra Gallery    Spotlight 12-10-2020    Stimilus Check    Stop Email Hacking    Stop Using Brave Browser    Streaming services    Thunderbird    UAE Entry Level Coders    Ubuntu    Ubuntu 20.04.3 LTS    Ubuntu Core 20    UI vs UX Design    Understanding React    VSC    W3C Workshop    Web Design and SEO    Webflow Templates    When Coding is Criminal    Window 10 Free Upgrade    Windows 10 Updates    Windows 11    Windows 11 Coming Soon    Windows 11 Media Player    Windows 11 Problems    Windows 11 Task manager    Windows Insider Program    Wix    Working From Home    Zorin OS   

Spotlight Articles

Categories

Pages

Web Design and Trends

Drupal

Home Servers

Joomla

Linux Family

Log of Events (1) 2020

Log of Events (2) 2021

Progression of the Build

The Browsers

Web Design Trends (2020-2021)

Windows 11 OS

Word Press

Zorin OS

Articles

400+ JavaScript Interview Questions

5G Phones

7 Fastest Web Host

82 Free Fonts

9 Best PC Games

9 SEO Trends

Best Language for Non-Techs

Best Streaming for 2021

Big Sur Icons

Browser Comparisons

Canva

Chat Room in WordPress

Choosing Colors for Mobile Apps

CKEditor and CKFinder Integration Tutorial

CKEditor CDN

Code Shack

CodeHim

CodePen

Coders and AI

Content Management System

December Wallpaper Edition

Designing a Simple UI

Digital Art Software for 2021

Dribbble

End of Adobe Flash

Fedora

Firefox Browser

Free Absurd Illustrations

Free HTML Email Newsletter Templates

Free Stuff

Freelance Graphic Design

Getting Ready for Christmas

Git --distributed-even-if-your-workflow-isnt

Gnome

Goodby to Google Fonts

Google Chrome and Windows

Google Play's Best of 2021

Hand Coding

Happier HTML5 Form Validation

HTML5 Templates

jAlbum

JavaScript

JavaScript Strict Mode

Keep All Kids Learning

Leader in Web Design

Life of a Digital Nomad

Login With a Fingerprint

Mega Creator

Mobirise

Mobirise Website Builder

New Material Design

PHP 8.0.0 Released

PHP Pagination

PHP The Right Way

PHP Tutorial

Second Stimilus Check

Sketch Alternatives

Spectra Gallery

Stop Email Hacking

Stop Using Brave Browser!

Thunderbird Email

UAE Entry Level Coders

Ubuntu

Ubuntu

Ubuntu 20.04.3 LTS

UI vs UX Design

Understanding How React Works

Using ProRAW

Visual Studio Code

W3C Workshop on Smart Cities

Web Design and SEO Company Limited

Webflow Templates

When Coding is Criminal

Windows 10

Windows 10 Free Upgrade

Windows 11

Windows 11

Windows 11 Coming Soon

Windows 11 Media Player

Windows 11 Problems

Windows Insider Program

Wix

Working From Home

Zorin OS


Current Time

XHTML and CSS

► What is XHTML?
-XHTML is a variant of HTML that uses the syntax of XML, the Extensible Markup Language. XHTML has all the same elements (for paragraphs, etc.) as the HTML variant, but the syntax is slightly different. Because XHTML is an XML application, you can use other XML tools with it (such as XSLT, a language for transforming XML content).


► What is CSS?
-CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. It allows one to adapt the presentation to different types of devices, such as large screens, small screens, or printers. CSS is independent of HTML and can be used with any XML-based markup language. The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. This is referred to as the separation of structure (or: content) from the presentation.


Web Fonts

 

What is WebFonts? -WebFonts is a technology that enables people to use fonts on-demand over the Web without requiring installation in the operating system. W3C has experience in downloadable fonts through HTML, CSS2, and SVG. Until recently, downloadable fonts have not been common on the Web due to the lack of an interoperable font format. The WebFonts effort plans to address that through the creation of an industry-supported, open font format for the Web (called "WOFF").


Coding Resources

 ► PHP 7
is the most used programming language today. There is a multitude of CMS applications that are built primarily on PHP, including WordPress, Joomla, and so many more. Follow the links to learn more about this highly used programming language.

 ► W3C Schools

 ► Code Academy (Premium)

 ► Tutorials Point

 ► HTML and CSS
are the fundamental technologies for building Web pages: HTML (HTML and XHTML) for structure, CSS for style and layout, including WebFonts. Find resources for good Web page design as well as helpful tools.


Web Design

36 Examples of Web Design Homepage Layout Concepts.

Plugins

Here's a handy FREE hit counter for your site.


Add a LIKE button to your site.


Try Nibbler

Nibbler is a free tool for testing websites. Enter the address of any website and Nibbler will give you a report scoring the website out of 10 for key areas, including accessibility, SEO, social media, and technology. Nibbler is completely free but limited to three reports.


YouTube Resources



"YOUTUBE CSS"

All popular browsers are CSS responsive and to be able to create a website you need to know some form of CSS. Here's a couple of videos that will help you immensely. You can watch them right here - go Fullscreen




Link To Me

Copy and paste the following code into your website where you want the button to appear.