Tag: css

How to add a contact form to a static website

How to add a contact form to a static website

With the rise of the static site, developers need a service that could handle forms. Static website contact form is the most common case, and in this article, you would learn how to add one with [Kwes form builder].

Adding a contact form to a static site could be a challenge because the static site usually doesn’t have a backend that could handle the form submissions. In that case, we could use a service that would do this for us. There are many services out there, like Netlify forms or Typeform, but in this case, we are going to use the Kwes service.

Read more →

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

This article was originally published on CSS-Tricks.

Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation.

You’ve probably seen this pattern a lot. It comes up often in things like multi-step forms and site breadcrumbs. For our purposes we’re going to call these “ribbons” so we know what we’re referring to as we go.

Read more →

5 things to consider when creating your CSS style guide

5 things to consider when creating your CSS style guide

This article was originally published on LogRocket Blog.

A CSS style guide is a set of standards and rules on how to use and write CSS code. It often contains global branding definitions like colors and typography and a set of reusable components for building a more consistent and maintainable project.

CSS style guides should be considered an equal citizen of every project requirement.

Read more →

How to create crooked shadow

How to create crooked shadow

Recently I was working on a very interesting and challenging project. I was told to use CSS wherever possible. That was actually the first time I’ve heard someone says those words and my heart was full of joy. One of the most challenging features to build was to add a shadow on a crooked border. I know it doesn’t sound either glamorous or complicated, but it kinda is.

Read more →

CSS sidebar toggle

CSS sidebar toggle

CSS sidebar toggle presented in this post is made with CSS only. These days accessibility is pretty important stuff and, because changing the state of the elements cannot be done without JavaScript, I’ve added a small snippet for this feature.

Read more →

CSS tabs, part II: Accessibility

CSS tabs, part II: Accessibility

Recently I’ve been writing about CSS tabs. Topic was surprisingly popular, gaining several thousand users to my page.

What was even more surprising were comments about accessibility. Although my initial idea was to present just a CSS technique for tabs, I decided to investigate a little bit more and add accessibility to my solution.

Read more →

This site uses cookies to count visitors anonymously.

Powered by Starter Project.