Web Design
lastmod 2026-02-21created 2014-02-1123 edits
Web design is the process of conceptualizing, planning, modeling, and executing the delivery of electronic media content over the Internet in a markup language format suitable for a web browser to interpret and display as a graphical user interface (GUI).
The purpose of web design is to create a website. Such a website is a collection of electronic files that resides on a web server/servers and provides content and interactive features/interfaces to end users in the form of requested web pages. Elements such as text, bitmap images (GIF, JPEG, PNG), and forms can be placed on a page using HTML/XHTML/XML tags. Displaying complex media such as vector graphics, animation, video, and sound requires separate plugins such as Flash, QuickTime, or the Java Runtime Environment. Plugins can be added to a web page using HTML/XHTML tags.
Browsers compatible with W3C standards have promoted the combination of CSS and XHTML/XML to position and use web page elements and objects. The latest standards aim to have the browser's own features deliver various media and accessibility options to the client, avoiding plugins as much as possible.
Web pages can usually be divided into static pages and dynamic pages.
- Static page: Content and layout do not change with each request unless a user (webmaster/programmer) manually updates the page.
- Dynamic page: Changes its appearance or content according to end-user input or changes in the computing environment (user, time, database modifications, etc.). Content can be changed on the client side by modifying DOM elements with a client-side scripting language (JavaScript, JScript, ActionScript, etc.). Dynamic content is also compiled on the server using a server-side scripting language (ColdFusion, ASP, JSP, Perl, PHP, Python, etc.).
Both approaches are usually used in complex applications.
As the fields of communication design and information and communication technology became standardized, a tendency arose to distinguish web design, specialized in web pages, from web development, which covers the complete logic of all web-based services.
Practical UX improvement methods for startups surviving without a designer
See UX#Practical UX improvement methods for startups surviving without a designer for details.
See also
- HTML
- UX
- UI
- Landing page
- IDEA - Explaining popular algorithms in the style of IKEA instructions
- Design
- carbon - Renders source code as a pretty image.
- Screenshot Mockup Tools - Prettily decorates mockup screenshots
Favorite site
- Wikipedia (en) article on web design
- [Recommended] Godly — Astronomically good web design inspiration - Astronomically good web design inspiration from all over the Internet. Hand-picked design inspiration. - Good for finding web design samples
- Dribbble - Discover the World’s Top Designers & Creative Professionals - Dribbble!
- [Recommended] 40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers
- [Recommended] U.S. Web Design Standards
Look & Fell references
Open Source Web Design List
- http://www.oswd.org/
- http://opensourcetemplates.org/
- http://www.openwebdesign.org/browse.php
- http://www.templateworld.com/free_templates.html
- http://www.templatesbox.com/
- http://templates.arcsin.se/
- http://www.code-sucks.com/free-css-templates/
- http://www.solucija.com/home/css-templates/
- [Recommended] https://cruip.com/demos/stellar/?ref=opl
Guide
Web UI Component Site Design
- Open-Source UI elements - made with CSS
-
MUI: The React component library you always wanted- Not that great ... - Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
- Free Open Source Tailwind CSS Components | HyperUI - Simple !
- The best Tailwind templates & UI kits on the internet | Tailwind Awesome
Background
- Isotope | Premium website background pack library - A collection of website backgrounds
- 33 Animated Backgrounds Examples (With Pure CSS)
- 15+ Amazing CSS Backgrounds
- 48+ Best Shopify CSS Animated Backgrounds Themes Free & Premium 2023 – AVADA Commerce Blog
11ty
- Starter Projects — Eleventy - A list of starter projects