# CodeHS Web Design Insider: Engaging Project, Helpful Tips, and More!
Published: 2025-04-14
Category: Newsletter
Category URL: https://codehs.com/blog/category/newsletter
Tags: Computer Science, Engaging Projects, Scholarship, Web Design, coding
Tag URLs: Computer Science (https://codehs.com/blog/tag/computer-science), Engaging Projects (https://codehs.com/blog/tag/engaging-projects), Scholarship (https://codehs.com/blog/tag/scholarship), Web Design (https://codehs.com/blog/tag/web-design), coding (https://codehs.com/blog/tag/coding)
URL: https://codehs.com/blog/codehs-web-design-insider-engaging-project-helpful-tips-and-more-cm9mzylmi00de14n5aqlxekzx

![](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/web-dev-newsletter-headers-1744993383208-compressed.png)

## ☀️ Website Light and Dark Theme

![](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/screenshot-2025-04-18-at-11-1744993589436-compressed.png)

In the [Website Light and Dark Theme](https://codehs.com/app/project_info/project/18068) project, students build a web page that lets users choose between two different themes—a light and dark theme—or choose to apply their system theme preference. JavaScript code has been provided, and students use HTML and CSS to create their custom light/dark mode color palettes and styles.

Get Started Now

![🏔️ Coding in the Wild](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/image-1742825987794-compressed.png)

## 🔗 Using External Links in HTML Programs

If your Web Design students are using external links in their HTML programs, you may notice those links don’t always work as expected within the CodeHS editor.

The editor runs HTML files in an iframe, which some external websites block for security reasons. To properly test and navigate to external sites, students will need to open their program in a new browser tab. They can do this by clicking the Pop Out icon next to the address bar in the output window.

This help article, [Using External Links in HTML Programs](https://help.codehs.com/en/articles/6604920-using-external-links-in-html-programs), provides a quick explanation and step-by-step guidance. It’s a great resource to share with students when they’re troubleshooting link behavior in their projects.

Check Out This Help Article

![🏔️ Coding in the Wild](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/image-1742825987794-compressed.png)

## 🌟 NEW FEATURE: Parsons Problems

![](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/4acb37b1cf3517651562e5f34eb312b3-1744994114240-compressed.png)

In the [Practice App](https://codehs.com/practice), parsons problems are now available for students to work through. Teachers can also add them as extra practice in their courses. Parsons problems are coding exercises where students are given scrambled code snippets that they must reorder and, in some cases, properly indent to form a functional program or code segment.

Watch a Demo Video

![🏔️ Coding in the Wild](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/image-1742825987794-compressed.png)

## 🏆 Apply to Become a CodesHS Certified Educator

Become a [CodeHS Certified Educator](https://codehs.com/certifiededucator) and showcase your hard work in the classroom. You’ll be recognized on the CodeHS website and across our social media channels. You'll also receive a certificate, exclusive CodeHS swag, and opportunities to connect with other computer science teachers at meetups throughout the year. Applications close on April 30th.

Apply Now

![🏔️ Coding in the Wild](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/image-1742825987794-compressed.png)

## 💸 Student Scholarship Application

![](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/scholarship-programgoogle-form-header-3-1744994246217-compressed.png)

**Calling All High School Seniors - Now Accepting Applications!**

CodeHS is proud to invite all eligible students to apply for the CodeHS Scholarship! We will award $1,000 grants to 10 students who plan to study computer science and related fields at the post-secondary level.

Review the scholarship eligibility requirements and learn how your students can apply today. All applications are due by **May 28th, 2025 @ 11:59 PM CT**.

Help Your Students Apply

![🏔️ Coding in the Wild](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/image-1742825987794-compressed.png)

## 💬 Stay Connected

- Follow us on [Twitter](https://twitter.com/CodeHS) and [Instagram](http://instagram.com/codehs)

- Chat with fellow teachers in the [CodeHS Facebook Group](https://www.facebook.com/groups/CodeHSEducators/)

- Explore the [CodeHS Web Design Hub](https://codehs.com/curriculum/web-design)


\- _The CodeHS Team_

_Get CodeHS Pro for your classroom. [Contact us](https://codehs.com/learnmore?c=WebDesign_4.14.25) today!_


---
This blog is powered by Superblog. Visit https://superblog.ai to know more.
---