Web Design

  • A Complete Guide to CSS Media Queries
    https://css-tricks.com/a-complete-guide-to-css-media-queries/

    Comprehensive tutorial from CSS-Tricks that explains CSS media queries, including plenty of examples.

  • Adobe Xd: UI Kits and Other Resources
    https://www.adobe.com/products/xd/resources.html

    Adobe Xd reference page with links to free UI kits that you can download and use as mobile app/website templates. Also includes links to icon sets and plug-ins.

  • Ajaxload - Loader GIF Generator
    http://www.ajaxload.info/

    Oldie-but-goodie site that generates AJAX loading GIFs of various styles and custom colors.

  • Beginning Python Programming for Aspiring Web Developers
    http://www.openbookproject.net/books/bpp4awd/index.html

    Online e-book introducing the Python programming language. Covers nearly all of the same material as the CS175 course. The later chapters discuss using Python for web application development. Lots of examples and exercises throughout.

  • CSS/HTML Standard Colors
    https://www.w3schools.com/colors/colors_names.asp

    W3schools list of colors supported by all major browsers. Includes color names, hex codes, and swatches.

  • EmojiCopy - Emoji Library
    https://www.emojicopy.com/

    Library of standard Unicode emojis, all available to download as sprites, web fonts, or native formats.

  • Figma for Beginners Tutorial
    https://help.figma.com/hc/en-us/sections/4405269443991-Figma-for-Beginners-tutorial-4-parts-

    A four-part video and written tutorial on how to use the Figma prototyping tool.

  • Figma: Download
    https://www.figma.com/downloads/

    Download page for the Figma prototyping tool, an alternative to Adobe Xd (and now also owned by Adobe.) NOTE: Figma is free, but you will need to create an account to use the application.

  • Font Awesome: Free Icons
    https://fontawesome.com/search?m=free&o=r

    Searchable gallery of all free Font Awesome icons

  • HTML & CSS Code Samples (Duckett)
    http://www.htmlandcssbook.com/code-samples/

    HTML & CSS examples from Jon Duckett's book HTML & CSS: Design and Build Websites. To view the HTML and CSS behind each web page, right-click on the page and choose View Page Source.

  • Learn and Master Adobe Xd - Tutorials
    https://letsxd.com/

    Adobe's official text and video tutorials on designing websites and mobile apps with Adobe Xd. Includes tutorials for designing and prototyping.

  • Wix
    https://www.wix.com/

    A free, online website builder with limitations (registration required). Allows you to build a full website without having to write any HTML or CSS. NOTE: There is no software to install; you just need a modern web browser (preferably Chrome or Firefox on a desktop, laptop, or tablet.)

  • WordPress
    https://wordpress.com/

    Very popular web content management system with a free, online website builder (with limitations; registration required.) NOTE: You don't need to install any software when building a website through WordPress.com - simply go to the site, log in, and build!