Themes:
Panorama across harbour of Sydney CBD

Web Design Group

This Group meets at 2:00pm - 3rd Saturday each month at Sydney Mechanics' School of Arts, 280 Pitt Street. Visitors are welcome

Check out the Group's   ►   ►   ►   "Web Design Sites", for for all we have done.   ◄   ◄   ◄



Find your perfect Web Browser for 2023

Selection of the best browsersThe best web browsers make it simple and easy not just to explore online content, but to also control privacy and security. Some will offer personalization and customization options. Some will demand more of your system resources, while others are relatively lightweight when it comes to impacting system memory. We're in a time where browsers are even more important for those who are still working from home or transitioning between jobs. You could find your perfect browser here.

Google Safe Browsing

Safe Search logoGoogle’s Safe Browsing technology examines billions of URLs per day looking for unsafe websites. Every day, they discover thousands of new unsafe sites, many of which are legitimate websites that have been compromised. When unsafe sites are detect, they show warnings on Google Search and in web browsers. You can search to see whether a website is currently dangerous to visit at: Check site status.

uBlock Origin stops the ads you don't want.

uBlock logouBlock Origin is a free and open-source browser extension for content filtering, including ad blocking. The extension is available for Chrome, Chromium, Edge, Firefox, Opera and versions of Safari prior to 13. The primary goal of uBlock Origin is to provide people with protection against the ever-increasing invasion of privacy online.

The developers call it a “wide-spectrum content blocker” rather than simply an ad blocker, and for a good reason. uBlock Origin is one of the most advanced and versatile options for increasing your privacy online with minimal cost to your CPU or memory usage. You can find it here.

Making the Web Accessible

Strategies, standards and supporting resources are available to help make the Web more accessible to people with disabilities.
W3C: The World Wide Web Consortium (W3C) develops international standards for the Web: HTML, CSS, and many more. WAI: The Web Accessibility Initiative (WAI) also develops support materials to help you understand and implement accessibility.

The girl with a pearl/CSS earring

Css only portrait projectCSS art that looks like an oil painting of a woman This is stunning, by Louise. I absolutely love this sort of CSS art and I know that this took them ages to put together. It was well worth the effort though, as it’s up there with some of the best CSS art I’ve ever seen.
Source: Piccalilli Newsletter - Issue #52 - Published on the 4th of August 2020

Original: Girl with a Pearl Earring is an oil painting by Dutch Golden Age painter Johannes Vermeer, circa 1665 - Location‎: Mauritshuis, The Hague, Netherlands.
Movie: The Girl with a Pearl Earring is also a 2003 drama film available for paid viewing.

The Sydney PC & Technology User Site Incorporates - Responsive Web Design

Selection of mobile screens Responsive Web Design is about creating webpages that look great when viewed on any device and screen size. Whether viewed on a TV, desktop, tablet or smart phone, web pages should provide an enjoyable, visitor friendly experience for everyone.

One way this can be achieved is to set the page content to automatically respond to each visitor's device “viewport” (screen) width. This has the advantage of the website content being re-arranged to display correctly on every viewing device.
Another method is by adding special "media queries" to the responsive site's style sheet. Media queries then automatically adjust and re-arrange the content of a website to suit the specific screen width of the device being used by each visitor.

To illustrate how Sydney PC & Technology User Group HOME page layout and content is automatically re-sized, open this responsive page using any of the latest desktop browsers, then grab the edge of the browser window and slowly drag it narrower or wider. You will see the layout automatically adjust itself to fit the new width of the browser, even if you make the page as narrow as a mobile phone.

Test your code with Nu Html Checker

Check Html code for faultsNu Html Checker is very helpful in pinpointing code errors and providing solutions, however be aware of their following disclaimer:
The Nu Html Checker (v.Nu) is an ongoing experiment in better HTML checking, and its behaviour remains subject to change. In particular, because new types of error checks continue to be actively added to the checker, there is no guarantee provided that if the checker reports zero errors for a particular document at one point in time, it will report zero errors for that same document at some later point in time.
The Nu Html Checker should not be used as a means to attempt to unilaterally enforce pass/fail conformance of documents to any particular specifications; it is intended solely as a checker, not as a pass/fail certification mechanism. Test your Html code here.

Common Myths about Private Browsing

spy mask There are plenty of reasons why you might want to keep something you are doing on the web to yourself. That’s where Private Browsing mode comes in handy. However, before we extol its significant beneficial features we need to disclose some of the misconceptions about Private Browsing.

One of the most common myths about Private Browsing (in any major web browser) is that it makes you anonymous on the Internet - not true. Now, to learn more about how different Private Browsing features can help conceal your browsing activities, be sure to check out this site.

Visual Studio Code is a powerful free code editor

Brackets web editor logo Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).

Learning to code can be intimidating, so set yourself up for success with a tool built for you. Visual Studio Code helps you to start coding quickly. Use it to code in any programming language, without switching editors. Ready to get started? Check out these introductory videos or check out our coding packs for Java, Python, and .NET.