Quick Links

Search

Design Trends 2022


Coding Resources

 ► PHP
PHP 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.


CG Rendering


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

Every part of GNOME 43 has been designed to make it simple and easy to use. The Activities Overview is a simple way to access all your basic tasks. A press of a button is all it takes to view your open windows, launch applications, or check if you have new messages. Having everything in one convenient place means you don’t have to learn your way around a maze of different technologies.

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, and Responsive Web Design.


Message Center

Build a Free Social Sharing Page

What is the Spectra Social Sharing page? All active members can create one page for all of their friends and family to access and find out about what's going on in their lives. Active members can add 10 links to the menu and also add videos, images, and text and tell their friends about it to come and view. It's free and it's available here. Simply register and activate your account. Then go to your account and click the Profile link to get started. It's easy! If you are logged in look under the Social Sharing Page block (right sidebar) to see the pages that are available.

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

Example of Grid:

This grid layout contains five columns and three rows:



Wallpaper Sites

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

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 .....


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)


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.


CMS Spectra Updates

Spectra Version 1.0.35 will be released the 1st week of April 2023. It lets users/members select their own theme.

This site is running on version 1.0.35 now. I always upgrade this site before I release a new version.

Spectra Version 1.0.34 PHP 8.2.4 (3-14-2023)

With this version release Spectra now comes with an automatic version updater.

Visit The HTML5 Demo Site To Learn More

The website you are on now was built with CMS Spectra and is using the Magazine template.

CMS Spectra Partial Features List

- Option to use HTML5/Bootstrap Theme along with the Spectra theme.

- Option for members to select a theme to use.

- Automatic version updater

- Responsive/Fluid

- Auto installer

- Version Updater

- Direct editing

- Full-featured

- Themes (create, edit)

- Sidebars

- Articles

- Pages

- Menu System

- Unlimited galleries

- Member Registration

- Administrators dashboard

- Designers dashboard

- Album

- Image editors

- CKEditor 4 Full

- Media library

- Image compressor

- Modules

- Plugins

- Templates

- Designers Toolbox

 

What Is CMS Spectra

Spectra is a modern Content Management System/Blog, not a fork, and I have developed it from the ground up to provide for your every need in site design. There are many powerhouse Content Management Systems out there now, but you need an in-depth study of them to get started. Lots of people give up trying to get a site up and going. That’s where Spectra is unique. The primary preference in the design process was to make this CMS user-friendly. You can set up and operate your full site from within the dashboards.



Web Design Videos - 2023   



1500 Free HTML5 Website Templates

Free Website Templates

Browse the best free business, portfolio, and blog HTML5 responsive website templates. Then customize your template in Webflow without code.

Webflow is used by more than 3,500,000 designers and teams to create, collaborate on, and scale beautiful websites in a completely visual canvas no coding needed.

  

So everyone can focus on what they do best.

Read more .....


Free Design Resources

Daily Freebies for Creatives

High-quality design resources for free. Crafted with love from amazing artists and professional designers around the world, ranging from fonts, mockups, graphics, templates & more. Handpicked display free fonts to create a beautiful design.

Mockups

Handpicked free mockups to make your presentations stand out. Ranging from print mockups, apparel, packaging, screen, logo, and more.

Logo Templates

Handpicked free logo templates to save your time.

Check Out The Featured Freebies


Free Script Fonts

30 Free Script Fonts

Every designer loves to unpack a shiny new font, so we’ve got a massive treat for you with this freebie: not just one delightful new font, but 30!

The foundation of all typography is your choice of font. The font creates the voice of your text, its character, and its personality. For designers who aim to produce robust and engaging designs, a well-stocked font menu is a must.

Of all the varieties of typefaces, the most expressive and characterful are script faces. The hand-drawn, hand-written, and hand-painted qualities make them ideal for designs that eschew the corporate grey of Helvetica.

Read More .....


Responsive Web Design

The Pros and Cons of Responsive Web Design in 2023

Simon Sterne By Simon Sterne  |  6 days ago
 

Responsive web design has been such a success for many web designers that it is generally seen as the default approach to creating a website, but it’s not as cut and dried as all that.

There are many different factors to consider when deciding whether or not to use a responsive approach to designing your websites, such as budget, timescale, and audience.

In this blog post, we’ll weigh the pros and cons of responsive web design to help you make an informed decision.

What Is Responsive Web Design?

In short, responsive web design (RWD) is a modern approach to designing websites that allows the website to respond intelligently to the device on which it is being viewed.

RWD uses techniques like media queries and relative units to create a flexible design that can grow or shrink depending on the size of the screen. Rather than having multiple versions for mobile and desktop, as used to be the case, this type of web design offers an all-in-one solution with a flexible layout that can adapt to various scenarios.

RWD is often confused with mobile-first web design, firstly because mobile-first is a crucial technique of responsive workflows, and secondly because RWD grew in popularity as the number of mobile devices users viewed the web on grew. However, you can have a mobile-first site that isn’t responsive.

Responsive web design essentially eliminates the need to have separate versions of sites for mobile and desktop-style devices.

Read More .....


Fun Websites

15 fun websites for when you’re bored online

Take a quick mental break with these fun websites that include quizzes, interactive games, trivia, and more.

The internet is a vast, endless source of content, with hundreds of thousands of fun, interesting, and useful websites popping up every single day.

In theory, you could never get bored with everything that’s available. And yet, we’ve all been there. A blank look on your face, hands on your laptop keyboard not knowing what URL to type, scrolling through your various social media feeds to see if anything interesting is trending. 

Maybe you’re procrastinating to avoid some long-overdue task. Or you’re killing time before an important Zoom meeting. Or perhaps you’re just looking for a way to relax and unwind after a long day at work, and streaming Netflix or browsing Amazon just won’t cut it.   

Whatever the case, there are plenty of entertaining and engaging websites out there that can help alleviate your boredom and provide hours of fun. Here are 15 of our favorite fun websites to visit when you're bored online. 

From online puzzles and quizzes to wikis that go deep into pop culture lore, these time-wasting websites are a great way to whittle away the hours.

Read More .....


HTML5 Themes

HTML 5, Bootstrap, and CMS Spectra Integration

DEMO WEBSITE

If you have a website that you designed and coded using HTML5, then you know what a hard job that was to get it the way you wanted. You don’t want to do anything that might change your creation. But you probably tire of having to go in and code all the changes. This is where CMS Spectra can help by letting you use your HTML5 theme as your homepage and then you can use the powerful editors to manage your content. You can also have an active membership platform and all the many features that come with this powerful Content Management System.

I literally spent years designing websites the old way. Then I created CMS Spectra and my life got a lot better. So anytime I design something new, I always think that the best way to go about it is to use the simplest methods to get the best results. By that I mean, using Open Source products that are good quality like CKEditor and elFinder makes the job easier. Of course, there is a lot of searching on Google to figure out how to get them to work together. But, when you get things to work together, you then wonder what else I can make easier.

That’s when I started exploring how I could merge HTML5, PHP8, JavaScript, and CSS together and make the end product user-friendly. So, now CMS Spectra is that end-product. And, if you enjoy building HTML5 websites and you want to make your design lifestyle easier, then this might just be the product you need. Visit the demo site to learn more.


Free Tools For Web Designers

68 free tools for web designers and developers

Published by Vic Drover

Building a modern website requires a large set of skills and expertise in many software. Given the costs that can be involved in purchasing numerous suites of software, it’s not surprising that an ecosystem has developed around the production of free tools for web designers and developers.

Below you’ll find our curated list of (mostly) free web design tools that will make building a site faster and less tedious. We have organized the tools in four categories:

design tools

performance and testing tools

development and coding tools

utilities & other tools

Read More .....




Users