This Week In Web Design – October 30, 2020

We've previously published the creative text effects you can make with CSS, and many other cool things you didn't think were possibly to make with CSS.

We have become so used to using web sites just to buy stuff that it is easy to forget that the web has more to offer. So this month we’ve included some because-it’s-interesting sites, some micro-sites and some just-for-the-sake-of-it projects. Many of these are about selling or promoting products and services too, but in a […]

A coding session where you'll learn how to implement the particles effect seen on Mathis Biabiany's website.

Ruby on Rails is one of the most popular and widely used web development frameworks. It is a relatively easy and powerful web development framework for

There are numerous reasons to want to know which files have been added or modified in a git repository, one of which is your text editor highlighting

Creating a compelling website ad copy is just the beginning. To create an effective and long-lasting relationship with your prospects, you need to use the

In an effort to help freelance designers, we explore how you can more accurately estimate costs and fill clients in on the details.

Latest Collection of Free CSS Text Typing Effect Animation Examples Code Snippet. typing animation css, css typing animation multiple lines codpen

I recently moderated a panel at Netlify's virtual Jamstack Conf that included Netlify CEO Matt Biilman and Automattic founder Matt Mullenweg. The whole thing

If you're looking to take your HR’s up to the next level, this stunning collection of free CSS divider code snippets goes beyond the default.

Considering why the dark mode of mobile apps is becoming amazingly popular today and how to design it the most effectively.

In many organizations, the design team does some research then retreats to their tower to conjure deep magics that turn note filled notebooks into a customer journey map. At least that’s what it looks like to their peers. Journey diagrams capture tons of detailed info about users, processes, and systems. The best teams share the same understanding of the user’s journey. Instead of having your team wonder where you got this information or how you came to these conclusions, have

When it comes to service companies handling various business functions, SaaS companies are the best. They are a market that has started growing immensely in the past few years. These types of organ...

I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make

There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade

Trying to figure out what you need to include on your small business website? Check out these 5 small business website essentials!

Unit takes an important role for measuring and building things like a house, a bridge or a tower, and building a website is not an exception. There are a

Want to create a stunning ecommerce page that engages your audience? Check out these 8 ecommerce homepage best practices!

You would think that hiding content with CSS is a straightforward and solved problem, but there are multiple solutions, each one being unique.

Looking for a lighter framework for your next project? Here's a list of some of the best minimal CSS frameworks out there.

Explore detailed comparison on Javascript frameworks React vs Svelte. The comparison aspects include performance, use cases, code maintainability, and more.

Rounded fonts are commonly used in creative designs to add a bit of elegance and style to titles and headings. They are also a great choice for paragraph text as they improve readability. You can use rounded fonts with almost every type of design. Including for crafting logos, poster title...

A guide on how you can put together an impressive website layout.

Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and we

A big selection of the best web experiments made in the past weeks.

Back in July 2020, I got an email from James0x57 (I always try to refer to people by their name, but I think I get the sense they prefer to go by screen name)

Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some

If you’re wondering why your website conversion rate is painfully low after investing a lot of time (and money) into it, then you probably haven’t

When it comes to compliance, website developers need to keep their eyes on more than just ADA regulations and Section 508. Privacy laws are a big consideration and decisions on how to build privacy into a website start with architects. And that’s exactly what website developers (and designers!) are. They build up attractive, functional websites […]

A super practical, non-technical guide to creating color schemes, color palettes and color combinations in your UI designs.

Join me in exploring a recent experience where I started with flawed logic (without realizing it) and the steps I took to fix my bug. Let’s experience some broken code together. 🎉

Based on our experience, here are the top 13 habits for freelancers to maximise productivity and effectiveness - from tasks to conquer first to social media.

Learn how to create a custom error 404 page! We show you a step-by-step guide on how to make the experience less frustrating to the user.

Responsive web design is not just about adjustable screen resolutions an automatically resizing images. All benefits need to be skilfully taken advantage of and all limitations have to be worked around. And this is where we dip our toes into the vast expanse that is responsive design. It is a whole new generation way of thinking.

Check out an extensive collection of digital creative assets made for designers, by designers. Download high-quality mockups, templates, icons, and more for your next design project!