Quick Links

Search

CG Rendering

Design Trends 2022


User Flow

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


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

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.


Message Center

CMS Spectra Version 0.58 RC1, PHP 8.0.18

A Product of Coders-Junction

This is a brand new Content Management System/Blog, not a fork.  It comes packaged with a useful set of features that include, sidebars, plugins, pages, modules, templates, themes, and lots more.  I test everything on this site before I package it up for release. This site is CMS Spectra with the Magazine template set.  You can run a large site or a small site. CMS Spectra can do it all as you can see here.

The installation process is simple and straightforward.  Create a database, upload CMS Spectra onto your server, then go to the index.php page (homepage) where the installation will start automatically.  Just follow the instructions and in a very short time, you will be building your website. 

To learn more visit the forums or the demo site.


Registration is not required to download.

      

CMS Spectra comes packaged with numerous templates.


Showcasing The Most Used Programming Languages

HTML5

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

PHP8

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

CSS3

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

 

CSS Grid

Learn Css Grid without all of the fuss. https://www.w3schools.com/css/css_grid.asp



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.

Awesome Wallpaper Sites (3)

Webshots

World Wildlife Nature Gallery

Simple Desktops

Shorpy

The American Historic Archive

American Greetings

Awesome Wallpaper Sites (4)

Wallpaper Flare

Wallpaper Better

     
Word Press

Welcome to the world’s most popular website builder.

43% of the web is built on WordPress. More bloggers, small businesses, and Fortune 500 companies use WordPress than all other options combined. Join the millions of people that call WordPress.com home.

Start your website (free)


SQUARESPACE

When you create a website with Squarespace, you get free unlimited hosting, top-of-the-line security, and dependable resources to help you succeed. You can count on personalized support around the clock by email, live chat, or by joining a live webinar.

Go there .....


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.


Custom Web Design

Custom web design services made easy

Every business needs to be online. Stand out from the competition and make your brand look its best with stunning web page design. With 99designs web design services, you'll get thoughtful, effective web page designs created by professionals.


 

Professional designers—all rated and reviewed

Dozens of web design concepts to explore

A custom website design in about a week

Read more .....

 


Bootstrap For Beginners

Bootstrap Tutorial for Beginners - With Samples

Hello Coders!

This article presents the basic concepts of Bootstrap 5 that might help beginners to start faster with this amazing framework. Upon finishing this article you will know what Bootstrap is and how to code a Landing Page as well as a Dashboard Layout using only HTML and Bootstrap components. Thanks for reading!

Before we start, curious minds can visualize the projects crafted from scratch using only BS5 components.

✨ What is Bootstrap

Bootstrap is a popular JS/CSS Framework for developing responsive and mobile-first websites, that provides HTML, CSS, and JavaScript-based design templates for almost anything, including (but not limited to): typography, forms, buttons, navigation, and other components.

Bootstrap focuses on simplifying the development of informative web pages. The primary purpose of adding it to a web project is to apply Bootstrap's choices of color, size, font, and layout to that project. Currently, Bootstrap 5 is the newest version of Bootstrap, with new components, a faster stylesheet, and more responsiveness.

A super important fact about Bootstrap, despite the huge adoption, is that the framework is actively supported and versioned by programming experts and open-source enthusiasts.

Read more .....


Subdomains as Subdirectory

How to Serve a Subdomain as a Subdirectory

Let’s say you have a website built on a platform that excels at design and it’s available at example.com. But that platform falls short at blogging. So you think to yourself, “What if I could use a different blogging platform and make it available at example.com/blog?”

Most people would tell you that goes against how DNS and websites are supposed to work and to use a subdomain instead. But there are benefits to keeping your content on the root domain that we just don’t get with subdomains.

There’s a way to serve two different platforms on the same URL. And I’m going to show you the secret sauce so that, by the end of this article, we’ll make blog.example.com serve as example.com/blog.

Why you’d want to do this

Because you’re here, you probably already know why this is a path to pursue. But I’d like to ensure you are here for the primary reason to do this: SEO. Check out these 14 case studies that show positive results when people move their subdomains over to subdirectories. You want your blog and your domain to share SEO value. Putting it on a subdomain would somewhat disconnect the two.

This was my reason, and wound up merging two platforms, where the main domain was on WordPress and the subdomain was on Drupal. But this tutorial is platform agnostic — it’ll work with just about any platform.

Read more .....


Web Development in 2022

Staying Updated With Web Development in 2022 – How Has It Changed?

Web development has come a long way from August 6, 1991, when the first website was created. It is a constantly evolving field where new problems, solutions, and concepts arise every other day. If you are in this field, you need to stay updated on the latest developments, innovations, and changes. Here’s how far web development has come in 2022.

Companies Want to Stay Ahead

Trends in any industry are always initiated by the stakeholders, and the stakeholders of web development with the most impact are the companies that commission websites and web-based apps. According to a recent Statista survey, 50% of the surveyed companies want to stand out from the competition by investing in digital trends and creating modern web-based applications.

Companies invest a huge amount of money in updating their websites and apps to gain a leading position in their industry and create value for their clients.

In response to these demands, the latest developments in Web development in 2022 have been the following.

Serverless Environment

The latest web development trend in 2022 is the use of serverless environments. As the name suggests, this strategy enables the developers to develop and deploy applications without using physical servers. This takes away a large portion of the cost and effort that is needed to maintain server infrastructure. It also eliminates the need for maintaining operating systems, and the developers can focus better on web development itself.
There still are servers in the serverless model, but they are taken care of by dedicated server maintenance companies
.

Read more .....

 


Design Tool Collaboration

5 ways no‑design tools encourage collaboration

These days, almost every company is a design company, but the need for qualified designers far exceeds the supply. To fill this gap, companies of all sizes are embracing no-design tools that let non-designers participate in the design process.

With no-design tools, collaboration between non-designers and designers becomes exponentially more productive and powerful. In fact, many would argue that the no-design movement — twin to the no-code movement — is essential for shaping the future of work.

Think about it: Would you rather receive an interactive mockup or a cryptic PowerPoint deck on what your client or colleague wants you to design? How much quicker can you get to the final version if you have a visual representation of what you’re aiming for from the get-go? How much back and forth can you avoid if you know how they picture their idea before you even start?

Designers are essentially trained problem-solvers, and we can all agree that increasing our problem-solving capacity as humans is a win-win for everyone. Here are five great reasons why.

✏️ Thanks to our friends at Uizard for sponsoring this blog post!

1. Empower visual thinking

Visual thinking helps to simplify the complex and move concepts from the abstract to the concrete. But when it comes to communicating big ideas, many non-designers lack the confidence to express themselves visually. No-design tools like Canva and Uizard have user-friendly “what you see is what you get”-style interfaces that flatten the steep learning curve of traditional design software.

Read more .....

 


What Is Meta All About

Meta rolls out a suite of new features and discovery tools for Facebook Live creators

Meta (formerly Facebook) today is introducing a number of Facebook Live updates that will allow creators to engage with fans during their live broadcasts, including new features like Polls, support for four-person co-broadcasting via the “Live With” feature, new commenting features, a new post format, support for adding links to broadcasts and “Live in Stories,” which allows creators to share their livestreams directly to Facebook Stories to improve their chances of discovery.

Meta CEO Mark Zuckerberg yesterday teased these new additions and others still to come by posting to Facebook that more creator updates would be coming later in the week, after the launch of the online Stars website announced Tuesday. The new online store routes around the app stores’ commissions as it’s web-only, and is currently passing the savings on to fans by offering more Stars (the virtual items used to tip creators) for the same amount of money as you’d pay inside the Facebook mobile app.

Read More .....

 


Bee Pro Freelancer

BEE Pro Free

Fast, no-code, collaborative email and landing page design. Free.

BEE Pro is the quickest way to design elegant, mobile-responsive emails and landing pages. It gives you the design freedom and collaboration tools to get things done right while cutting down on production time.

The email and page builder for everyone

BEE Pro’s fantastic visual builder makes it easy for everyone to design beautiful emails and landing pages. Move from idea to ready-to-go, responsive designs in hours, not days. Invite your colleagues to collaborate so you can exchange design-specific feedback and quickly finalize things.

Read More ....


Users

Login

Register

IP Address: 3.236.50.79

Total members: 3121

Visitors: 1

Published Articles: 97


Tag Cloud
About CMS Spectra    Browsers    changelog    Design Trends    Drupal    Home Servers    Joomla    Linux Family    Log of Events (1) 2020    Log of Events (2) 2021    Log of Events (3)    Progression of the Build    Rules of Design    Web Design Trends 2022    Windows 11 OS    WordPress    Zorin OS    20 Projects in CodePen    Adobe Flash    Bee Pro Freelancer    Big Sur Icons    Bootstrap For Beginners    Browser Comparisons    Chat Rooms    Christmas tips    Chrome OS Fingerprint    CKEditor CDN    CodeHim    Coders and AI    Custom Web Design    Design Tool Collaboration    Digital Nomad    Firefox    Free Absurd Illustrations    Free Fonts    Git    Google Chrome and Windows    Google Fonts    Google Play's Best    Hand Coding    HTML5 Form Validation    HTML5 Templates    Ideal Website Design    JavaScript    Joomla Templates    JS Strict Mode    Keep All Kids Learning    Leader in Web Design    Magical December    Meeting Design Clients    Meta ?    Meta is in trouble    Mobirise    New Material Design    Non-Techs    PHP 8 Released    PHP The Right Way    Power of Interactive Links    ProRAW    SEO Trends    Simple UI    Sketch    Spotlight 12-10-2020    Stimilus Check    Subdomains    Thunderbird    UAE Entry Level Coders    Ubuntu Core 20    Urban VPN    Web Design and SEO    Web Development in 2022    Website Design VS Template    When Coding is Criminal    Window 10 Free Upgrade    Windows 10 Updates    Windows 11 Media Player    Windows 11 Problems    Windows 11 Task manager    Working From Home    WP Themes 2022    Zorin OS   

Archives

Spotlight Articles

Categories

Pages (17)

• Web Design and Trends

• About CMS Spectra

• Changelog

• Drupal Content Management

• Home Servers

• Joomla CMS

• Linux Family

• Log of Events (1) 2020

• Log of Events (2) 2021

• Log of Events (3) 2022

• Progression of the Build

• The Browsers

• Web Design Trends (2020-2021)

• Web Design Trends 2022

• Windows 11 OS

• Word Press

• Zorin Operating System

Active Articles (97)

• 82 Free Fonts

• 9 SEO Trends

• Bee Pro Freelancer

• Best Language for Non-Techs

• Big Sur Icons

• Bootstrap For Beginners

• Browser Comparisons

• Chat Room in WordPress

• CKEditor CDN

• Code Shack

• CodeHim

• CodePen

• Coders and AI

• Custom Web Design

• December Wallpaper Edition

• Design Tool Collaboration

• Designing a Simple UI

• End of Adobe Flash

• Firefox Browser

• Free Absurd Illustrations

• Getting Ready for Christmas

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

• Goodby to Google Fonts

• Google Chrome and Windows

• Google Play's Best of 2021

• Hand Coding

• Happier HTML5 Form Validation

• HTML5 Templates

• Identify Ideal Website Design

• JavaScript

• JavaScript Strict Mode

• Joomla Templates

• Keep All Kids Learning

• Leader in Web Design

• Life of a Digital Nomad

• Login With a Fingerprint

• Meeting Design Clients

• Meta is in Trouble

• Mobirise

• New Material Design

• PHP 8.0.0 Released

• PHP The Right Way

• Power of Interactive Links

• Second Stimilus Check

• Sketch Alternatives

• Subdomains as Subdirectory

• Thunderbird Email

• Top 10 WordPress Themes for 2022

• UAE Entry Level Coders

• Ubuntu Core 20

• Urban VPN

• Using ProRAW

• Web Design and SEO Company Limited

• Web Development in 2022

• Website Design VS Template

• What Is Meta All About

• When Coding is Criminal

• Windows 10

• Windows 10 Free Upgrade

• Windows 11 Media Player

• Windows 11 New Features

• Windows 11 Problems

• Working From Home

• Zorin OS Alternative


Current Time

Web Design

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



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.



Link To Me

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