Categories
Online Marketing

Web Fonts – The State of the Web

”, My guest is Dave. Crossland He’s the program manager For Google Fonts And today we’re Going to be talking about the state of web fonts –, what are they, how to use them? Effectively and what’s new, Let’s get started, [ MUSIC PLAYING ], So Dave. Thank you. For being here, My first question is: About why web fonts, What do they bring to a website? Beyond the standard fonts like Helvetica DAVE, CROSSLAND Well, Web fonts really express a certain kind of Feeling for organizations They express a brand And you can have a web Page without a article, but you can’t have a Web page without text You have to have fonts And so a brand at its core Would be like a logo, a color and a typeface or a font, And so web fonts bring The kind of rich design that we have in print Media to the web, RICK VISCOMI And according To the HTTP Archive nearly one third of Websites use a font from the Google Fonts API, So why are developers turning To the Google Fonts API DAVE CROSSLAND, I would say That Google Fonts is fast, easy and free And so on.

Our Analytics page we’ve clocked up over 22 trillion. Font views in total since the service Launched in 2010 – And I think that being on Google’s content, distribution networks, we benefit From cross-site caching, So when you visit the First website that uses a font like Roboto, it’s downloaded and you may see Some latency there, But then on all Subsequent websites, which use the font From Google Fonts, then it’s in a cache And loads instantly across the different websites, We also try and Make it really easy So the font’s API Abstracts, a lot of the complexities of web Font technology from you, So we serve different formats.

To different browsers, For example, with better Compression formats, like WOFF2, only the newer Browsers support those, And so we serve WOFF2 files. To those newer browsers And we serve other Formats to older browsers And then finally We make things free and we have a directory of Hundreds of choices which everybody can choose from Now, of course, if you Want a particular typeface, then it may not be Available in Google Fonts and you would go and license That font for your usage, But not everybody, has the Sophistication in design or the resources To license fonts And I think it’s important That everyone in the world is able to do typography, RICK VISCOMI, So I don’t Know if developers truly appreciate how complicated Web fonts are under the hood.

I got a taste of this when I Was at YouTube a few years ago, I helped change the Default font to Roboto, and it was not as easy as just Changing the font-family CSS style, There’s a lot you need to do to Make sure that it goes smoothly for the users and they Have a good experience, For example, like YouTube users, Are from all around the world, They have different languages. Different alphabets, What are some of the Things that developers need to be concerned about For an international audience, DAVE CROSSLAND International Users face a challenge because the file sizes Of fonts, for them can be larger than just For European languages Traditionally Google Fonts has done a kind of slicing of Fonts into language or writing system sets, So we might have, for example, Latin Latin Extended Cyrillic Cyrillic Extended Greek Greek, Extended and Vietnamese: That’s your current support for Roboto that’s used on YouTube.

We also support Other languages — Hebrew, Arabic, Thai, Many different Indian writing systems And the biggest Challenge has been for Chinese Japanese And Korean fonts, A typical font for Indian languages can maybe be two or three times Larger than a European font, But for East Asia it can Be a hundred times bigger And so we’ve been able to Use a number of technologies, for example WOFF2 Compression which is now a W3C standard this year, And also the @ font-face Css has a new aspect called unicode-range.

Unicode-Range allows us to Slice, the fonts into pieces, dynamically And the browser will Only download the pieces that it needs, So that means that We were able to slice a Chinese, Japanese or Korean Font into over a hundred slices And therefore the Latency of each slice is similar to your European font, This means that the experience Latency is much better And because the Slices are cached across different Domains then the font gets faster and faster To load over time, RICK VISCOMI Custom fonts have Also been used for icon fonts to show images And more recently, they’ve Been used for emoji as well, So we’re moving beyond just Text and on to these other ways that we’re using to communicate, But it’s not without its Own challenges, right, DAVE, CROSSLAND, That’s right! Font technologies are always Improving and evolving And the use of emoji as a kind Of special case of icon fonts is particularly interesting.

I think that there’s a Debate in the web development community about how To best approach this Using images for icons, whether That’s PNG or SVG vector images is –. There are some advantages there. One of the advantages To using icon fonts is that aligning icons with Text in labels is often is a common use case And getting the alignment Onto the baseline of text can be tricky when You’re dealing with two elements: — a text Element and a image element And so icon fonts can Play a good role there.

They also have good legacy. Support because obviously text systems work everywhere. Unfortunately, for Emoji and color fonts that’s a little bit. More complicated because there are Different color formats for different platforms, And so one font file needs To have a lot of data to support all of the Platforms at once And they can look different On different platforms, So yeah emoji as web fonts Is still I think, kind of — is a cutting-edge thing, But it can add.

Consistency – and I hope we see more developments – Of that in the future RICK VISCOMI And going Back to the Roboto at YouTube example: one Of the things I remembered that was kind of tricky Was when we would have font-weight bold in our styles, That would default to Weight 700 by the browser, But our designers decided that It looked best as weight 500, So we actually had to go back. And change all of our styles from font-weight, bold To font-weight 500 And it became kind Of a new way that we had to ingrain into Our style development, But there’s something new.

That’s Coming out called variable fonts, How would they help Address the situation, DAVE, CROSSLAND, Yeah Variable fonts can help a lot. It’s a very exciting. New technology, It’s part of the Opentype standard, which is the font format that that’s Widely supported in pretty much all platforms today And variations allows you To do runtime interpolation between different sort of styles, Or faces within a font family, So traditionally you would Have like a thin weight, a regular weight, a bold Weight and extra bold weight And in CSS you’ve only Had up to nine weights — 100 through 900 With variations, then you are Able to specify weight, 154 and dial in a very specific And dynamic weight You can animate these weight.

Changes using CSS animations And in CSS4 there’s more Direct support for this RICK VISCOMI So does that Mean that every font is now going to be able to be Completely customizable, Or are only a few fonts going To be eligible for this DAVE CROSSLAND Well, it is something that font developers Need to add to fonts, And so in that Way it breaks down the traditional wall between the Font maker and the font user And so variable Fonts create a kind of dialogue between the two, So as a font user, you Can customize the font, but only in ways which the Font maker has provided for, And so that means that you don’t Need to become a type designer yourself, but it means that you Have that flexibility that you didn’t have before And the variations are Not only for font weight, There’s, also font width, There’s slanting And there’s also optical size, And those are all part of The OpenType standard today Optical sizing, means that When you change your font size from 10 point to 70 Point then, the letter forms will actually react and Respond to that change, And so, as your font Size gets larger.

The letter forms will Become more elegant And as it gets smaller They can become more legible, more readable And there’s also all other kinds. Of variations, you can imagine, which aren’t part Of the standard and are specific to each font, Things like rounding and many creative options. Google Fonts is commissioned. To sort of experimental trial fonts from type designer David Berlow at Type Network.

The first is Decovar, which Has a lot of variations which are decorative so rounding Different kinds of serifs different kinds of Stroke patterns And this can be used as a Kind of graphical device, Because variations Can be animated, I think there’s a lot. Of potential there, The other typeface is Amstelvar And Amstelvar is A text typeface and it has a set Of parametric axes which go far beyond Just weight and width and into things like The ascender length descender length and A lot of variations which can be used together, To create more readable text, RICK VISCOMI, I’m Especially interested about variable fonts, We’re going to have to Have you back on the show once they’re a little Bit more established, Then we can talk about The state of them, But where could Developers go if they want to learn more about Any of these technologies DAVE CROSSLAND Microsoft Edge has on their developer site a Really good variable, fonts demo site That’s a great place to learn.

More about variable fonts, There’s also the Design.Google.Com/Fonts articles website, where the Google Fonts team publishes articles about type and Typography in collaboration with the Google Design team And then there’s Also material.Io, where you can get the Material Design, icons, font and learn more about Material Design guidelines, RICK VISCOMI, Well, there you go, The links are in The description so go check them out.

Share your web fonts stories. In the comments below Don’t forget to Like and subscribe so you can tune in For another episode of “, The State of the Web” Every other Wednesday, Thanks for reading and We’ll see you next time, [ MUSIC PLAYING ]


 

Categories
Online Marketing

5 Signs you have a Useless Website (and how to fix it)

You can’t understand why they are not getting any new clients, despite having invested a lot of money on a shiny new website. Well, here is one of the reasons why this is the number of new websites being published every minute of every day. So, if you think publishing a website alone is enough to drum up some business then think again as you’re, probably not the only one.

There is so much competition out there that your website is probably drowning amongst many other sites like yours, but beside the competition. How do you truly check if your website is working for you and if you’re, getting your money’s worth in today’s article, I’m going to show you five key signs. You can check to really understand if your website is effective or if it’s simply an overpriced online brochure that nobody is looking at and what you need to do about it to make it work hi there.

My name is Luke Duran, the founder of ranking academy UK, where I talk about the best tools, tips and ways to promote your local business online step by step and sync by click. On my blog, I cover everything. Any local business owner needs to know from search engine optimization to social media. My goal is to help you thrive online, so you can drive more visitors to your business and ultimately make more money if you’re new here consider, subscribing and clicking on the bell button.

So you don’t miss any of my new articles. One last thing don’t forget to check out the description below, which is where I put additional notes and links I refer to in this tutorial. So if you’re ready, let’s jump right in sign number one. Does your website get any visitors? Yes, I know for some of you, this is a very basic question, but for many business owners. When I asked the question how many visitors on average does your website get daily, the response is just a blank stare.

Why don’t you know if you open a brick-and-mortar store and no customer walk through the door? Wouldn’t you be worried, same rule applies to your website. If you’ve built a website and you have no visitors, then you should be worried and you have no excuse. Since you have all the tools you need at your fingertips, the most common one being Google Analytics. If you haven’t installed, Google Analytics yet check my article called Google Analytics setup and install for WordPress and Wix.

That should help once installed simply log into your business profile and click on the acquisition section on the left hand, side, menu and take on overview. You will see at a glance if your website is getting any visitors where your visitors are coming from and much more. It should only take you a few seconds. You can even install the Google Analytics app on your phone and check your site’s performance from anywhere.

So you really have no excuse. If the number of visitors is low, then the chances are. Your website is not working for you and that may be, because your business is not ranking well in search engines or more specifically, in Google, which is the second sign. We are going to look at sign number two: is your website ranking for any keyword for most local businesses? Organic traffic is the biggest source of visitors to their website, but that’s only if your business ranks for keywords.

People are searching for. If you don’t know whether your site is ranking for any specific keywords, just go to neil patel comm, slash booba suggests enter your domain name in the field and click on search on the left hand, side, menu, click on keywords. This should bring up a list of keywords. Your site is ranking for, along with their positions in Google search. If you cannot see any keyword ranking between position 1 and 10, then it means your website is unlikely getting any traffic from google.

Why? Because the top 10 results are on page 1 of Google and hardly anyone goes to page 2. Even if you see keywords ranking between position 5 and 10, you will only get a tiny amount of visitors because most people who conduct a search in Google click on the top 5 results. So what can you do if you are not ranking for any decent keywords between position, 1 and 5 backlinks to your site influenced greatly your overall keyword rankings.

It is likely you need to build links pointing to your site to reinforce your website Authority and increase your rankings. If you want to know how read my article called local citations and link building, but if you do have keywords ranking between 1 and 10 and the phone is still not ringing, it may be because of sign number 3 sign number 3. Is your website content good enough? Most people who search for local services online have a very clear objective in mind.

Their intent is often to call a business to either request more information about a specific service that provide make an appointment or fill in a quick form to request a quote. It is therefore extremely important. You include a call to action in a form of a button or a phone number on your pages that sits above the fold if you are unfamiliar with the above-the-fold concept. Here is a quick explanation in web design.

What is known as above the fold is a portion of a web page that is visible in a browser window. Once the page has finished loading information accessible only by scrolling down the page is what is known as below the folder. Having a call-to-action above the fold. Will ease the decision making process of the users? They won’t have to search frantically where or how they can get in touch with you, as it will be right in front of their eyes.

All they need to do is click or tap. So if your web pages don’t have a clear call-to-action on them, just add one. This applies to both desktop and mobile devices, which now accounts for more than half the visitors. Any website receives, which leads me to sign form sign number four: is your website mobile friendly with explosion of mobile phones and tablets? A few years ago, Internet traffic coming from handheld devices as exploded and even overtook desktop Internet traffic? If you run a website, it’s paramount.

It is compatible with multiple screen resolutions and, more specifically, with mobile phones. The way your website will be seen on different screen types will affect the user experience, but it has also become part of Google’s algorithm, so it shouldn’t be ignored if your website is not compatible for smaller screens you’re going to lose out on a big chunk of Visitors look at this example. Half the content cannot be accessed on a mobile phone.

Here is a quick tip to check if your website is compatible on multiple screens. Go to google chrome, install google chrome if you haven’t yet and type your web address in the search bar right click anywhere on the page and select the option inspect on the right hand, side panel click on the phone icon in the menu bar. This will show you what your site looks like on a mobile device on the Left panel to change the screen.

Resolution type just use the drop down menu above the website, where you can check what your site looks like on different mobile screen sizes and tablets. So what should you do if your site is not compatible with handheld devices? You simply need to redesign the whole thing, so it is mobile friendly, but beware having a mobile-friendly site nowadays is not enough, and this is what I will be talking about inside number.

Five sign number: five: is your website fast enough? You’ve probably heard this expression from the great fabulist named Aesop. You said slow, but steady wins the race. Since Aesop was born in 620 BCE, there was clearly no internet, otherwise he would probably say something different in today’s digital world. Speed is everything, and that includes how fast your website is. Loading. According to a google study, 53 percent of mobile site visits leave a page that takes longer than three seconds to load after three seconds.

You will lose half of your visitors. That’s not a long time to make an impression. So how do you check if your site is fast enough, use the PageSpeed insights tool provided by Google enter your website address in the field and click on analyze, wait for a few seconds and you should get a result ranging between 0 and 100, the nearer your Site is to a hundred the better. It is don’t panic too much if you see a law-school, even some of the major web sites out there, don’t get it right.

Look at Amazon, for instance, you can see the full breakdown of where improvement can be made. When you scroll down the page, to be honest, a lot of the breakdown data is meaningless to me. So if your site is very slow, the solution is to either talk to your service provider and see what can be done by showing them those numbers or ask a professional for help with optimization. The importance of speed is likely to increase significantly in the coming months.

So the sooner you do this, the better it will be. That’s it for today check those five signs now to see. If your website is working hard for you and if it isn’t then start acting today, it will pay off very soon. I promise, if you have any questions in the meantime post them in the comments below, and I will personally respond to them. If you want to see more articles like this one don’t forget to subscribe.

If you can give me a quick thumbs up, I will be really appreciative and until next time happy marketing,


 

Categories
Online Marketing

How We Designed Chrome – Designer vs. Developer #20

What you want? It’s always they want more and more, but they never use those things, and it’s really hard and quite brave thinks they know we’re going to script stuff away. There was internal talk about how chrome is built, and I think back to that time, where Internet Explorer was the dominant browser, Firefox was just was fighting and like the developer, tools were becoming quite prevalent and Safari was was, was just released.

I believe and Google designs to build a browser. So how do you start in that environment? Where there’s so much competition chrome was released in 2008 yeah, but actually we started on it in 2006, oh wow and the team at Google that started on Chrome was actually we were all working on Firefox. When I first joined Google, the beginning of 2005. The idea was to work on making the web better. One way to do that is work on making browsers better.

So we started out as a team working on making Firefox better a year and a half into it. We made the switch to actually building our own browser, and that was a big, big, complicated decision right, because you know we had already. We had been going down a certain path right. So looking back, I think or a number of factors right. First off we thought we could do a really good job, so that had to be true yeah, but also you know there were a lot of things about browsers in those days that I think created, frustrating user experience.

Yeah you got to go about going back 2006. You know applications like Gmail, yeah Maps and YouTube, and so on. These things were becoming popular and other folks were building complicated web applications like this and your typical browser. In that day, if you were to leave Gmail running overnight, you come back the next day and your browser to feel pretty sluggish and bogged down because of just the weight of these applications and so way back then we we had the idea.

That would be really nice to split up the browser into multiple processes. Right operating systems had gone through a revolution from the days of windows, 3.11 to Windows, NT and so on. Yeah we’re pre-emptive multitasking was the thing OS 9 to OS 10. Could we use pre-emptive multitasking? Could we take advantage of actually multiple processes on these systems for web browsing and seemed pretty pretty pretty like, actually seem possible? If you are thinking about a browser from scratch? Yeah I mean in terms of like the UX of again is like going back to the beginning of like browsers or the browser’s of that time.

It reminds me a bit like search before Google’s like search was basically portal sites and the search input field was like almost the most least important thing, but then Google came along. It’s like Nana, that’s the wrong user experience with when chrome came about. It was quite radically different because I know remember this phrase is a Content, not crime, yeah um, so just making that kind of UX decision of like you know, because it was all toolbars and remember when you install anything everything.

It’s all fact you back, then, is very common to find a user with internet explorer and they had installed multiple toolbars. So it’s not just one tool: Bartlett, multiple tours and there’s it’s great absurd. Screenshots of people was, you know those browsers had like five toolbars and it’s not a lot of room for the content right. So one of the things with Chrome’s content now chrome idea was to really remember that the whole point is people want to engage with the web application of the website.

The web content and the browser site try to get out of the way just facilitate helping. You use the web, and so even when we designed the extension system, we resisted the idea of having a first-class way or proper way to do toolbars or sidebars. We really didn’t want extensions over you really. You know using up screen space when that screen space to users really want that for the content. So we designed things, like extension buttons.

That would be the primary access point tried to guide things in a way that would um preserve that notion and even the UI of chrome itself. We tried to keep it very minimalistic. We you know we spent a lot of time in the early days. Thinking, if we’re going to introduce another browser, it’s got to be so awesome right, it’s got it and what does that mean? It’s got to have like the most amazing features.

It’s got it like have a whole new take on browsers. It’s got to be radically different. Ui, surely that would be the reason why we’re doing this right yeah, but in and we tried many different things: putting tabs on the side. You know fancy user gesture kinds of things, Mouse gesture types of things I mean none of that really felt right, and we can do that process. We came to realize what what actually we were doing and what really would set chrome apart is that as a browser, just works better yeah like creating software.

That’s not frustrating is actually hard to do yeah, and I think users appreciate it and so started to think about it, and what does that really mean for us? It was like all products should be pretty simple right should try to try to come up with elegant UI choices. Keep it simple: it should be performant but, like I said, browsers, browsers, have a history of being janky and not well-behaved, and and and you, the user has an expectation when they click on something, especially when it’s the chrome of the UI and when it’s the the Browser UI, they click on it.

They say close this tab. It should close right away yeah, you know par for the course. Those days was. You click close that click to close that tab, and you see you might see a beach ball on Mac, os10, yeah or nothing happens on Windows. You start to see the application not responsive problem right, but in chrome, because we went with this multi-process architecture. We were able to guarantee that if you click close on the tab, it’s gone yeah and those are examples of like responsive UI that you know.

Sometimes, when we talk about performance speed, we mean like how did welded perform on a benchmark, but a lot of times. It comes down to like was experience, smooth, responsive to the user input. Did it actually do what the user wanted it when the user wanted it, that kind of thing, so, simplicity, speed. We also put a big focus on security and stability, so we had these four s’s yeah, and that was the thing that we just repeated to ourselves: if you’re not sure what to work on work on one of those things.

Yes, work on making a simpler design work on making a more performant work on making it. You know more secure so and really with security we mean making it so users feel safe on the web. I feel in control of their privacy. They understand what’s going on, but also that it’s the system is protecting you from malware and so on and again our multi-process architecture not only helped us make something more performant, but also something more secure, a browser more secure and, finally, it helped a lot with stability.

We knew that starting from scratch, with a browser that might actually be the biggest concern, is it going to just crash? Is how do you? How do you exercise enough of the browser in your testing to know that you’ve got it right? We based the browser on not on Firefox, and we based it on WebKit, which is what, at those days that was Safari 2.0 Safari, 3 had just come out and WebKit Safari was known to not necessarily be the most compatible with the web right.

Modern web standards, driven by Firefox, were just becoming a thing. Internet Explorer has had a lot of quirks about it. Internet Explorer 6.0. A lot of quirks, especially thinking about like flowed yeah, that with the flow, though we had a box model. All these things were very impactful to like how web pages were built. If a developer was testing a lot with Internet Explorer, there would be the quirks that they would code to if they were testing.

A lot was Firefox we’d, see that and the Safari it was like. Well, probably, they weren’t testing with Safari, and so it was a big challenge in a big fear. When we launched Chrome, is it going to just crash all the time yeah? How are we going to? How are we going to manage that? So we put a lot of effort and in fact that same issue in forms like our choice of the user agent string. If anybody’s seen the user agent string of Chrome, it’s kind of hilarious because it mentions ever every browser ever since chrome came along.

And that was part of navigating this whole like does it work conundrum we always taught in software development and UX, add more features, because more features means more value, so I mean: was there ever pushback or was there like a fair, maybe we’re taking away too much From the browsing UI, we certainly ugly launched, and it originally chrome, without an extension support, and even the bookmark manager when was was, was revised quite a bit.

I’m going to post the initial beta things like this, so we we intentionally went with a very minimal approach, but we also really encouraged the team to try a lot of things with the idea that, knowing going into it that we would probably throw away things that Aren’t good yeah, that was the I don’t know the mantra if you will like. Let’s just try a lot of stuff and if it doesn’t work it’s okay, we just throw died, it’s not the end of the world.

We don’t have to ship everything we dry. I think that was really liberating and really helpful, because there were a lot of folks on the team who had different had had interesting ideas and and it’s empowering for people to try stuff. But it’s also, you know appropriate that we, we don’t just say because we built it, we should ship it looking back. What would you say were the best decisions you made and also for two part.

What would you regret in terms of like oh yeah, things that you did, that you’d wish you hadn’t? I mean you can also I’m an engineer. I was definitely an engineer at those days and I feel really good about some of the decisions we made. As an engineer from an engineering focus, you know we really put a lot of. We talked a lot about how important was that we were building a product, not building a platform.

I mean ultimately is a product that carries the web platform, but what I mean by not building a platform is that sometimes there’s a temptation as engineers to go off and build framework and and tools for creating the product that you’re actually there to create you. And we really resisted that a lot tried to make sure that we focused all as much of our energy on like actually building a browser which was very helpful to make sure that that that’s what we did so, for example, we said first we’re just building a Windows browser – and that meant, let’s just use win32 straightaway, all the Microsoft API is not looking for any cross-platform toolkit framework to build our UI.

Yes, one day we’ll bring this to Mac one day, we’ll bring it to Linux. You know, and so on, but like for now we’re just building a Windows application and when we went to finally build a Mac product a product for us 10, we told some of the engineers at Google. We said hey, you want to come work with us. We’d love for you to build the best browser for OS 10, and we want you to approach it. The same way that we approached building for Windows, which is all the UI, should be cocoa.

It should all be native, and we want you to have the freedom and flexibility to both embrace the native operating system primitives, but also move quickly as those primitives change, as the iOS evolves. So, let’s build a Mac focused product again with this idea that it’s we’re building product on a platform for building browsers, but what ends up happening as you do this and we did the same thing with Linux.

What ends up happening as you do this? Is you know we start to realize. We were coding same thing three times, yeah right and later on. Things like Android came along and iOS and Chrome OS, and so our world got a lot more complicated and what we ended up doing is, or is this arc from the singular I’m building a product to I’m starting to build platform things that helped me build that Product across and different platforms, yeah and that came afterwards – and I think that was actually somewhat healthy in a bit it.

To a certain extent. I kind of have some regrets that we built Chrome so much as a monolithic product. So while there is some code structure, that’s healthy and good, and – and there is somewhat of a layer cake, if you will there are – there – are some cuts that some some extra layers in the cake that should have been there. And now we have a lot of complexity because we didn’t make some of those cuts earlier.

We didn’t modularize necessarily as much as we should have. But again I think that came from that that focus some were just building this product and he does. I don’t need to be extra. We don’t need all that extra modular modularity, and now we find ourselves wishing he had a maybe done a little more, a little more forethought on that. What would you say, the decisions that were made that were actually really good to the success of a break, yeah yeah, so design examples in engineering examples.

There was this one one concept that was came up very early, which was – and we wrestled with this a bit. So the content area of a tab right, we started with the idea that there are some. We will actually have some browser UI that lives in the tab. So, for example, when you open a new tab, page there’s there’s some content shown to you, suggestions about things. You might want to do yeah. We started out building that natively and we started to find ourselves discovering an uncanny valley, because development users have this expectation that things inside the tab behave like web pages.

But building that not using web technologies meant that some things were subtly not right: yeah selection, behavior, wasn’t there context menus? Not there and the same. You know just things were subtly different, and so we scrapped that and we built the new tab page using web technology, and now it fit better everything we didn’t have all those little niggling little bugs you just felt natural. It felt natural it fit with the product.

On the flip side, we had some dialogues and some of those dialogues, mostly they were built natively, but a few of them were built using web and they never felt quite right, and so then we came to this. Discover that, like, let’s be opinionated about this, if it’s a dialog, it’s done natively and if it’s in the content area, it’s done with the tab, and then we avoid this sort of uncanny valley situation.

When chrome came out, there was a designing for best viewed in Internet Explorer, 6 yeah, and it’s interesting. You say like at the time. Webkit was not the priority of web developers. Now, we’ve shifted 10 years later, we’re seen best viewed in chrome or best viewed in WebKit browsers. So there’s this constant fear that we’re possibly entering back to the past, where, if, if, if development stops, then users and like the web technology becomes like a stagnant, oh yeah, that’s a great question.

I think that oh there’s a couple different things that happen with ie6 right, so, first off Microsoft stopped evolving the guys and we’re not stopping evolving api’s. We our mission, is to make the web better, and so it continued invest in that and the way we invest in that is, it’s very important to work with the standards community, the other browser vendors in particular and web developers, so that we get it right.

One of the dangers of shipping an API, if you’re the only one, only browser shipping it is that you might come to find that there’s a better way to do that. Api, yeah, a better design and then the end result is we’ll be tempted to ship. The new design as well the better design, but we won’t we’ll – have trouble leaving behind the old design so now we’ll ship, two ways to do something yeah or in the worst case three ways to do something.

If you look at CSS gradients, you will see. There’s multiple ways: yeah – and this comes from this – this this phenomenon. Where browser ships it early, then they learn that oh gee. I wish I’d done it differently and then they ship it that way too, and then oh yeah. I wish they would do it differently and they ship it that. Finally – and so you end up with a multitude of ways to do things in the web platform, gets really complicated and we don’t want the bad develop web developer to be thrashed by all of that.

Right, we want to keep it simple and make sure the api’s work well, so we want to do our do a good job, and that means spending time with other browser, vendors spending, time with web developers, learning understanding all the use cases and being very deliberate in The standards process, but we should still be able to ship something. Finally, and sometimes we do have to take some calculated risk yeah right.

Sometimes we are the first browser to ship an API, but we hope to do that in a way that stands the test of time, you’re looking for pain, points and you’re, trying to understand the why it is that people have these problems so that you understand their Mental model and you avoidable, designing in that way again.


 

Categories
Business Tips Online Marketing Web Development

Free Website Creation: The Good, the Bad, and the Ugly

Free website creation is a great method for small business to expand their digital footprint. Before I get started. Please note, if there is a price tag on your time then this strategy is not free. It is free in the sense that you don’t have to use a credit card to utilize the concept in this post. As per the title of this blog post states. What is the good, the bad, and ugly when it comes to free website tools?

Drilling down free website creation

Free website creation

The Good

Out of all the tools I have played with. By far, the easiest tool to use is Google My Business. That’s right, Google has now dominated the world of free when it comes to business web pages. This tool not only gives you a free web page it gives you a free listing on their network. There is no need to know any coding. Just follow the steps and you should be good to go. Now, if you need Google My business help. There are a lot of companies out there that will help you out.

The Bad

There are only a couple bad things about these type of free services. The first is that you do not have a domain name (web address) that reads only your brand name. Typically, free resources show your brand name and their brand name. This is how they advertise their brand. However, if you are willing to put down some cash. You can purchase your own domain name from them. When you do make a purchase it is super easy to connect to the free site that you have built. The second point is that you are limited to how much functionality you can have on your site. This can make it difficult to really show what your brand is about.

The Ugly

The only ugly thing about free web pages is that you do not have much control on what the site looks likes. They are also full of advertisements, banners and other branding material that can and will distract your potential clients to do something else then buy into your message. However, some of the companies are better then others when it comes to advertisements. It is best to experiment so that you can see how they place advertisements on their platforms.

Here are the Top 5 resources for your business to help build your digital footprint and increase your search ranking.

Google My Business
WordPress
WIX
Weebly
Brave Net

We are here to help. Feel free to contact us about this post.

Categories
Business Tips Online Marketing Updates for Allshouse Designs Web Development

How Much Does Your Website Maintenance Cost?

We are proud to announce a new addition to our YouTube channel. With much request, we have decided to make a video with the question that we hear all the time.

The question is, “How much does your website management service cost?

Yes, that is right, we put together a 3-minute video answering that question.

With-in the video Matt just doesn’t answer the question. He gives details about the service as well. We feel that this must be the best video that we have produced yet. We are very excited about it and would like your opinion. You can let us know your opinion by commenting below or connecting with us on our Facebook page.

Matt McPherson talking about Website Management Service

Our services will work on many different CMS platforms including WordPress, Squarespace, and WIX. You can find out more about our packages on our website management service page. You can also go to and fill out our request to call back form and we will set up a time to talk to you over the phone.

We truly understand how busy it can be when managing a business. You must realize that if your business is not represented properly in the digital world. Then you are losing potential leads every day. It is a proven fact that most consumers have decided where to spend their money before they even walk through your doors or talk to you on the phone. Why not make sure that your digital image reflects and represents your actual business? The digital world will reward your business if your presence is consistently managed. Therefore, we have created three service packages to keep you digital image up to date, clean and secure.

Categories
Business Tips Online Marketing Web Development

What is Bounce Rate in Google Analytics

Based off of our research, we found the definition of “Bounce Rate” to be the percentage of visitors to a particular website who navigate away from the site after viewing only one page.

Now why is bounce rate so important?

In my eyes, I see bounce rate as an indicator of how well your website is put together and the quality level of users that are visiting your website. Basically, If your average bounce rate is 85% this means that 85% of visitors to your site are not going any farther than that first page that they were directed to.

So what does that mean for you?

Well there are two aspects that you should be looking at when you have a website that produces a 85% bounce rate. First, is this the rate you are looking for? For example, if you have a landing page and that is the only page you want your users to visit. Maybe it is a page with a subscription button, buy now button, or a web form to fill out. You would want a high bounce rate because you are not looking for your users to go anywhere else on your website. However, If it is to high and this is where the second aspect comes in. A really high bounce rate could indicate that you are not attracting the correct users, slow load time with your landing page, or your landing page is not designed correctly to take full advantage of the user’s visit.

In a nut shell, Bounce rate is a good metric to pay attention to. We shed more light on Bounce Rate in our latest YouTube video. “Tools & Tips – Episode 4 | What is Bounce Rate?”

As always we are growing and learning everyday. This is a great post for people to add their opinions about our video or bounce rate in the comment section below. We really enjoy this kind of stuff, so your comments are really appreciated.

Categories
Online Marketing

Backlinks for Business Websites

68377750 - backlinks concept

It’s no secret that Backlinks are an important part of a successful external SEO marketing program. Now there is a lot to know about backlinks. The most important aspect to know is that you must have quality backlinks to your small business website. Don’t know what a backlink is. Learn about backlinks on our News and Updates section of our webpage.

If you are looking for super high end quality backlinks. Allshouse Designs can help you out. I remind you that they are not cheap. Contact us if you are interested.

Categories
Online Marketing Search Engines

Use Tumblr Blog Feed to update your website’s content

Hello Everyone and season greetings!  I hope your holiday season is going well so far. I just wanted to take the time to introduce a new content management service from Allshouse Designs. The service basically makes it possible to have a search engine friendly integration of a Tumblr blog onto your business’ website. If you haven’t used Tumblr before. Check it out, even Jimmy Fallen uses it for the Tonight Show. I have installed the service onto allshousedesigns.com and on our latest client’s website Spunkstore.com

Tumblr in general is a great blogging network. I like to describe it as if Facebook and WordPress  got married and had a baby. The baby would be Tumblr.  With Tumblr you are able to upload videos, pictures, content, links and more. My favorite feature is that you can have your blog post auto populate your business’ Twitter feed and Facebook wall. I am really enjoying it myself and it as motivated me to post more information for my clients to help them with their online marketing needs.

If you are interested in this type of service contact Alec Allshouse  and I will happy to let you know what it will take to integrate a Tumblr blog feed into your business’ website.

 

Categories
Uncategorized

Need Web Traffic? Online Marketing Works!

A well planned Online Marketing program equals high Web Traffic. We will help increase your web traffic at a very affordable rate. It all boils down to having a strong online presence for your business. If you don’t have one or the one you have is not that great. It can be difficult to make your business a success. To create a strong web presence you’ll need a responsive website that can easily be viewed on multiple devices and be optimized for all of the major search engines. It can take a lot of time and don’t forget all the money that you’ll spend on your mistakes trying to build a strong presence. So why take the effort? Don’t you think you should be spending your time running your business and most of all taking care of your clients?  Save your cash and effort by contacting Allshouse Designs to take care of your Online Marketing needs. With our programs we can create a strong on-line presence that will drive new clients to you. Allshouse Designs specializes in web design, domain services, website and emailing hosting, search engine optimization, social media management, click ads, content marketing, animated video ads and more. Schedule a consultation with an Online Marketing Professional to find out what we can do for your Business.

Allshouse Designs offers a truly affordable service for Small Business in Bothell and in the greater Seattle Area. Please take the time to view the Portfolio video on You Tube.

Providing the following Services for Small Business.
Logo Design
Website Design
SEO Services
Directory Listings & More

Below is a list of Small Business Websites that have been designed by Allshouse Designs.

Rgs Crawlspace Insulation
Northshore Midwives
Seattle’s Best Pest Detection
Scott’s Hardwood

Categories
Web Development

Need a New Or Updated Site for your Business?

What You Need To Know About Designs

If you think that web design is just about the stuff you can see, you’re not alone.  In reality, web design is also about bringing all of the back-end pieces together while talking to search engines so people can find your site.

Let’s look at a few of the pieces—both front and back—that you need to make an effective website.

Page Layout

The way that the features of your site are presented speaks to your target audience.  There is a certain cadence in where things are placed on a page.  And you have your choice of any number of feeds, text boxes videos, images, shows, features, forms, and other pieces to work into your page.  The way that those are set up should lead your visitors toward a certain goal—often that will be to buy or contact you.

Remember your layout needs to be intuitive and clear for the people you want to look at your site.  More often than not, that means that it should be accessible for people even if they’re not tech savvy.  Sometimes, too, you might need to keep a single element consistent on every page of your site—often this will be a menu.  And also, be sure to read through everything on your site.  Make sure it’s consistent—if you ask someone to contact you, have a contact form on the page.

Font Choice

There are literally thousands—maybe millions—of fonts available.  Which do you choose?  Generally, you have your choice of one font for body text, one for header text, and maybe one or two more that you use for special bits like an image.  The text that you choose will inform people on the tone of your site, so pick a combination that speaks to your audience clearly and on their level.  You can be serious, factual, comical, casual, gaudy—whatever.  But never use a font that’s hard to read!

The Coding Question

It’s not uncommon to find a designer that is more involved with the appearance of a site.  In some cases, it’s good for your designer to know how to code.  Like if your project is especially intricate, custom, or specialized.  In these cases, you might need to seek out a designer who is also comfortable working deep in code.

On the other hand, there are a lot of solid options for templates and pre-built platforms.  If you’re on a budget, don’t have any needs that are out of the ordinary, or just want to see the work get done, it makes more sense to just find a designer who can use and work with those templates.  Usually, that includes setting up the back-end so that search engines can find you easily.

What’s your web design project like?  Have you got an idea of how you want your site laid out?  Have you found a couple of fonts that you like?  Determined if you need a custom-coded site or if a well-designed template will do?  Let us know with your reply!