Deprecated Content

Our News & Blog has been around since 2009. Some older articles may be formatted for styles and layouts that have since become deprecated. I've left them up, rather than removing all the old articles. Please excuse the broken links and feel free to comment or email if you're unable to view any of our old articles.

May 21, 2017

New Parallax & Enhanced Features

Just released additions and new options

Parallax scrolling is a popular technique in web design to add dynamic effects to a page during scrolling. Parallax allows us to animate almost every CSS attribute based on the scroll position on your site. Used in the right way it gives your website a subtle 3D effect, creates the illusion of depth and allows to highlight certain elements.

Since 2015, we've been adding style and flair to your design with subtle parallax effects. Like an iPhone that swooshes into view from a stack of phones as you scroll them into view - we've made some really stylish content over the last couple of years. Now, we've got a big upgrade and tons of more options.

One of the limitations we had before was with background images. With a div, we're animating the background-image instead of the object itself. We don't want the div to move, just the background image. So, previously we were limited to a simple y (vertical), x (horizontal) and some easing and viewport options. Now, we can apply any effect to background images that we could apply to regular objects.

Parallax effects get really stylish with nesting multiple layers. A common use could be a big headline over a fantastic background photo. As the user scrolls down, the background scrolls at a slower speed giving the user a three-dimensional feel. The headline could move a little slower, and slowly blur out of focus. With a more sophisticated design, we could add an additional layer with a color filter that goes over your photograph. As the user scrolls down, we can change the color of the filter, the color of the text, etc.

Additionally, we can easily apply the effects (or specific ones) to happen only on certain screen sizes. We can animate things one way for desktops and large screens, and a completely different way for notebooks and tablets.

  • Views: 3249

Tweets @themicrotechs

@themicrotechs

@themicrotechs

We’re ready for #202WON - Let’s get to work and win back our economy, America 🇺🇸
@themicrotechs

@themicrotechs

We’ve got 2020 Vision! Email us with our secret code “VISION” and all our January contracts receive an additional surprise bonus % off #webdesign #webdeveloper #WordPress #joomla #marketing #socialmediamarketing #advertising
@themicrotechs

@themicrotechs

Let’s talk solutions. Contact us about custom web development, design and marketing services themicrotechs.org/index.php/comp… #webdesign #webdevelopment #joomla #WordPress #uiux #ecommerce #shopify #SEO #TuesdayThoughts #tuesdayvibes
@themicrotechs

@themicrotechs

We’re headed to #LasVegas and bringing some of our Silicon Valley tech to the great state of Nevada. I wonder how many small businesses are powered by #wordpress or #joomla in Vegas alone?

On Instagram @themicrotechs

The Microtechs, LLC

The Microtechs, LLC

During the pandemic, as our clients businesses and people all across America began suffering, we dedicated just under $1MM in billable hours to lead the Marketing & Digital Branding of a high profile NDA client that was working to help everyday people and businesses across the nation. It was an incredible honor to be of service and leverage our wealth of skills, knowledge and resources to help real people. Without a single dollar spent, we reached 40MM people and our content was viewed by about 125k people a day. Our conversion rate was over 80% - and we’re proud to say we helped businesses and people across the nation. We can’t wait to use what we’ve learned for our clients: Those we haven’t met yet, and the loyal friends who’ve used our services since we began in 2008. Let’s get to work, America 🇺🇸 https://www.themicrotechs.org
The Microtechs, LLC

The Microtechs, LLC

When we talk strategic marketing, we’re not just taking a brand and targeting your client or customer’s desires—we’re using style and smart design to pinpoint exactly what strikes a chord with them. Great marketing isn’t just pleasing our clients—it means leveraging our expertise to communicate with the target audience in a way that converts and wins over their hearts and minds. Our marketing takes the personal experience of a one-on-one handshake and delivers it digitally, making your brand and our efforts all about connecting with them. https://themicrotechs.org
The Microtechs, LLC

The Microtechs, LLC

We’re excited for the New Year and hope you all had a wonderful holiday vacation! Here’s to a bright and busy 2020 #development #webdesign #wordpress #joomla #cms #marketing #advertising #seo #ppc #socialmediamarketing #bayarea #sanfranciscobay
The Microtechs, LLC

The Microtechs, LLC

The San Francisco Bay Area’s leading Developer & Online Marketing service since 2008 is looking for local talent. Photographers, DIY video makers and social media talent: Flex your stats and DM us for details. Photo credit to Razaul Karim 🥇 #instagramers #diy #photographers #youtuber
"this is how I always envisioned our website. fantastic job!"

Dave Shapiro, CEO, Cartelligent
Oakland Athletics Logo
Read about the custom system we developed for The Oakland Athletics

CMS Web Design

Custom Joomla & Wordpress
Since 2008
The Microtechs, LLC P.O. Box 13 Antioch, CA 94509
SF Bay Area Web Designer & Developer Since 2008
© 2008-2021 The Microtechs, LLC