background preloader

Tips, How-to and Tutorials

Facebook Twitter

Web Development: Tips, How-to and Tutorials

Learn to code. What’s the Best Font For Your Site? (The Psychology of Fonts) If you think it’s up to your designer, you’re wrong.

What’s the Best Font For Your Site? (The Psychology of Fonts)

You see, there are designers who focus on how your website looks… …but you’re running a business. You want a font that looks great and PERFORMS AMAZING. Don’t leave it to chance! So, what’s the perfect font? Why Is The Font On Your Site So Vitally Important? Answer this question: Why your business should be blogging. 7 Warning Signs of Clients from Hell. There’s no getting away from it: At some stage in your career as a web developer, you are going to run into the client from hell.

7 Warning Signs of Clients from Hell

Maybe you already have. Perhaps you’re horribly familiar with the dread and plummeting morale that dealing with such a client entails. How To Start A Blog When You Have Absolutely No Audience. So you have this great business idea, your mom likes it, your friends like it, and hey, a subset of people you don’t know even like it.

How To Start A Blog When You Have Absolutely No Audience

You’ve spread word about it through your network—and their networks—and have received a positive response. You’ve even conducted some market research and held focus groups. In other words, you’ve validated your idea. From there, you’ve even taken the steps to put together a rag-tag founding team and a minimal viable product. The Non-Writer’s Guide to Writing for the Web. Five centuries ago, the Gutenberg press made books available to the masses.

The Non-Writer’s Guide to Writing for the Web

Fifteen years ago, blogging platforms like WordPress and Movable Type made self-publishing available to anyone with a computer. Getting Started - Google Fonts. This guide explains how to use the Google Fonts API to add fonts to your web pages.

Getting Started - Google Fonts

You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. A quick example Here's an example. Copy and paste the following HTML into a file: Then open the file in a modern web browser. Making the Web Beautiful! That sentence is ordinary text, so you can change how it looks by using CSS. You should now see a drop shadow under the text: And that's only the beginning of what you can do with the Fonts API and CSS. Overview You can start using the Google Fonts API in just two steps: or with an inline style on the element itself: TUTORIAL: How to Set-Up Your Website on Incapsula.

What’s the Best Font For Your Site? How to Find Affordable Expired Domains. Hey, what’s up everybody.

How to Find Affordable Expired Domains

It’s Brian Dean from Quick Sprout. In this video, I’m going to show you how to buy affordable expired domains and how to evaluate the potential value that an expired domain could bring to your site. Now, expired domains is pretty gray hat, black hat type of thing because there’s basically two things you’re going to do in an expired domain. You can add it as part of a private blog network or you can 301 redirect an expired domain to your site to bring some trust and authority to your site. Now, in my experience, the best place to look for expired domains is this free website called The great thing about this is that it’s kind of like a metasearch engine for all the places that you can find expired domains around the web. As you can see just within expired domains they have over two million deleted .com domains. What I like to do is sort by DP which stands for domain pop, and this is basically the number of linking root domains.

How to Test Responsive Designs. By Jacob Gube Testing your responsive web designs is crucial because the user experience on mobile devices is quite different from desktops.

How to Test Responsive Designs

But actual testing on all the mobile devices in the market isn’t practical for most of us. So a simple responsive design testing technique some of us do is resizing our browser’s window size to kind of match the viewport sizes of smartphones and tablets. Turnaround Tuesday. About rich snippets and structured data - Webmaster Tools Help. Rich snippets (microdata, microformats, RDFa, and Data Highlighter) Snippets—the few lines of text that appear under every search result—are designed to give users a sense for what’s on the page and why it’s relevant to their query.

About rich snippets and structured data - Webmaster Tools Help

If Google understands the content on your pages, we can create rich snippets—detailed information intended to help users with specific queries. For example, the snippet for a restaurant might show the average review and price range; the snippet for a recipe page might show the total preparation time, a photo, and the recipe’s review rating; and the snippet for a music album could list songs along with a link to play each song. How we make RWD sites load fast as heck. Posted by Scott on 07/30/2014 There has been a lot of discussion about optimizing responsive layouts for performance lately, and I think that’s great.

How we make RWD sites load fast as heck

Speed broadens access and makes users happy, much like responsive design. In the past year I’ve spent a lot of time researching page loading performance, both for our ongoing client work here at FG and for my book Responsible Responsive Design. In the process, I’ve reaffirmed my belief that we don’t need to compromise the well-known benefits of a responsive layout in order to make our sites load as fast as heck.

Creating a Mobile-First Responsive Web Design. Introduction We're going to walk through how to create an adaptive web experience that's designed mobile-first.

Creating a Mobile-First Responsive Web Design

This article and demo will go over the following: There is even more up to date responsive guidance on our new Web Fundamentals site. Why we need to create mobile-first, responsive, adaptive experiences How to structure HTML for an adaptive site in order to optimize performance and prioritize flexibility How to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative units How to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocation What we could do to further enhance our adaptive experience The Need for Adaptivity.

The Complete Flat Website Design Guide. Flat website design is steadily becoming popular replacing the commonly known intricate designs that are dominated by drop shadows, gradients and brushes. Flat websites is the new trend with a rising design style that incorporates flat shapes and icons. A flat design basically revolves around the use of triangles, circles, rectangles and other shapes without the need to use other design elements like gradients, strokes or shadows as seen on Microsoft’s most-recent computer operating system Windows 8. A flat design is specifically based on two principles- readability and simplicity which guide designers in coming up with flat yet stylish software designs, web layouts, posters and other key applications.

Simplicity Flat design refrains from the use of intricacies with the absence of drop shadows, strokes and other design elements. Readability. The Ultimate Guide - How To Start a Blog That Makes Money. In the 1990′s people started creating online diaries. They were given the title of “web logs”. Popular myth has it that it became “we blog” and the “we” got dropped for the sake of language expediency. The word “blog” then emerged from the mist of vernacular evolution.

That’s the opening story on the emergence of the blog word! Blogging has changed a lot since those times and with the evolution of the digital ecosystem it has reached new highs. What Your Website Needs for 2015. The best way to guarantee a prosperous new year is an up-to-date company website. This article describes a few of the most important features your site needs going into 2015. Make the Web Faster.