The CSS Paint API

The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go over what it is, why we have it and how to start using it.

What is the CSS Paint API?

The API is just one part of a whole suite of new specifications all under the umbrella of what is known as CSS Houdini. Houdini, in essence, gives developers …

The post The CSS Paint API appeared first on CSS-Tricks.

Read more

25+ Real-Life Tools for Web Designers and Developers

There are countless resources for web designers and developers on the market, but which stand out? We’ve tried to pick some that are new and interesting, based on our experience with web designers and developers. Below you’ll find short reviews and recommendations of real-life tools for web designers and developers. There are WordPress themes, website […]
Read more

CSS Grid in IE: Faking an Auto-Placement Grid with Gaps

This is the third and final part in a three-part series about using CSS grid safely in Internet Explorer 11 (IE11) without going insane.

In Part 1, I covered some of the common misconceptions that people have about IE11’s native CSS grid implementation. In Part 2, I showed the world how easy it actually is to write IE-friendly CSS grid code.

Today, I’m going step away from CSS grid for a moment to show you a flexbox technique …

The post CSS Grid in IE: Faking an Auto-Placement Grid with Gaps appeared first on CSS-Tricks.

Read more

100+ iPad Mockup PSD & PNG Templates

Using an iPad mockup template is a great way to display your latest and greatest responsive website design or app interface. We’ve collected our favorite free iPad mockups, and a few premium options, to get you started. We’ve scoured the web to find over a hundred different tablet and iPad mockups, in all shapes and […]
Read more

Most Common Novice Website Creator Mistakes and How to Avoid Them

When building a website, it can be easy to lose sight of what your customer wants. Your website needs to represent who you are and what you do, but it also needs to be a way for your customers to connect with your brand. Making a connection allows you to stand out from the crowd. …
The post Most Common Novice Website Creator Mistakes and How to Avoid Them appeared first on Torque.
Read more

Prototyping in the Browser

Prototyping animations and interactions is vital for a number of reasons: they can make your interface feel deceptively fast, they can help focus the user on a specific task, and they can provide a better sense of the current state of your application. Is data being loaded? Is something now unclickable? How long do they have to wait until they can perform an action?

At Gusto, I’ve been working on a lot of tiny interaction details and prototypes lately …

The post Prototyping in the Browser appeared first on CSS-Tricks.

Read more

​Reinvest Your Time with HelloSign API

HelloSign API makes it simple to embed secure and legally binding eSignatures directly into any website. It’s 2x faster to implement than other eSign solutions and is also the only eSign API that allows customers to completely white label the integration, meaning our customers can give their customers a seamless, native signing experience. The three key features of the HelloSign API are the ability to collect signatures, request signatures, and format documents for signing directly on any site. Integrations go …

The post ​Reinvest Your Time with HelloSign API appeared first on CSS-Tricks.

Read more

20 Bold & Free Script Fonts

Today we’re featuring some of the best free script fonts from across the web. We’ve hand-picked bold script fonts with impact, that can be a stand-out choice for your next project. Fonts don’t always need to be expensive. In fact, it’s hard to believe that the fonts in this collection are actually free to use. […]
Read more