Preventing Multiple Submissions Contact Form 7

Add this css to the page to get a loader. Change the url to your loader or use theirs: <style> div.wpcf7 .ajax-loader { pointer-events: none; z-index:100; position: fixed; top:0; left:0; background:rgba(255,255,255,1); display: block; background-image: none; background-image: url(/wp-content/uploads/ajax-loader.gif); width: 100%; height: 100%; border: none; padding: 0; margin: 0; background-repeat: no-repeat; background-size: auto; background-position: center; } </style>

Simple Responsive Video CSS Method

If you are serving video headers or heros or any large videos, you can use this or a version of this to serve Desktop, Tablet and Mobile versions. Tweek per your needs. iPhone X in landscape gets tablet video. Other phones get the mobi vid. Make three copies of your video. I made 1080p (desktop),…

Simplify Your Responsive CSS with Orientation

Make your responsive css easier by using orientation. They way I see it, anything ‘portrait’ is a mobile device or at least, not a laptop or desktop, since those devices don’t get turned on their sides for viewing. So basically, orientation:portrait in your media query handles everything up to a tablet viewed in portrait. One…

A Day Without Facebook

Every social media participant should ask themselves one very real question about how SM effects their lives. That question is: over the history of your social media use do you think you have a net gain in the total number of people in your sphere or have you had a net loss in the total…

FOUC Fixer

Stumbled across this looking for solution to FOUC (flash of unstyled content) for a site I’m developing using the awesosme fullpage.js. There is a lot of css and the site was loading unstyled (FOUC). This is great solution by <a href=”https://github.com/mehtaculous”>mehtaculous</a> that is simple as can be. Make sure your are pulling jQuery lib to…

Clear Cache for Single Site on iPhone

Clearing cache on iPhone is an all or nothing deal unless you know the following steps. I don’t want to clear all my cache, cookies, history every time I want to test the sites I am working on so I go through this process to clear the one I need to hard refresh. Otherwise, you…

Kill Silly Dreamweaver Code Highlighting

Dreamweaver has gone mad. The highlighting makes it so hard to work in code view. I find the bracket selection to be a little annoying so i looked up some info and it’s a little complicated. Here are the steps I used to get rid of this: From the menu Dreamweaver >> Preferences… >> Interface…

RIT Dye Marketing circa 1970

Tie Dye is a big part of 20th century history. People have been rocking the hippie camo since about 1968-ish. Check out how colorful people wanted to be and tell me that wasn’t a great time in America. Printed in the USA in 1970. I got this from someone who threw nothing away. Great ephemera.…

Tinnitus Meditation Anyone Can Do.

This worked for me surprisingly fast so I wanted to have someone else try it. If it helps you with your Tinnitus, please let me know. I would like to hear what things you can add to this simple process to make it better for all who suffer from this affliction. It’s real. Don’t let…

Bent On Fine Wine Redesign

Thank you to Patrick Benton of Bent On Fine Wine in Thousand Oaks for giving us the opportunity to redesign their WordPress/Woocommerce site. Check out their amazing cellar at BentOnFineWines.com

Flooring Company Websites

Shopify sites: The Flooring Factory & United Wholesale Flooring WordPress sites: Kingdom Distributors & Dynasty Floor & McMillan Floor

Don’t limit your SERP text

As of last year Google changed the character count of the organic search results. This tool is a great way to try your meta text in simulation. Hint: keyword stuffing is out. Think ‘Google Ad’ when writing. See example: https://smartsearchmarketing.com/google-title-tag-serp-preview-tool

Bar Code Made of Div’s

If you need something that looks like a barcode, this click the link below. I have all the css inline because I needed it for a coupon that gets emailed so I needed it to be html, not an image that might be suppressed. Also, it makes it easier to randomize by copy/paste. :P Click…

Stop Side to Side Slop for Mobile on iOs by Preventing Zoom

As per my last post, the iOs 10 woes continue as far as side to side slop goes for my sites so I keep looking. The latest update to preventing slop (the bouncy side to side movement that shows up when viewing/scrolling your site on iPhone). This post addresses some issues like preventing the zoom…

5 Lines of CSS That Will Improve Any Mobile Design for iOs

Developing for Mobile is challenging enough without adding device driven settings that run client side and mess up your awesome responsive design. Here is how to prevent one very common problem: form elements cause mobile browser to zoom in when element on focus. The issue shown in three screengrabs below from an iPhone 7. If…

My Surf Spot

C Street Live HD Surf Cam. Check out more Surf Cams at Surfline.com

Using Moment.js to show open/closed for business

This will need to be adjusted for timezone. Moment uses the end user’s time zone (browser based or client-side), not your website’s time zone (server-side) so this needs to be adjusted using moment tz (timezone) script. Fortunately for us, all of our foot traffic is based in the PST zone. The day of the week…

Responsive CSS Media Query Starter File

Responsive design is a lot of work but this might help you. Great starter file. I didn’t create this file but I customized it for the average site. The specific media queries go up to iPhone 7 and includes Samsung Galaxy along with the iPad etc. Sample: /* iPhone 6/7 (portrait) ———– */ @media only…

Easy Guide Managing Your Google Privacy & Search History.

Google collects all your search data. That’s known. If you prefer to not participate, you can easily clear your history by hours, days, even all time. You choose. Deleting this data means deleting some of your consumer profile. It can change ad delivery. This will not delete your account or email or bookmarks and the…

Stop Chasing Min-Height. Flex is easy.

Stop chasing min-height when creating storefronts, galleries or even blog pages in ‘tombstone’ format. The days of hanging items and empty columns are ovr. Get your stuff to line up for mobile etc with flex css. Here is the basic setup. Download the demo. The CSS: .flex-container { display: flex; flex-flow: row wrap; justify-content: space-between;…

The default setting all Bing advertisers should know about

I’m really hot on Bing ads right now. It’s like shopping at Ross. It’s not as popular as Macy’s or nearly as nice but you get the same exact products for a lot less. In this case, a click is a click right? It’s still a connection to a prospect that is looking for my…

Hotshotz Site Redesign

Special thanks to Reusable Heat for letting us redesign their website. They have an awesome product called Hotshotz Heat Packs that get hot with the push of a button. After they cool, just recharge by placing them in boiling water, then use again and again. See the site at reusableheat.com Us: New Mobile responsive design.…

Retail Holiday Calendar for 2017

I needed this for a project using Google AdWords. Hope this helps you if you need to plan your marketing for ’17. New years Day 1-Jan MLK Day 16-Jan Third Monday in January Valentines Day 14-Feb Presidents Day 20-Feb St Patricks Day 17-Mar Easter 16-Apr Earth Day 22-Apr (or closest weekend) Cinco de Mayo 5-May…

JS date picker for sales ending on the 15th or last day of month

I needed to write a script to show sale ending dates so I would not have to update them site-wide. I used moment.js. Some might argue that document.write is deprecated but I’m not using it in a function. Get a copy of moment.js and call it into your page. Copy and paste code replacing comments…

SPAM must be filtered for accurate Google Analytics

This is one of those tips where you might think “isn’t that supposed to happen automatically?”. One would think that adding Google Analytics to your website would give you data in your analytics account that is…from your website. Unfortunately, that’s not always the case. Spammers and hackers can use your website for advancing their own…

How to Disable Firefox ‘Restore Tabs After Crash’

I personally don’t understand the logic of attempting to restore the sites that just crashed your browser. :/ On the Mac, a slow site can tie up Firefox for minutes and make it unusable. Restoring those sites after forced quit is so frustrating. I found this online as a solution. Following steps will be helpful…

AMP = Instant Mobile Optimization

I’m blown away by how fast my site became instantly on mobile when I read about and installed an AMP (Accelerated Mobile Pages) plugin. There are several out there already but I used this: https://wordpress.org/plugins/amp/. Read more at https://www.ampproject.org/docs/get_started/about-amp.html

Chrome Launches at Startup on Your Mac?

There are a few reasons why Chrome will launch itself on boot. If you have eliminated the obvious ones (like control+click on the Chrome icon in the dock and select Options>>Uncheck ‘Open at Login’) and Chrome is still launched on start, try System Preferences>>Users & Groups>>Login Items. Make sure Chrome is unchecked.

Ojai Candle Co Gets a Crafty Logo

Creating a logo for a new brand can be challenging. When creating the logo for Ojai Candle Co, we decided that going ‘old school’ might fit right in with the vibe of the age old profession of candle making. The design process was as follows: create ink stamps spelling out the company name, photograph the…

ChefZaida.com is a Finalist for 2016 USPCA Website of the Year!

We are proud to have designed ChefZaida.com which is now a United States Personal Chef Association Website of the Year Finalist! Chef Heather Zaida has done an amazing job with the site and we wish her all the best going forward as we continue to grow her online presence into the future. Visit

#hashtagsearchtool

Social media marketing made easy…well at least the tagging. Free text queries show related hashtags so you don’t get it wrong. Desktop viewing shows a trippy animated graph with the connected hashtags. http://hashtagify.me/

How to Build a Brand Iconographic

From https://creativemarket.com/blog/2016/03/16/how-to-design-a-brand-identity-visual-recap Finally. Something we can all understand. Check out Creative Market. Good newsletter for Photoshopping/Creative types. Free fonts.

Tremendous Read for Email Marketers

Litmus.com’s 2016 State of Email Marketing report is a great read for designers and marketers alike. Here it is: 2016_State_of_Email_Report_Litmus Props to Litmus.com for providing some of the best tools and intel for email marketing. Like this great article: https://litmus.com/blog/the-ultimate-guide-to-styled-alt-text-in-email

Mike Edwards, CEO of eBags

“Companies that do not have a mobile strategy in content, marketing and technology soon will not matter,” said Mike Edwards, CEO of eBags. “Today for eBags.com, 45% of our traffic is from some form of a mobile device, and it is having a profound impact on how we structure and align our resources to be…

ChefZaida.com Launched!

Congrats to Chef Heather Zaida on launching her new website with design and dev from RoundFocus! We developed the site using WordPress and added SEO and even designed her new logo! All on an amazingly tight budget. Good Luck Heather. You are going to do great! http://chefzaida.com

Great DNS tool.

Sick of waiting for DNS changes, not knowing whether it’s your connection or your DNS updating? Use this: http://downforeveryoneorjustme.com/. It checks your url outside of your network by checking thru other backbones throughout the world. Nice.

Google responsive page tester

Test your site for mobile. https://www.google.com/webmasters/tools/mobile-friendly/ Google is going to crush your site ranking like a little bug unless it passes the test on the link above. Don’t lag. If you don’t pass, your page rank could go down. According to Google, it should go down so take it from the horses mouth, you have…

Update on Tel links and Facetime links

Creating the correct format for your telephone number links is important because different devices react differently. I prefer to use the folowing format. Tel: <a href=”tel:+18057460079″>805-746-0079</a> <a href=”facetime://8057460079″>Facetime Us</a> I add the Facetime link, not because I want to be contacted via Facetime but, because clicking the default tel format on a Mac causes the…

Google Maps Crucial for Local Businesses

Google is dominating the mobile search market. If you are not on Google Maps, you don’t exist. Don’t panic! Getting on Google Maps is an inexpensive service that we can provide and you don’t even have to have a website. If you do have a website, being on Google Maps and using other Google products…