10 Ways to Simplify Your Design

It’s no secret that simple is often better when it comes to website design. An interface that’s simple to understand—and just as simple to use—is more likely to turn visitors into active users who will return to your site later. But how do you simplify your website? Even if you aren’t building something new from […]
Read more

Did you know that style and script tags can be set to display: block?

The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that you can do this with the style tag as well.

All of this is such a weird concept to me that I just had to make a demo …

The post Did you know that style and script tags can be set to display: block? appeared first on CSS-Tricks.

Read more

Designing Compelling Site Experiences for SEO

We all know that using certain keywords and phrases can help boost your site’s SEO, but keyword optimization is just one part of the equation. It’s essential that site visitors find the relevant content they’re seeking. Otherwise, they’ll move on quickly. Attention to design and user experience (UX) are imperative when it comes to building …
The post Designing Compelling Site Experiences for SEO appeared first on Torque.
Read more

Finite State Machines with React

As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the aggregate of all the data that an application needs to perform its function. Over the last several years, there has been a ton of great innovation in the realm of state management through tools like Redux, MobX, and Vuex. Something that hasn’t gotten quite as much attention, though, is state design.

What in …

The post Finite State Machines with React appeared first on CSS-Tricks.

Read more

30 Best Photoshop Logo Templates (PSD)

We’ve collected the absolute best Photoshop logo templates to help you choose a pre-made logo design as a starting point for your new brand. All these logo templates come in a PSD format, for you to tweak and customize in Photoshop. It’s all too easy to burn through a budget, crafting a logo that fits […]
Read more

25+ Modern Responsive Email Templates

If you want your next email campaign to stand the best chance of success, using a responsive design that looks good on any screen or device is really important. Responsive email design is notoriously difficult, so starting with a template can be a good bet. It’s worth taking advantage of pre-made responsive templates that have already […]
Read more

Developer Roadmaps

The path to becoming a front-end developer, as looked back upon by anyone who self-identifies that way, is likely a very windy one full of thorn bushes and band websites. Still, documenting a path, even if it’s straighter and far cleaner than reality, is an interesting exercise and might just be valuable. Three different writer/developers have taken a crack at it this year and their results have been extraordinarily popular. Let’s take a look.

These might help inform web education …

The post Developer Roadmaps appeared first on CSS-Tricks.

Read more

WP-CLI Hack Day Is A Success

Alain Schlesser hosted the first WP-CLI Hack Day last Friday and by all accounts, it was a smashing success. The main goal was to merge 20 pull requests during the event but due to technical issues with Travis CI, only 12 were merged. Travis CI is open source software used to (more…)
Read more