You might be knowing that Gotham and Proxima Nova are of the those most popular font typefaces around the web as well as expensive too. But fortunately we have got some premium alternatives of these fonts available at Google Fonts. Proxima nova is created by Mark Simonson who has created total 7 condensed, regular, bold and bold italic fonts for Proxima nova and all these are so beauty fonts that are supported by every web page.
Gotham is world class font typeface which celebrates the attractive and unassuming lettering of the city. Public spaces are teeming with handmade sans serifs that share the same underlying structure, an engineer’s idea of “basic lettering” that transcends both the characteristics of their materials and the mannerisms of their craftsmen. Gotham supports three font families Gotham Narrow, Extra and Condensed.
Here top five alternative fonts to Gotham and Proxima nova fonts. Four of these fonts are from Google fonts and another from Linotype.com who specially provides quality web fonts paid and some of them are free licensed. Note that, these lists are chosen by my own accord and hope that you will like them to design typography of your sites.
Arimo was designed by Steve Matteson as an innovative, refreshing sans serif design that is metrically compatible with Arial™. Arimo offers improved on-screen readability characteristics and the pan-European WGL character set and solves the needs of developers looking for width-compatible fonts to address document portability across platforms.
Arvo is a geometric slab-serif typeface family suited for screen and print. The family includes 4 cuts: Roman, Italic, Roman Bold, Bold Italic. It is a open font distributed through the Google Font Directory. The flavour of the font is rather mixed. Its monolinearish, but has tiny bit of contrast (which increases the legibility a little in Mac OS X.)
The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspired me to design a typeface that rescues the beauty of urban typography from the first half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License.
Raleway is an elegant sans-serif typeface family. Initially designed by Matt McInerney as a single thin weight, it was expanded into a 9 weight family by Pablo Impallari and Rodrigo Fuenzalida in 2012 and iKerned by Igino Marini.
It is a display face and the download features both old style and lining numerals, standard and discretionary ligatures, a pretty complete set of diacritics, as well as a stylistic alternate inspired by more geometric sans-serif typefaces than its neo-grotesque inspired default character set.
How About These Fonts?
I think you have got these collections handy as they are all free but effective to design web typography, headlines, body fonts, quotes and more.
If you get this article helpful don’t forget to share with your favorite social networking communities. Do leave me comment if you have any better suggestion.
Adobe Photoshop is one of the most important element in web design and graphic design. Adobe Photoshop is widely used for creating PSD template which is convertible to HTML document and easily installable on your WordPress site. There are overall 3 billion users of the globe use Adobe Photoshop of which are largest portion of the people use commercially basically in web design purpose.
Adobe Photoshop has lots of applications in designing materials such that icon design, logo design, apply image effect, vector shapes, backgrounds, textures and much more. Previously I have shared another beautiful design tutorial which was on web design but today I will share about Photoshop design which i think will be helpful to you. This tutorial covers a complete course of Adobe Photoshop basics, starters and pros.
This is an elegant adobe photoshop tutorial By Howard Pinsky, which teaches you the basics of of type and then on to more advanced effects that can be accomplished, such as 3D effects, chrome text effect and much much more.
Adobe hasn’t tried to put Illustrator inside of Photoshop, but the addition of better vector tools makes creating and editing graphic elements easier and quicker. So in this course, Craig Campbell will bring you up to speed with how vectors are used within Photoshop.
In this course you will learn a design tweak from Craig Campbell’s Mastering Flat Design course, and convert it into a fully functional HTML/CSS web page. If you want to learn about the design process then check out Craig’s course
In this course, Dan Rose guides you through the workflow for building an organized web design in Photoshop. From clear layer labels to UI element states, Dan is full of tips on how to present your design in a way developers, designers, or dabblers can understand.
Pro Web Design Workflow is a course designed to teach you how to develop a professional workflow for your web design projects. You’ll learn how to work with grids, custom fonts, icon fonts and Photoshop actions.
Knowing how to use Photoshop is only the first step! Geared towards new web designers, this course teaches important techniques and workflow tips that are vital to any web professional working in Photoshop
Developing for the web compared to HTML email development is a world apart, good coding practices and resort to dirty, depreciated HTML that should otherwise live in the last decade. Here Craig Campbell will walk you through the process of designing and then developing an HTML Email.
Adobe Muse is a great way to jump into the Web Design world without learning HTML or CSS. You’ll learn how to design beautiful and modern web pages, how to create a mobile experience, add visual effects, interactive widgets.
Responsive web design is firmly embedded in a modern web design workflow and cannot and should not be ignored. In this course you’ll learn how to design two different breakpoints for a responsive portfolio website using Adobe Photoshop and Adobe Illustrator.
Here are top 35 best Firefox addons hope that you will get these are helpful to extend your web browsing experience.
Awesome Screenshot is a powerful browser extension that allows users to take screenshots of an entire website or sections of it, while also providing users with the ability to annotate screenshots with text and shapes
Shows full image when you hover over a thumbnail. Works with Amazon, Baidu Images, Bing Images, Facebook, Flickr, Google+, Google Images, IMDb, LinkedIn, Netflix, Pinterest, Reddit, Twitter, Yandex, YouTube, Wikipedia, Yahoo Images, & many more.
The YouTube High Definition is a powerful tool that will let you automatically play all YouTube videos in High Definition, turn off annotations, change video player size, auto stop videos and much more features.
A featured addon that helps you to do anything between simple tweaks such as placing the findbar in the top corner, to the powerful “Find in All Tabs” tool, FindBar Tweak will make your find toolbar “just right”!
F.B. Purity hides the ads, app spam and other annoying clutter from your facebook news feed, lets you increase the font size, change colours plus many more features and generally makes Facebook a lot less annoying to use.
Displays a country flag depicting the location of the current website’s server and provides a multitude of tools such as site safety checks, whois, translation, similar sites, validation, URL shortening, and more
Search/browse/shop faster than ever! Ctrl-Shift-F for whole-word/regex/all tabs/diacritic search; easily create custom engines; shopping assistant compares price; FAST smart searchbox; multi-tab preview results; auto copy plain text, fast image save
S3.Google Translator adds the power of Google Translate’s automatic translations to your browser! It supports translation of selected text, entered phrase or whole webpage between any of 80+ languages.
How do You Get Stuffs?
These are all the most popular and featured Mozilla Firefox addons which you can use to boost your browsing experience and productivity.
If you get the article helpful don’t forget to share this with your favorite social networking sites.
Web design is the ultimate creativity by human which is similar to art, and beauty. What artist does? just to emerge the ideas from his mind and make them appear through a simple brush. In such case web designer is an artist since he/she gathers the most efficient and beautiful ideas from his mind and make them appear with coding. The only difference is, Art we can see on paper and web design we see on the web. Mastering the web design is what i can say a “cherish” which requires hard working, attentiveness, correct focus, and almost patient. If you have all these elements then you can be a perfect web designer just it needs time or nothing more.
Today I have come across a gather of free handful web design courses arranged by world’s leading web design resource site Tutsplus.com. All the most important, newest and popular collections.
The benefit is that every tutorial includes video guide which ensures your power to master crafts swiftly. You just only need to signup to get accessed all the guides, if you wish you can purchase the entire guide just by $15. Let’s begin.
WordPress is the most vital and powerful content management system available for its’ versatility and whatever you want to create a simple blog to a very complex website. With this basic WordPress guide you will learn how to install WordPress, adding new content, customizing themes and managing existing blogs or website.
Admin interfaces are being used more in the cloud, web developers need to have their skills ready to start developing custom user interfaces. In this free course you would learn how to develop interfaces, such as HTML, SCSS styling, jQuery and Ajax.
In WordPress websites are needed to be bombproof in order for security reasons. In today’s internet minefield of technology which is mixing and matching, where a single website can be viewed in hundreds of different ways. Learn how to create websites for your visitors who will love no matter how they access the internet.
Grid system is much elegant in WordPress era specially in showing navigation, content based with images. Jeet Grid System will show you how to harness the power of Stylus and Sass to build such amazing flexible grids. Very much handy tutorial for design lovers indeed.
This is an innovative tutorial basically for creating patterns in webpages. Adi Purdila has written this course which focuses how to build your own pattern library and how to properly maintain it. You’ll learn building simple components like buttons and forms as well as more complexities.
This is the CSS3 Flexibility Box layout model, or Flexbox to use it’s popular name, is a great way to creat flexible an grid-based layouts. Craig Campbell will show you all the fantastic things Flexbox can do, from setting up rows and columns, to understanding the properties of Flexbox.
By this course you will learn how to design and build scroll-based CSS animation which is relatively the cool idea that many of today’s front-end developers are taking advantage of. With Gary Simon you will learn how to design and then build scroll-based CSS animations
Bootstrap is what we know about a dynamic coding used to design webpages with lots of iconic shapes. It’s more than innovative and ideal way to play with advanced CSS that is Bootstrap by Github. Here comes Graig Campbell who will show you how to use Bootstrap as a foundation for rapid website design in HTML and CSS.
Flat UI design is the beauty of WordPress themes which combine the principles of minimalism with bright colors and interesting typography. Flat UI design is a powerful concept because it focuses so heavily on content. This course shows how you can start usign Flat UI design in developing your web projects.
In this course, Gary Simon will teach you how to use SVG (Scalable Vector Graphics) in your web design projects. You’ll learn how to design and animate various web elements including a loader, animated icons, and line animations.
With the amazing leaps in web design over the past couple of years, sites can fall out of style quickly. With this tutorial you can learn how to get started with Adobe’s Dreamweaver CC and keep your website looking fresh and interesting.
Media queries are a powerful way to limit the scope of your CSS styles. In this course, you’ll learn the magic behind media queries as you turn them inside-out and discover all that can be done with them.
Adi Purdila again comes to teach you the practical way of UI design with sketch. From shapes to artboards and symbols, buttons, colors and typography, you’ll explore a simple and efficient way of building many interface elements.
Pro Web Design Workflow is a course designed to teach you how to develop a professional workflow for your web design projects. You’ll learn how to work with grids, custom fonts, icon fonts and Photoshop actions.
The WordPress Theme Customizer, introduced in WordPress 3.4, is a feature that allows users to customize their themes and see a live preview of the changes without having to toggle back. A practical example of how to develop themes that incorporate a variety of controls as offered by the API.
In this tutorial you will learn how to speed up your HTML development with jade also generate full HTML from quick and easy shorthand. You’ll then build on that foundation to create infinitely reusable templates so you never again have to write the same code twice.
With this tutorial you will learn the key principles of successful UI design, and apply them to your web design. In this course, instructor Adi Purdila will teach you the principles and techniques of user interface design.
Web forms are not only an important part of the web, but also an important part of the User Experience and if not done correctly, they can be confusing and very ugly.
To Wrap Up:
These are all the best free and trending web design courses where you can start as a beginner and master the techniques of web design and development with world’s toughest designers at Tuts+ community. Web design is not any one day or two days practiced result but it requires months even years to master. If you’re serious about web designing and want to build up your career in this field then you have to be more careful, attentive at designing materials and perspectives.
If you get the article helpful don’t forget to share this with your favorite social networking sites.
Infographic is simply an information based visual content that can include text, image, icon, bar and any kind of documentation used to teach visitors about specific topic. Generally graphic designers create infographic with the help of different software. But amazingly the non graphic designers can create infographic and that is on the web. You signup on a site that creates infographic for free. Upload you data: images, icons, bars or anything required to create your own infographic. Then use the default editor which may be WYSIWYG editor, also different colors, fonts, texts to make an engaging infographic and then export to your desired image format. You can also embed the infographic on webpage using barcodes.
So this is the option for non graphic designers to create their own infographic but there are lots of free tools which allow you to create engaging infographic and that is for free. Let’s have the great checklist of free infographic makers.
Google chart is a free tool of Google developers. The tool is more powerful, simple and easy to create chart based infographic. The developer includes rich gallery which you can use to explore varieties of charts from simple scatter plots to hierarchical treemaps to find the best fit for your data.
The infographic is fully customizable which you can configure extensive set of options to perfectly match the look and feel of your webpages. You have full control over your infographic data also get an interactive dashboard.
Your created infographics are cross browser compatible according to the devices of iOS, new Android releases without any additional plugins.
Visualize.me is an awesome tool which can help you to create infographic for your blog. It allows you to create online resume format infographic which is beautiful, creative, and fun. It also enable you to express your professional accomplishments in an nut shell. Compel your personal visualization which is more helpful to prevail your connections on LinkedIn and other relevant social networks.
At visualize.me over 500K infographics created, and they’re currently ranked as No. 01 infographics maker for resumes. With available beautiful themes you can create the best infographic that can attract audiences. Also provide you Language Maps, Experience Timelines, Skill Bubbles chart, Treemaps, Pictograms and more efficient tools
Free web-based infographic maker tool which offers to create dozens of free templates that can include both texts and images are easily customizable. You can get access to library of things like arrows, shapes and connector lines. The whole pictorial is like a fun with beautiful fonts, colors, texts styles and sizes bring creativity onto your task. This tool also allows you to upload any infographic and customize it according to your own way.
Another best free infographic maker tool which helps you to create innovative infographic having combination of different types of visualizations like themes, icons, vectors, images and chart exporter. Drag and drop any click your way and see the better design is applied on your infographic. You can choose various of tools like color schemes, shapes, fonts, and export those materials as static or HTML to embed on you website.
Infogr.am provides an easy way to create Infographic that is visual, interactive and engaging. Infographics are responsive for different devices: iPod, Tablet, Laptop and Mobile. Infogr.am provides you real time data that is static data, you can connect live data sources to infogram’s infographics, charts and visualizations. Download your infographic in image format also can embed on website with barcode.
Create different types of infographic Bar, Line, Area, Maps and more than 30 chart types. Infogr.am also featured on Euronews, E1 Confidencial, Transparency International, University of Cambridge, TNW and The Huffington Post.
Another great tool to create your own infographic with InfographicPresence. Provides you a highly organized WYSIWYG editor which is simple, easy to navigate with drag and drop options. You can see your changes in real time that is awesomeness. When working online you can save your designs in the cloud, works for PC & Mac. With hundreds of built-in graphics you can customize images and texts.
Unlimited undo/redo history also makes super fast your infographic making experience. Share your designs at community with other users. They have training videos and step-by-step guides to understand how to create productive infographic that is marketable. Provides free trail but your can subscribe for unlimited usages.
Another best infogrphic creator tool which can help you to create Economical infogrphic, health infogrpahic, computer infographic and other infographics. With available infographic making tutorial you can learn how to create an effective infograhic. Also you can submit you own infogrphic here so that lots of people can see it and you can get inbound backlink to your personal site.
Create more engaging infographic with Venngage is an online free infographic maker tool helps to create and publish your custom made infographics, and at the same time track views and results. Venngag allows you to create nice infographic for blog and website standards and you can also watch number of audience grow to your personal blog.
The developers tool, specially for graphic designers to create your own personal infographic with iCharts that is great looking charts in minutes with interactive data which is easy to share. iCharts makes visualize your content and further get more engaged on social networking sites like Pinterest, Stumbleupon, Digg etc. platforms
Dipty is an infographic creator tool which makes it easy to produce highly engaging visual infogrphic which is sharable, and productive. With the help of different tools like custom shapes, fonts, colors, bars, circles, etc. you can create dynamic infographic the very fastest time. You can join for free at Dipti with basic plan but you can upgrade your plan to premium for more features to real time branding your online presence.
PicMonkey is a photo editing tool which can run on your browser. You can quickly pick any photo and optimize with different way you want. Edit any single image as more time you want for free. Many people like this tool for awesome features and still live on internet serving countless graphic designers.
With social image resizer you can resize/compress any image which further becomes light weight and better suited for infogrphic creation. It lets you to upload you own photo and easily resize according to your required size.
Timeline slicer is a brilliant tool for designing purpose for your Facebook page backgroup photo or any infographic photo whatever elses you want. You can add you own images from you hard drive to pretty much any section of the mock-Facebook Page or Profile, then edit and fit to your working field.
BeFunky is a freeware utility that do things like to fully edit your images for particular suitabilities. The basic feature is this photo editing tool is still ready to use, but it has features like cropping, red-eye and blemish fixes, filters, borders, texts and collages.
Now these are all the collections i have found best on the web and featured here for ease of your infographic creation in a body. I hope you will get all these tools useful since they are all free and don’t require you even a penny to cost, although some of them may ask for upgrading plans to expand your infographic making experiences.
Infographic is an actionable way to attract visitors attention deeply that any text tutorial can’t do. Generally people search for little written but very useful information and infographic can be the best solution in this case. Now days infographic grabs the unlimited backlinks that normal text based tutorial can’t fetch and still being featured as positive documentation to search engines which will never be spammed or manually affected by Panda or other algorithms.
Making money by content writing is one of the potential jobs for content creators. If you’re a regular blogger then you can try these sites to make steady income by writing for other peoples online. There are certain websites which allow bloggers or content writers to make money by writing on specific project, assignment delivered by a client.
Writing is a good habit no doubt but here you can apply writing to earn money and that is from industry leading website like Hubpages, About.com, ContentBLVD etc. You can work for hourly basis or Ad Revenue sharing for your posts only. In this process when visitors come only your post and click on ads then you make money.
Today I have gathered 10 best websites where freelance writers can make money by writing posts for clients they are being hired. Let’s see the quick checklist.
Hubpages is now integrated with Squidoo, And Yes! If you visit Squidoo now you will see a message saying that “Squidoo is combined with Hubpages”. Don’t know why this migration, but Hubpages is still a great resource for content writers to generate much more revenues with Google adsense and affiliate.
If you’re a new blogger then you will feel how hard to bring a site into search ranking these days, specially Panda, Penguin kingdom in Google, but if you start publishing with Hubpages and your article is enough quality then you will start seeing income from your posts. It’s because the power of DA and PA, Inbound link, Social shares, Domain age and much more SEO signals are too strong for Hubpages so any kind of content you write for Hubpages it will attract the target audience from search engines, guaranteed.
Once your article(s) earns the minimum amount on Google AdSense ($100) or HubPages Ad Program ($50), you can chose to cash out your earnings through PayPal.
ContentBLVD works to combining blog owners to writers. This is an excellent network for professional writers to make handful money online. If you’re willing to work with ContneBLVD then you have to send an application and meet their criteria, whether they need to check you’re eligible for work in the U.S. Once you’re get in, then you can start writing base on the topics or assignments as required by ContentBLVD’s clients.
If your content gets used, you will be paid between $12 to $48 per piece.
The best ever content publishing platform “Helium” is a writing community where you can choose to write about your own topics for any of the Helium’s client under the requirements and given data. At Helium community you will be provided assignment-based articles which are sold to publishers or brands who need content for their websites and products.
You can also make money by Ad Revenue sharing program which varies depend on traffic data your personal articles bring. You can cashout after reaching minimum of $25
Epinions is a community for product review writers. If you love to write reviews on different products then you can try Epinions which is a paid service. You can write both positive or negative reviews on products which are available to purchase on web stores.
Their paid program is a bit different, like that for each of your review you ear Royalties credits via Income share program, which further redeemable in US dollars. It also provides review writers to get reward for helping other writers. US users can get paid only after reaching $10 but non-US residents must have a minimum balance of $100
Fiverr is a place where any experienced holder can sell specific services just for $5 (which is a fixed price). The workers at Fiverr are called gigs and users who hire gigs are called customers. If any customer want to hire any gig then he will have to pay Fiverr first with several payment options (PayPal, Mastercard or Bitcoin) then contact that gig for specific work he offers.
There are thousands of experienced workers make huge money each day at Fiverr, overall you can see it’s a whole platform comparing to best freelance networks on internet.
If you really want to make money with writing then you should try Demand Media Studios which is a platform providing task or assignments to writers according to their experience. The assignments will be based on writer’s knowledge or let then choose topics they’re interested in.
There is reason of writing content based on assignment is that eHow originates articles from here, so it’s too much important to distribute works to writers for the best productivity. The article writers can get paid only when the reach $15 and more.
Digital Journal is a gather of content writers. If you want to make real money with content writing then you should try Digital Journal. You can produce actionable blog post and provide the community. The more you write the more you grab attention to your blog post and the more you earn from the site.
About.com is an industry leading site which provides content to millions of readers world wide. To be a proud author at About.com and generate money by publishing and Ad Revenue sharing you must have to apply them before writing.
The authors are accepted those who go through two-sectional orientation and evaluation program to learn of their editorial standards before getting approved. There is no certain criteria about how much money you can earn for writing posts but payments are made on monthly basis.
The website for different people to buy and write articles to be sold. Blogging.org is a blog publishing platform where a writer can contribute quality articles of specific topics and make money. What you have to do just write quality articles and submit them, once your article will get accepted you will get paid.
Articles are sold by the revenue rate of $1.5 to $20 per piece. Premium writers are mentioned to ‘earn $30/hour and payments are done weekly.
Facebook has associated their business with Fan pages/brand pages online since the acceptance of Facebook fan pages for business is more prominent. Facebook fan page is most popular place to grow a site’s audiences, branding and making sales double. Getting likes to your Facebook brand page is a must if you really want to grow up a business and wanna make perpetual income online. But it’s not easy to drive countless likes to any specific Fan page unless you take proper actions.
No one will come to like your page if you don’t promote is yourself since there are 50,000+ Facebook fan pages on Internet so people hardly feel it necessary to search for fan pages manually and get engaged with it. You have to make your page more useful with high quality posts and target it for audience on Facebook.
Running Facebook contest is the regular basis task, being performed by established companies on internet to drive thousands of likes by two/three days. This is one the active ways to get Facebook likes which both small and big publishers can perform.
Today by this tutorial i will show you all how to create a Facebook Fangate with Woobox and run simple contest to get more likes to your Facebook fan page.
Run Free Facebook Contest With Fangate: Woobox
First of all go to Woobox.com and login with your Facebook account
Now Woobox will ask you to add Facebook fan page, simply choose your fan page and add to admin account
Now click on Static Tabs and Click on “Create a New Tab” on right top corner of page
Choose “HTML Fangate Tab”
HTML Fangate Tab Settings
Now you have several options to setup your HTML Fangate Tab, I will explain the setup very clearly for your ease, keep reading
Customize Tab Content
Here you have to custom tab content for your HTML Fangate, basically it has two options to show to Fans who already liked on your page and non fans who can’t see content on your page without liking.
Page source of Fangate has four different ways to configure, it depends upto you about what kind of content you will show your visitors that they want to see or get any special offers, freebies, coupon codes or anything interesting stuff.
URL: You can either add a URL that you visitors can get accessed after liking your page, then hit URL under “Page Source” and type your URL
Redirect: Add any Redirect URL which a visitor can be redirected after liking your fan page
Image: Add any specific image that you want to show your fans
HTML: This part is for advanced users those who expert on codes. If you want to create any dynamic page to grab more attention of your fans by creating any awesome template then you can use this option. Simply paste your template source code here and save it.
Fangate settings automatically remains “Off” so you have to enable it by choosing “Optional Like Gate”
FanGate Page Source
This is where a visitor (who is non fan) will see content after landing on your “Page tab”. You can use the same options for “Page source” to configure this option but in here one default option is available.
If you choose default then Woobox will show the default text to visitors who is non fan, or you can add custom text like
“This page content is reserved for our fans only, If you want to get accessed and download awesome freebies then hit the like button and refresh the page…”
You can also choose image to show any different message to Non fans.
After making all changes simply hit “Save Settings” and you’re almost done!
Go to Facebook Page and Finish Tab Settings
Now go to your Facebook fan page and click on “More” tab
You can see your recently added tab so click on “Manage Tabs”
Now click on “Edit Settings” under “Static iFrame Tab”
Now give a New tab name also you can add a custom image of 111 x 74 size image to your custom tab
After that click on Ok and then “Link to this tab”
Now copy the link of your tab and use this URL to send visitors directly to your Fangate page
You can also make this tab visible on your Facebook page timeline by simply drag this tab on above and keep within four tabs, so it can be visible always.
Optional Way: Add Static Iframe Tab to Your Fan Page Without Signing Up to Woobox
You can add static tab from your Facebook fan page without signing up at Woobox. The procedure is here
Go to your Facebook fan page and search for “Static HTML Iframe Tab”
Choose the “Iframe Tab created by Woobox”
Now click on “Install Page Tab”
Select your page and click “Add Page Tab”
Now navigate to your Tab manager and manually setup “Static Iframe Tab” from your Facebook page. This is also an easy process but managing tabs from Woobox gives your super flexibility to mange, control or modify your tabs again you can perform lots of competitions with Woobox for free
If you need more support regarding this article don’t forget to ask me any question. Your feedback is always appreciated