Microsites for Case Studies

A lot of y’all have personal sites. Personal sites with portfolios. Or you work for or own an agency where showing off the work you do is arguably even more important. Often the portfolio area of a site is the most fretted and hard to pull off. Do you link to the live projects? Screenshots? How many? How much do you say? How much of the process do people care about?

I’m afraid I don’t have all the answers for …

The post Microsites for Case Studies appeared first on CSS-Tricks.

Read more

CSS Environment Variables

We were all introduced to the env() function in CSS when all that drama about “The Notch” and the iPhone X was going down. The way that Apple landed on helping us move content away from those “unsafe” areas was to provide us essentially hard-coded variables to use:

padding:
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left);

Uh ok! Weird! Now, nine months later, an “Unofficial Proposal Draft” for env() has landed. This is how specs work, as I understand it. Sometimes browser vendors …

The post CSS Environment Variables appeared first on CSS-Tricks.

Read more

Instagram Insights to Enhance Your Web Design Acceptance and Reach

Instagram is admired worldwide as being synonymous with online imagery. It was a fresh new concept in social networking when it was introduced, and it also changed the way businesses approach the internet, and in turn their target audience. This innovative image-based social network platform has shared many valuable lessons regarding how companies need to …
The post Instagram Insights to Enhance Your Web Design Acceptance and Reach appeared first on Torque.
Read more

Top Reasons Why You Should Integrate Instagram into Your Web Design

In the context of modern business, it is absolutely imperative to have a fully functional and user-friendly website. If you are into e-commerce, you will also need a powerful and reliable e-commerce platform to enable your customers to purchase goods and services. Awareness can be built both by engaging in SEO to boost search engine …
The post Top Reasons Why You Should Integrate Instagram into Your Web Design appeared first on Torque.
Read more

Inspecting Animations in DevTools

I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate CSS animations and visualize how everything works under the hood.

To access the panel, head to More Tools → Animations in the top right-hand menu when DevTools is open:

Many of the …

The post Inspecting Animations in DevTools appeared first on CSS-Tricks.

Read more

WPWeekly Episode 314 – Getting Squeebly With It

In this episode, John James Jacoby recaps his trip to WordCamp Chicago and explains the thought process behind his presentation, The Fourth Wall of WordPress. We highlight a new project that gives developers a guided path to migrate functionality from the Classic editor to Gutenberg. We discuss the pros and (more…)
Read more

Torque Toons: WordPressFreedomDay

Did anyone else get excited when they thought WordPress Freedom Day was a thing? The real thing, World Press Freedom Day sounds pretty awesome though. Don’t forget to check out our other editorial toons!
The post Torque Toons: WordPressFreedomDay appeared first on Torque.
Read more

Using WordPress To Create Awesome Promo Code Websites

Even though it’s one of the most popular platforms on the web, there are still a lot of people who are unsure about using WordPress. For some, it’s because they feel intimidated by the prospect of using it, while others simply think that it wouldn’t fulfill what they are trying to achieve. For those who …
The post Using WordPress To Create Awesome Promo Code Websites appeared first on Torque.
Read more

Responsive Knockout Text With Looping Video

Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like “Knockout Text” except instead of an image behind, it’s video. A live demo will explain more clearly:

See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen.

A key objective here is to develop this responsively. The idea is to not only scale the video in size to fit the parent container (as video generally does), but scale the …

The post Responsive Knockout Text With Looping Video appeared first on CSS-Tricks.

Read more