Responsive is definitely the new way forward but with every new device comes challenges like resolutions, layouts, screens. And while we’re fairly sure you’ve found the tools that enable you to build these, we believe Google’s latest is a fantastic pre-building testing tool that you absolutely need! For all you web designers & developers, going responsive just got a whole lot easier.
What is Resizer?
Resizer is a superbly useful, highly intuitive & efficient tool for testing any URL (for responsive building) in seconds. It enables you as a developer to figure out the right UL to serve by allowing you to test material design across various devices.
What’s the advantage with this tool?
It helps you identify breakpoints
Displays how your site looks on various devices within seconds
Mimics the actual performance (Clickable links and everything)
Transitions are spot-on
Saves you a ton of time & work
Super tool for testing
Resizer gives you a dynamic way to test Material Design guidelines that Google first introduced around breakpoints, surface behaviours, user interface patterns, responsive grids etc.
The tool is especially useful to showcase to clients & facilitate conversations between clients & developers & designers about responsive UI & various patterns.
We tried it with our ResellerClub website & in seconds, we were able to get a visual feel of what our website on various devices.
We recommend giving Resizer a shot. It’s a great visually dynamic resource to enable you to build faster & smarter. Go ahead and try the tool for your website here.
If a picture is worth a thousand words and a video is just thousands of pictures shown in rapid succession, then that means there’s a lot to be said about a well done video.
Video is a great way to add a personal message, demonstration, explanation, etc. to your website. With the speed of modern internet, the affordability of digital storage, and ease of access to quality recording equipment, having video has never been easier.
But to show video on the internet, it has to be hosted somewhere. Videos can theoretically be stored directly on your website, but they usually eat up a lot of server space and can affect loading times. We’ve found that for longer videos, high quality videos, and large quantities of videos, the best solution is an external video host.
I have no idea what you just said….
As the name implies, an external video host is a place outside of your website where you place your videos. YouTube is the most popular. You place a video on there, and you can then send people directly to the video on YouTube, or you can embed that video onto your website so that people can view it there.
For example, this is an embedded YouTube video:
It’s viewable here but hosted elsewhere. As we said, this is how most videos are done on websites. So, let’s say you want some videos on your website, and you need to host them somewhere.
What are your options?
YouTube aka Mr. Popularity
When YouTube launched in 2005, it took the internet by storm. Never had it been easier for people to upload and share videos with the entire world. Sure, video hosting was available elsewhere, but it was either slow, buggy, expensive, restrictive, or unembeddable.
YouTube did it better and made it easier, and for the most part, that’s still true today. A person can very quickly create a Google account (if you don’t already have one), setup their YouTube page, and start uploading videos in minutes.
Ease of use
Powered by Google which means search engine friendly
Millions of people are searching YouTube for random videos every day
Can incorporate ads for additional revenue possibilities
Less customization available
Competitors ads and videos could be shown near yours (depending on your setup)
Some businesses block YouTube videos
Lack of support (because getting in touch with Google isn’t easy)
Vimeo aka TheArtist
Though not quite as well known as YouTube, Vimeo has remained constant and popular in its own right. Interestingly, Vimeo has actually been around longer than YouTube. It was also the first video platform to offer HD streaming, though most every major one now does.
In its time, Vimeo has collected higher quality video makers, niche markets, and those generally more interested in something with a little visual flair.
Password protection available for videos
Quality over quantity
Great customization offered
Better analytics provided
No free accounts for business
YouTube videos generally rank better in Google
Storage restrictions based on plan
Wistia AKA The Dark Horse
Wistia is a little different from the previous candidates. There’s a fair chance you’ve never even heard of it. But if you’re mission is to put the best videos on your website in a seamless fashion, Wistia is the platform for you.
We should mention, Wistia is not a one stop, video-viewing spot. People don’t go to Wistia.com and search for cool videos. These videos are meant to be shared directly or embedded cleanly. Unlike Vimeo, Wistia does technically have a free version that allows for 5 videos…but it comes with some minor Wistia branding.
Advanced styling and customization of player and controls
Advanced analytics and tracking
Lead generation tools built into player
Embedded social sharing
Isn’t going to be found outside of your website
You Can Always Mix It Up
Let’s say you want clean, action-driven videos with superior analytics, AND you want to get in front of the video-searching YouTube masses. There’s no reason why you can’t do both. Unlike duplicate written content, duplicate videos on internet don’t negatively affect your website rankings.
You can easily create a Wistia or Vimeo pro account to store all of the videos for your website, and then upload all those same videos onto YouTube for no extra charge.
For many, if not most, cases, we’d say that’s actually your best solution.
Of course, you’ll want a beautiful, mobile friendly website to embed them on. If you’re in need of such a thing, we’re here to help. We also offer video-hosting management to our clients. For $10 a month, we’ll host and manage up 10 videos for you. That includes uploaded, embedding, branding, and more.
If you have more videos, it’s just another $10 for another 10 videos.
Contact us today and find out just how easy it is to have a great looking website to place videos on.
Have more video related questions? Ask them below!
We understand that as a designer, you hate to be told what to do or to be given guidelines to follow. While we don’t want to stop the creative juices, there are just a few things designers can keep in mind for the benefit of the website, more specifically, from an SEO point of view. We pen down for you some common issues with designing a website that can hinder SEO. Here’s what to avoid:
1) Replacing text with images
Text is still important. Sure, images are more attractive but if you want to boost your SEO, text is still the most easily comprehended by search engines.
Text is important for keywords which are the foundation for well optimized website. Although, you should be wary about using too many keywords as Google recognizes “keyword stuffing” as a black-hat tactic and will penalize a site by either demoting or not ranking your site at all.
If you however, you do insist on keeping images, ensure you provide ‘alt-text’ to your images. Assigning alt-text to your images in gifs, jpgs, pngs gives search engines a text description of visual content.
According to Google’s Ranking Algorithm, text accounts for 15%!
2) Lack of breadcrumbs
A common mistake designers make is to leave out breadcrumbs. A well designed breadcrumb tail would boost your website’s SEO. Text links are easily recognized by Google. Additionally, they provide a transparent hierarchical navigation which makes your website user friendly.
3) The m.yoursite.com Issue
Many designers & developers debate between building a mobile site and a responsive site. A responsive site might be a wiser alternative since a mobile site can end up dividing PageRank, reducing your overall website rank. This is primarily due to different URLs for the desktop and the mobile versions. In a responsive site, the use of the single URL cross platform ensures this does not happen.
4) Flash Elements
Flash is an SEO disaster. There are a bunch of problems associated with Flash:
Search Engines cannot read them
Users typically disable Flash players
They aren’t mobile-friendly
HTML5 is a great alternative. It is SEO friendly & is successfully indexed by search engines.
5) Confusing & Improper URLs and File Names
A descriptive link not only is user-friendly, it is understood by search engines & contributes to your page ranking. Including descriptive words & keeping the URL short are essential things to keep in mind.
For example, http://www.books.com/top-10-best-books is much easier than http://www.books.com/top/f=38235FG not just for search engines but even for site visitors.
6) Overlooking the 404 Error
The 404 Error is possibly the worst thing that can happen to a developer. Or is it? Customisable 404 Errors can be designed to be extremely hilarious or creative. Although this may look like a doable, temporary solution, designers forget to add necessary elements even in this. Navigation elements like a link back to your website might not only improve user experience but also improve SEO. A failure to do so reflects as broken links to a search engine.
We leave you with some of the most creative 404 page designs. Check them out!
We’d love to hear from you. Share your inputs in the comments below!
Just like the new gTLD report for the month of February, we will only be taking the total number of TLDs registered for this month into account. We have some new contenders for the month of March. For further details, have a look at the percentage shares of the new gTLD adds for this month.
.ACCOUNTANT takes the lead for this month contributing 29% of the total TLD adds immediately followed by .BID at 28%, our new contender for the month. .ACCOUNTANT & .BID arerunning at promotional offers of 91% each. This has to be one of the major factors that led the two TLDsto lead the pack for the month of February.
.TOP & .WIN are still in the top 5 TLDs with respect to last month contributing about 20% and 4% respectively. .TOP is running at a promotional offer of $7.99 $0.49 while .WIN continues at a price of $23.99 $1.99.
.CLOUD which launched less than 2 months back is clearly making waves. With reference to last month, .CLOUD has moved up the ladder from number 12 to number 5. It’s running at an attractive 63% off; one of the possible reasons contributing to the shift in position. .LINK was 4th on our list having a share of 5% of TLD adds for February. It has now moved to position 6 in this month’s report contributing to a total of 2% of new gTLD adds. The entry of .BID grabbing such a large share could be the reason for the drop down of .LINK even though it’s running at promo offer of 75% off.
Radix Registry’s .WEBSITE,.SITE, .SPACE & .ONLINE continue to be a part of our top 15 list. Radix’s .TECH has also climbed up the ladder to number 15 on the list. We are also running a flash sale promo on all Radix TLDs which will be running till the 26th of March. Thus, TLD adds are expected to increase till the end of this month.
We can sum this up with the ‘March Madness‘ promo that we are running until the end of the month. It surely is the catalyst for this month’s TLD registrations. There doesn’t seem to be a major change in the trend of this month’s report except for .BID which undisputedly is the highlight for March.
We currently have promos on a bunch of other TLDs. You can take a look at the entire here. If you’ve got any queries regarding the report, let us know in the comments section below.
Bright colours, flashing buttons, multiple fonts are all elements that were iconic of the late 1990’s and early 2000’s. Today, these websites look cluttered, ancient & lack taste. A major reason for high bounce rates on websites today are poor web designs. Let’s face it – our website designs are cluttered with too many colours, way too many fonts & navigation that’s the furthest thing from simple. In this blog post, we’ll give you a few basic tips on how to de-clutter that website design and boost the stickiness to in-turn increase conversions.
1) Prioritise: The first step before you even start your design is to decide what it is you want to focus on in this website. As we mentioned in our earlier post ‘Best Practices + Cheat Sheet for Web Designers‘, a good way to do this is to ask yourself if your design fits on a post-it. The exercise will help you prioritise and plan.
In this step, think of what you want your visitor to focus on once he lands on your homepage. This will help you eliminate the unnecessary. Don’t worry about oversimplifying or missing out key elements. There is only a limited amount a visitor can focus on. The trick is to minimalise your content.
2) Limit Your Colour Palette & Fonts: It’s tempting to use multiple colours due to the wide choice available but too many colours can not only make your design look gaudy, it can also distract your visitors from the more important parts of your website, like the content. Keep your colours limited to 3 or 4. Here are some great examples of excellent colour schemes.
Like colours, too many fonts may be a bad idea. It makes for a hard-to-read design & therefore, a less-likely-to-stay visitor. Also, it’s important to take into consideration responsive designs & how your font will translate on various devices.
3) Use Hover Controls: Too many controls will require your visitor to scan through them for the option he/she is looking for. A wiser thing to do is to pick the ones that are more important than others & hide these less important controls from the default view but display them when the user hovers over certain aspects.
Hover controls lead to a simplified interface & no loss in functionality. You may be worried that your user would skip over these or miss it but most users tend to hover on things they’re looking at at the moment & these controls are likely to be discovered quite easily.
This website displays different angels of the dress once the user hovers on the image, saving space & reducing clutter.
4) Hamburger Menus & Drop Downs: One of the Trends that Ruled 2015 were the Hamburger Menus. What made them so effective & useful were their contribution to the minimalistic feel & their utility. The Hamburger Menu neatly tucked away navigation that previously cluttered websites.
Similarly, Drop-Downs helped hide that part of the website content that could contribute to clutter in the first fold.
Experimenting with the two in your designs can make your design look classy & neat.
5) Use Expanding Forms: For those websites that have fields for users to upload a file, a small bar with a browse button at the side is quite apt but what about multiple files? Multiple fields like this would add to the clutter on the website. A smart hack is to design expanding forms, where once a file is uploaded, another field would appear underneath. This saves space & cuts down on unnecessary elements.
6) Replace Text with Icons: One of the easiest and most effective ways to de-clutter is to replace text with icons. Even something as important as a vision statement or a brand mission can be represented with icons. This not only makes for effective viewing and greater recall, but for a cleaner, more interactive design.
Try using these effective hacks & see the positive impact they will have on your design. Remember, a good website design always sticks to the point, has a minimalistic feel & enhances user experience, in-turn reducing your bounce rate & perhaps increasing conversions. Get designing & if you’ve got something to share with us, leave us a comment!
Nós sabemos que ser Designer é uma profissão difícil e que nem todo mundo entende perfeitamente, especialmente os clientes. Aqui estão algumas frases totalmente estúpidas que clientes falam para os Designers. Provavelmente você já escutou pelo menos uma destas!
1. Ctrl + V ? Mas é claro! Por que não pensei nisso antes?
2. Porque todo mundo acha que os designers vivem de migalhas
3. Isto é estranho, mas pelo menos não é esquisito
4. Então não haverá mudanças? Promete?
5. Depois da ligação #58
6. Salvar arquivo como versão_final_79
7. Tipo, sério?
8. Os favores nunca acabam
9. Não senhor, não posso.
10. Bem, caso você não consiga retirar o logo na página do Facebook, enviarei para você…
Queridos clientes, vocês são o entretenimento em nossas vidas! = )
Compartilhe este artigo com seus amigos Designers se você já recebeu algumas dessas clássicas declarações de seus clientes
Tem mais? Compartilhe conosco nos comentários abaixo e vamos apresentar suas ideias em nossa próxima edição de “Frases estúpidas que os clientes falam para os Designers!”
We have some exciting news for you! We are running a special flash sale till the 26th of March, on all 6 Radix TLDs. For more details have a look at the image below.
.ONLINE: It’s universal and versatile, widely understood in numerous languages and supports any endeavour on the Internet
.SITE: The perfect way to mark your location on the internet with a short, savvy and sharp site address
.SPACE: A canvas for self-starters to express their creativity and share their talents with the world. Convey your message to the world with a .SPACE domain name
.TECH: A TLD that will give you the opportunity to build your brand with a domain name that truly represents your business, your interests and everything ‘tech-y’ you stand for
.PRESS: .PRESS is a meaningful platform for journalists, news corporations, publishers, media professionals and bloggers to share opinions, disseminate information and influence their audience by adding brand value, credibility and relevance to their online presence
.WEBSITE: The perfect choice for anyone to get online with a short & memorable domain name that is synonymous with the internet and is recognized globally
Since this flash sale only lasts for the next 5 days, it’s best that you log in to your account and take advantage of it while it lasts!
We know Design is a tough job that not everyone fully understands, especially clients. Here are a bunch of utterly stupid things clients say to Designers. We promise you’ve been told at least 1 of these!
1) Ctrl + V? But, of course! Why didn’t I think of that myself?
2) Because everyone thinks designers get paid in peanuts.
3) That’s strange. At least it’s not weird.
4) Then no changes? Promise?
5) After call #58…
6) Save File As Version_Final_79
7) Like, seriously?
8) The “favours” never end!
9) No sir, I can’t.
10) Oh well, I guess if you can’t take it off my Faceobok page, I’ll just send it to you…
Oh dear client, you’re the entertainment in our lives! 😉
SHARE this article with your design friends if you’ve been at the receiving end of such statements from clients!
Got more? Share it with us in the comments below & we’ll feature it in our next edition of Stupid Things Clients Say to Designers!
We’ve got just the event for you to network, learn, grow & REFRESH your web design & development business at Ctrl + F5!
Meet experts in the field & learn from other web designers, developers & technology leaders, all who will be sharing their experiences, learnings, geniuses, latest technologies & intelligent hacks to help your business boom.
Hear from Shridhar Luthria (ResellerClub), Nikhil Kaushal (Pagetraffic), Ninad Raval (Directi/Riva) and other influential minds in the industry who will shape the way you look at design & development.
What is Ctrl + F5?
We, at ResellerClub recognise the need for an awakening in this industry and we want to be the ones to stand in the gap & take some action. Enter Ctrl + F5.
Ctrl + F5 , powered by ResellerClub is a summit for elite web designers and developers looking to collaborate, network and share knowledge by rubbing shoulders with the Who’s Who of the Internet presence industry in India.
Should You attend?
We have carefully selected the best performing Web Designers and Developers in your city and hope to offer you a fantastic opportunity to learn and grow. You’re invited to join this one-of-a-kind event and we can assure you that this will be a highly insightful, rewarding experience for you!
When & Where?
We’re stoked about the event & look forward to meeting you there!
Come prepared to be ‘Refreshed’ 😉
If you’ve got queries for us, please drop them in the comments section below!
Web Developers are much needed in almost every industry. The need for and the scope of web developers are rapidly growing as we become more and more digital dependent. We’ve got a few good tips for you if you’re inclined to the profession.
Once you’ve got the coding basics down, it’s mostly about streamlining processes & following some best practices to get the best results. Here’s how:
1) Have a Goal: It’s a good idea to know what you want your end result to be and a deadline to finish this. This helps you work towards it with a clearer picture rather than get carried away with too many ideas.
If you haven’t started your very first project but are looking to, start by helping out a friend build a website or look for an app that the market needs. Whatever you’re developing for, make sure you have a goal right from the start.
2) Do Your Research: Read articles, web development blogs, look up the codes of the best websites, contact developers from around the world. Don’t ever let the research stop. There’s also no harm in borrowing codes, widgets, videos, parallax images for your project. It’s a good opportunity to learn new things & test your skills.
Get connected to a community of web developers on github.com
Pinterest could be a good place to find some inspiration
3) Work on Your Design Skills: I’ve spoken to a bunch of developers about how they’ve evolved as professionals and almost all told me it wasn’t sufficient being a developer alone. The profession is always best coupled with designing.
Learning how to design not only gives you a competitive advantage, you’re also probably the best person to know which design best fits your code to “show off” the most interesting aspects of your code.
4) Work on a Programming-Friendly Text Editor: This is a must for every web developer. Notepad++, Sublime or Eclipse are useful tools to use.
5) Know how to deal with Clients: Clients can be very demanding & most often, unsure of what they want themselves. You as a developer can offer suggestions or advice based on the brief you receive. If you must say “no” at times, don’t be bashful. You are the only person who knows if an idea is to outlandish to execute within a deadline but while you do this, be sure to show passion and not ego. Be realistic of what and how much can be achieved & show your genuine passion for your profession in your work.
6) Consider the Validity of Your Code: A code to sustain your work today might be easy to create but a simple code that your successors can work with is the challenging part. Make sure your code has the validity to sustain in the near future.
If you’re considering web development as a profession, we encourage you to do so with these tips in mind.
Got more suggestions? Write it in the comments section below & we’d be happy to include it in our next blog post!