Jetpack’s Social Integration Features

One of the many things we use Jetpack for here on CSS-Tricks is all of its features related to social media integration. For example, Jetpack can automatically share published content to different social media accounts simultaneously, add sharing buttons to your site’s theme, and allow for social login on the comment form. There is even more than that, but let’s dig into these three as we use them.

Auto-Sharing Posts

I like the idea that everything we published goes out …

The post Jetpack’s Social Integration Features appeared first on CSS-Tricks.

Read more

20+ Best Rainbow Background Textures

Using multi-colored backgrounds in a website or graphic design is a popular trend these days. And, with the help of the rainbow backgrounds in this collection, you’ll be able to give a beautiful and an attractive multicolor look to your designs while also keeping a professional edge. We handpicked these rainbow background textures to fit […]
Read more

30+ Best PowerPoint Templates of 2018

The key to winning your audience is a perfectly designed PowerPoint presentation. Whether you’re speaking at a conference, pitching to an investor, or talking about sales projections at a business meeting, this collection of the best PowerPoint templates will help you speak to your audience. The way you design your PowerPoint slides will play a […]
Read more

WordPress Coding Standards 1.1.0 Released

The WordPress Coding Standards version 1.1.0 has been released on GitHub. This release includes more stringent function call formatting checks which are explained in the handbook. There’s also stricter checks for overrides of WordPress global variables. To see a full list of what was changed, fixed, and added, check out (more…)
Read more

Customise radio buttons without compromising accessibility

Here’s a nifty post by Chen Hui Jing where she walks us through her process for making radio buttons accessible via keyboard. I particularly enjoyed this bit where she discusses the four options that are available to us to hide the radio input and replace them with a selection of cards that act like toggles instead:

Most of us mess up the keyboard navigation portion of things when we hide the input element. There are several ways to make something …

The post Customise radio buttons without compromising accessibility appeared first on CSS-Tricks.

Read more

Wireframing: A Beginner’s Guide to Developing Better WordPress Themes and Plugins

If you’ve never heard of ‘wireframing’ before, now is the time to learn everything you can about it. This technique for developing the structure and format of your solutions should be a vital piece of your overall development strategy. That’s because it’s a path to creating fuller-featured and more stable WordPress plugins and themes. For …
The post Wireframing: A Beginner’s Guide to Developing Better WordPress Themes and Plugins appeared first on Torque.
Read more

Creating sliding effects using sticky positioning

Sticky elements are predominantly used for keeping something shown on the screen throughout scrolling. As cool as that is, we can also hide elements in the same way!

Here’s a typical (um) sticky situation:

See the Pen position:sticky (CSS) by Preethi Sam (@rpsthecoder) on CodePen.

Sticky elements (position: sticky;) are very similar to fixed elements ( position: fixed;) in that they both maintain their position on the screen, even as the user scrolls up …

The post Creating sliding effects using sticky positioning appeared first on CSS-Tricks.

Read more

Interactive Introduction to CSS Houdini

This is a great explanatory microsite by Sam Richard.

CSS Houdini will let authors tap in to the actual CSS engine, finally allowing us to extend CSS, and do so at CSS speeds. Much like Service Workers are a low-level JavaScript API for the browser’s cache, Houdini introduces low-level JavaScript APIs for the browser’s render engines.

What’s important to know is that Houdini is broken up into these different parts, each of which will be implemented separately. We have an …

The post Interactive Introduction to CSS Houdini appeared first on CSS-Tricks.

Read more

7 Tips for Better Contact Form Design (With Examples)

Better contact form design starts with usability. The goal of a form is obvious: you need information from the user. The form has to be intuitive enough so users know exactly what to do and don’t get sidetracked in the process of completing that action. The best contact forms are easy to look at and […]
Read more