Exclusions will hopefully be like more powerful grid-friendly floats

Exclusions (which are currently in a “working draft” spec as I write) are kinda like float in that they allow inline content to wrap around an element. But not exactly a float. Chen Hui Jing has an excellent explanation:

An exclusion element is a block-level element which is not a float, and generates an exclusion box. An exclusion element establishes a new block formatting context.

An element becomes an exclusion when its wrap-flow property is computed to something …

The post Exclusions will hopefully be like more powerful grid-friendly floats appeared first on CSS-Tricks.

Read more

10 Tools & Apps for Testing Your Responsive Design

It’s never been more important to ensure your design is ready for every type of user—and device—before launch. While it can be tough to physically test on every device, there are some tools and apps to help you replicate a variety of responsive scenarios. With free and premium tool options, there’s no reason not to […]
Read more

Prettier & Beautify

Aww, what a cute blog post title, right?

Prettier is an “opinionated code formatter.” I highly suggest using it. They have a document going deeper into the reasons, but their three marketing bullet points say it best:

  • You press save and code is formatted
  • No need to discuss style in code review
  • Saves you time and energy

But Prettier doesn’t do all languages. Notably HTML. It’s great at JSX, and I’ve gotten really used to enjoying that. But then when …

The post Prettier & Beautify appeared first on CSS-Tricks.

Read more

ExpressionEngine Goes Open Source after 16 Years

In a post titled “Open Source Has Won,” EllisLab founder Rick Ellis explained why ExpressionEngine is going open source after 16 years. The content management system is an evolution of the pMachine blogging software first released in early 2002. EllisLab previously required a license fee to use the full version (more…)
Read more

Using the Command Line for Automation – Part II

It is common practice for developers to work on several servers or tiers in order to test their work and make sure code is ready to deploy without introducing errors on a live production environment. WP Engine features multiple environments per WordPress installation and provides a multi-tiered workflow. It is possible for developers to work …
The post Using the Command Line for Automation – Part II appeared first on Torque.
Read more

Push and ye shall receive

Sometimes the seesaw of web tech is fascinating. Service workers have arrived, and beyond offline networking (read Jeremy’s book) which is possibly their best feature, they can enable push notifications via the Push API.

I totally get the push (pun intended) to make that happen. There is an omnipresent sentiment that we want the web to win, as there should be in this industry. Losing on the web means losing to native apps on all the …

The post Push and ye shall receive appeared first on CSS-Tricks.

Read more

15+ Best Animated Keynote Templates With Stylish Transitions

A great way to make your Keynote slideshow more attractive is to use animation effects. With just a few entrance animations or transition effects, you can instantly make your presentation look more professional. However, it takes a lot of configuring and testing to figure out the right animations for each and every slide in your […]
Read more

Gimp vs Photoshop vs Lightroom: 3 Apps Compared

When it comes to editing photos and digital images, we’ve never had more software options to choose from. Two apps have been around for decades: Photoshop, and Gimp. We’re throwing Lightroom into the mix as well, and comparing Gimp vs Photoshop vs Lightroom. There are plenty of professionals who use Gimp for their daily work. […]
Read more

Figma Partners with WordPress to Improve Design Collaboration

Figma, an online collaborative interface design tool, has donated an organizational membership to the WordPress project. The browser-based application helps designers and developers collaborate more efficiently and is used by organizations like Microsoft, Slack, and Uber. It provides design tools, prototyping, previews, and real-time feedback, all in the same place, (more…)
Read more