Web Design Articles
Web design is the process of creating the visual and interactive elements of a website, often involving graphics, templates, and user-friendly interfaces. Web design is a crucial component of many industries such as e-commerce, advertising, entertainment, and others. Services such as WordPress can simplify the web design process by offering pre-made templates and graphics that can be used by both technical and non-technical people. The tutorials below provide tips and tricks on how to get started with web design.- How the learning experience is accessible for learners
Accessibility on the Platform
- Web Design,
- Web Development
- This article covers the design concepts of affordances and signifiers as well as some of their applications in web design.
Affordances, Signifiers, and Clickability
- Code Foundations,
- HTML & CSS,
- Web Design,
- Web Development
- Learn how to make your sites work across all browsers and browser versions
Browser Compatibility
- Developer Tools,
- HTML & CSS,
- Web Design,
- Web Development
- Create stunning Tailwind CSS forms with this beginner-friendly step-by-step guide.
Create Stunning Tailwind CSS Forms: A Step-by-Step Guide
- Web Design,
- Web Development
- Use the tools on your own computer to start your own HTML/CSS project!
Create Your First Local HTML/CSS Project
- Code Foundations,
- HTML & CSS,
- Web Design,
- Web Development
- This article describes the characteristics of effective user personas, and how they can be used to guide teams to make product decisions that match the needs of the users.
Creating User Personas
- Web Design
- Programming reference for CSS covering Comments, Properties, and Selectors
CSS Glossary
- HTML & CSS,
- Web Design
- Learn about how programs have both a positive and negative impact on personal privacy as well as social and ethical implications.
Data and Personal Privacy & the Ethical and Social Implications of Computing Systems
- Web Design
- Learn about color considerations in your visual design.
Design - Color
- Web Design,
- Web Development
- Learn what card sorting is and how to conduct your own in this step-by-step tutorial.
How to Conduct Card Sorting
- Web Design
- Eye-tracking studies can show how users consume content online and help designers create compelling layouts.
How Users Scan: Learning from Eye Tracking Research
- Web Design,
- Web Development
- Did you know you can add CSS to HTML without using a separate file? In many cases, it comes in handy. Learn when (and when not) to use CSS inline styling.
Inline Styles in HTML
- HTML & CSS,
- Web Design
- This article explains how to interpret common analytics used to understand the users and measure the success of a website.
Interpreting Website Analytics
- Web Design
- This article provides an introduction to user centered design.
Introduction to User Centered Design
- Web Design
- Create favicons, Crop and Resize Images, and Convert Between File Types
Managing Assets and Icons
- HTML & CSS,
- Web Design
- Learn how to work with color in Seaborn and choose appropriate color palettes for your datasets.
Seaborn Styling, Part 2: Color
- Python,
- Web Design
- This article explains how to set up and use a screen reader in order to think critically about the accessibility of the websites that you're building.
Setting Up and Using Screen Readers
- Web Design,
- Web Development
- This article provide an introduction to SWOT analysis, a tool for strategic planning.
SWOT Analysis
- Web Design
- In this article, we'll take a close look at selecting typeface for site design, and we'll explore how we can utilize fonts to convey content and tone.
Typography Design
- HTML & CSS,
- Web Design,
- Web Development
- This article explains how user research is used to inform design decisions and introduces some common methodologies of user research.
Understanding User Research
- Web Design
- Article about how users do not read websites.
Users Don’t Read Web Pages
- Web Design,
- Web Development
- This article covers common UI conventions.
Web UI Conventions
- Web Design,
- Web Development
- Understand the differences between User Interface (UI) design and User Experience (UX) design.
What are UI and UX Design?
- Web Design
- This article explains what user stories are and how they can be used to promote user-centered design thinking.
What is a User Story?
- Web Design
- In this article, you'll learn about digital accessibility and why it is important to incorporate aspects of digital accessibility into websites.
What is Digital Accessibility?
- HTML & CSS,
- Web Design,
- Web Development
- In this article, you'll understand product usability by learning about five critical components of usability: learnability, efficiency, memorability, errors, and satisfaction.
What is Product Usability?
- Web Design,
- Web Development
- Learn how to build a wireframe for a website or app and why this is an important step in development
Wireframing
- Web Design,
- Web Development
- In this project, you'll explore wireframing techniques as you design the main screen for Unquote, an Android game that challenges users to correct confabulated quotes found on the Internet! Why? Because “[t]he truth is rarely pure and never simple” - Mickey Mouse. You tell ‘em, Mickey!
Wireframing The Unquote Game
- Web Design
- Learn how to add interactivity to your Wix site, target specific customers, and increase engagement using Wix's easily customizable Wix lightbox element
Wix Lightbox
- Web Design,
- Web Development