Win a Free Year of Hosting Giveaway

imh_vector_logo_r

We often run across marketing competitions, giveaways, and raffles, but sometimes it’s a little difficult to know a good one when you see one. Well, I’m happy to let you know about one we’re helping to support that can get you Online Hosting from Inmotion Hosting, for an entire year for free. With hosting prices going up as online demand increases, and physical server space decreases, a service we recently reviewed here. Whether you’re tired of misleading and unhelpful support, or need a service that won’t demand your first born as payment for mediocre service, a year of free hosting the superior levels of service is a big deal whether you’re just starting out, or have an established website in need of stable hosting and a reduced cost, this is the giveaway you’re looking for.

 

Win 1 Free Year of Hosting

 

Read More at Win a Free Year of Hosting Giveaway

Read More…

Interview with DocSend’s Dave Koslow

dkoslow_portrait

DocSend is a sales acceleration platform that makes salespeople more effective by enabling them to track, control, send, and present sales materials with real-time document analytics.

 

dkoslow_portrait

DocSend Co-Founder and Chief Product Officer, Mobile Visionary

 

In June of 2007, the iPhone was released by Apple, creating a technological revolution that would change the direction technology was in. A year earlier, in June of 2006, David Koslow was a Stanford Computer Science Intern at Palm, working on the Palm OS browser, Blazer. When completing his Masters with a focus in Human-Computer Interaction, Dave worked as an intern at Google, working as part of the Google Alerts team, where he worked on back-end database optimization.

 

When Dave finished his studies Stanford in 2008, Apple had changed the world with their mobile device, and Dave already had his finger on the pulse of the industry. Dave dedicated himself for the next four years at Greystripe, a rich media ad network, where he flew through the ranks and led their engineering team in pursuit of success. Dave found success there, and even authored Greystripe’s native advertising SDK for iOS as well their cross-platform mobile video ad format. He would leave GreyStripe after four of incredible success to reach out into the world for himself.

 

In March of 2013, Dave co-founded DocSend, a sales acceleration platform that makes salespeople more effective by enabling them to track, control, send, and present sales materials with real-time document analytics. Since then he has continued to operate with DocSend as the Chief Product Officer, delineating high-level product vision and tirelessly need-finding with customers to surface opportunities. Here Dave continues to define his legacy as one of the true innovators in the industry of product design.

 

What’s your opinion on the current trends?

 

“You know I think when we, and by we I mean we collectively in the product design community, saw when there was that shift broadly to flat design, there were definitely things that were lost along the way. I think it felt like a kind of knee jerk reaction. And the fact is that we lost gradients, and the affordances of certain things being interactive. It’s been nice to see trends like material design more recently moving past that and making things like buttons once again appear interactive. And so I think that it was kind of interesting that history has us going back and forth, oscillating from things that are very skeuomorphic, like having a notebook look like a notebook, or having a desktop look like a desktop, and then moving to something more abstract, and then responding with ‘Well now we’ve tipped the scales too far in one direction’, and then we go back and forth.

 

And I’d like to think that over time, we’re kind of getting closer to something that strikes that perfect balance, between being visually compelling but also having those affordances so that you have an expectation of how to interact with it. One of the things I think is interesting, and I don’t know maybe this comes across as a nitpick, but we’ve been able to benefit for so many years on the desktop web, that having things like hover states and we haven’t quite gotten there yet on mobile.”

 

Why has it taken so long for mobile optimization to become an important factor, and push for more than just integration? With mobile technology growing every year, when will we see a unified design “language”?

 

“I think that we’re making good strides, and of course there is the favorite buzzword of ‘responsive design’. The fact of the matter is, there are just so few things you can code in mobile, and just have it work on desktop. So even with something like Bootstrap, you still have to go into your browser, open the inspectors, set up all the different screen sizes, have a look at how things actually will work, not to mention the fact, do the actual interaction patterns continue to make sense, even in a layout that looks good on mobile? And to be perfectly honest, I’m cautiously optimistic, but I do believe there is a sort of art to designing anything. I think that there needs to be a necessary manual process that actually goes in and patches up the design after the fact. But even with that way, whether you’re on mobile first or you’re on desktop first, you’re going to have to make a decision where you’re going to spend your energy, especially when you look at it from the view of an early stage start up, where you can only afford to focus on one, and I think for a while mobile was kind of the thing that came second. And I think that we had a bit of a knee jerk reaction to that. A lot of companies came out of the gates that are mobile-first. And so what we end up with is all sorts of services that are out there on the market that are mobile-first, and I think there were more companies that were on the market mobile-first then there was a need. I think we’re starting to see what happens when things go one way and not the other, and we’re seeing a rubber band effect where it’s starting to come back from that, and is making us ask some fundamental questions, ‘What about this application would requires that it be a mobile-first app?’”

 

docusend-logo

DocSend has innovated the way people do business.

 

Where do you see the industry’s direction going towards?

 

“I’m very optimistic. I think that the way that software has advanced over the past twenty years, and additionally the way that infrastructure and cloud computing has advanced, in the past ten years, has made it so software can be written so that getting from zero to an MVP has never been faster. All of these off-the-shelf components are already there at your disposal and it’s up to you to kind of put the pieces together and create a novel application. The beauty of that is you don’t have to spend a ton of time coming up with your own real-time messaging framework, for example. You don’t have to spend all this time developing your own error reporting service.  All of that stuff is available right now through a variety of best-in-class services that really allow you to get off the ground quickly. And from a design standpoint, we’re maybe about ten or fifteen years behind. It’s still the early days, and I think that Bootstrap has been a wonderful tool for so many people. Starting DocSend, for example, we had bootstrap in place from the start, as well as these icon sets at our disposal. We could go and integrate it into our application, that actually is pretty darn good looking, really quickly. There’s just this stuff that wasn’t possible before, and I think what we’ll continue to see in the next handful of years is just further and further elaboration on that, that will develop into having more creative spirits get involved, and help establish a feedback loop that will lead to designs off-the-shelf that you can then use to go from zero to MVP incredibly quickly.”

 

What would you like to tell someone who is just starting, or have a desire to start getting into design?

 

“You know Ira Glass said something about his early days broadcasting. And I’m totally going to misquote him but, he basically said something to the extent of, Whenever you’re getting started in something, the best thing you could possibly do is to produce a high volume of work. And you’re going to look at it, and think, I suck at it, and you’re going to think it’s not good enough, and you’re going to keep at it, and you’re going to suck a little bit less. It will continue to get better, and that frustration will drive you forward. And so long as you can embrace the frustration, and make it a positive force in your feedback loop, it will drive you to continue creating and get back up and continue to produce a high volume of work. That’s going to be your way forward. Just do it, over and over, and over again.”

 

What one Sci-Fi technology would you want to have right now, and what would you do with it?

 

“Okay I’m going to answer this without sounding too cheesy, but I would say the lifeblood of what I do is rooted in understanding the customer. Getting inside their head, asking them questions, understanding what keeps them up at night. What’s the first thing they do when they come into the office, the first thing you do in the morning? What are the challenges? If I could have some way of doing a bit more than swapping shoes with them, to really for a moment experience life from their perspective, that would be incredible. An empathy machine.”

 

If you could give the person you were when you began on your career one piece of advice, what would you tell yourself?

 

“I think you’re never going to know everything. So you might as well just go ahead and get started, and give it your best shot. Because we can be preparing for the future our entire lives and never get to that point where we take the plunge and move forward from preparing to actually doing it. I think, especially when I was going to school at Stanford, ‘Wow, I’m just so far behind.’ I remember one summer in college I actually read the O’Reilly book on HTML from cover to cover. And like, who does that? Why would you do that? That’s how deeply I felt I had all this ground to cover, that I had to catch up. And you can really get into your head, that feeling of inadequacy, that you have all this stuff you have to cover until you know those things. That you’re not ready to get started. The fact of the matter is you are never going to know all the things. You’re never going to check all the checkboxes. And the best thing, the best way is to get out there, give it your all, and learn from your mistakes. And get back up, get back in there, and keep going.”

 

 

Read More at Interview with DocSend’s Dave Koslow

Read More…

Fabric: Twitter’s New App For Developers

fabric-app

Twitter has recently released a new app meant exclusively for developers, named Fabric. This app also happens to be the first one that Twitter has developed from scratch; other apps such as Vine and Periscope are basically acquisitions.

Strictly speaking, Fabric is a collection of tools and resources meant for developers who wish to check up on the status and progress of their apps. In other words, Fabric lets you monitor the performance of your mobile applications keep track of error logs and debugging records, among other things.

To quote Twitter’s description of Fabric:

The Fabric mobile app makes it easy for you to know what’s going on with your app. We sift through millions of events every day to intelligently give you the most important information. And starting today, our real-time alerting system will send you a push notification when something critical is affecting your app.

This application offers you real time updates and push notifications related to the performance of your apps. As such, you can stay updated about the performance of your applications even when you are on the go and not at your desk.

fabric-app

When dealing with bug reports, Fabric offers you details such as user behaviour, real-time performance metrics, crash logs and other things, such as detailed breakdown of devices and mobile platforms.

Fabric is available both in the Apple App Store and Google Play. To learn more about Fabric, visit the official website.

What do you think of the new Fabric app by Twitter meant exclusively for developers? Share your views in the comments below!

Read More at Fabric: Twitter’s New App For Developers

Read More…

Image Compression and Web Performance

5

The performance of your website is very important; a fast website have readers which sticks around, online seller which sells more and it’s a major criterion in SEO ranking. The website speed enhancement is not about a button to press and voila! It’s a bit more complex but main speed monitoring tools like Dareboost or GTMetrix agreed on the fact that the heavy resource to load are usually images.

Here’s a shortlist that you should keep in mind about image optimization when you’re building a website.

 

To begin with images

Adapt the image size to fit your content

 

Display image at its natural size, do not use HTML resize. A scaled image is an image that has been scaled to match its displayed size. It happens usually when you’re using handles to resize an image in a WYSIWYG editor.

Seems basic but it can generate a lot of impact regarding loading time. Experienced webdesigner knows this fact, but nothing could be less certain in the case of final clients that update content every day.

1

Image size and screen resolution

 

“Pixel dimensions measure the total number of pixels along an image’s width and height. Resolution is the fineness of detail in a bitmap image and is measured in pixels per inch (ppi). The more pixels per inch, the greater the resolution. Generally, an image with a higher resolution produces a better printed image quality.” Reference: https://helpx.adobe.com/photoshop/using/image-size-resolution.html

 

On a web display environment, the resolution has no effect on the image visual quality but it has on image weight. If you load two images, same size, let’s say 250px x 250px on a webpage @72dpi and @300dpi, the final screen display will be visually similar but not the weight. Higher resolution will be interesting only for the print or if you resize the image. For example, to print it on an A4 paper support.

 

Avoid loading massive image amount on the same page

 

Regarding image gallery or blog views, there’s also something you can do. Don’t load thousands of images on the same page, even little thumbnails. Consider using a progressive loading script, Facebook, Flickr and all social media are using it. A web page witch uses those scripts will defer the media loading until you scroll down and call the display of those media.

2

Image specifications and screen

 

Raster and vector images

A raster image is made of pixels; a vector image is made of basic geometric shapes.

Commons usage of vector images on the web is for:

–       Logo design

–       Icons

So a raster image will be dependent on resolution, if you to enlarge or reduce a raster image, you’ll shrink pixels.  Vector images do retain appearance regardless of size.

icon-svg

Types of compression algorithms: lossy and lossless

 

This is also something you can find in the recommendation of Google and in speed testing tools. There’s several scripts to do image compression on the web. We can distinguish:

  • Lossy compression
  • Lossless compression

Lossless and Lossy image compression terms determine, in a file compression, if all original data can be recovered when the file is uncompressed. With lossless compression, all of the information can be completely restored after uncompressing. With a Lossy compression some data can be lost because, for example, on a .png image, quantization of color reduces the color number.

OK, but why would I take the risk to make Lossy compression, even if I can save a lot of loading time?
3

Lossy and lossless choice

 

The point is that the image Lossy compression is far effective than the Lossless one, especially for a web usage. Check the landscape images bellow before and after a Lossy compression. Quality is similar and images weight goes from 254KB to 39KB. At the opposite, a Lossless compression goes from 254KB to 180KB. For a final usage of an image, Lossy compression seems really better.

landscape-compressedOLYMPUS DIGITAL CAMERA

Cropping and resizing images in Photoshop

 

When you’re building a website from a Photoshop design, one big part of your job is to find the best format and compression to apply on images. Finding the best export ratio between weight and quality is the key. As Photoshop is applying a global compression on all the image area, it’s quite complex to have both light and high quality images.

5

Considering 30 images per page creation that includes the content and theme design images, how much time do you spend on image export? The process is quite long and include several tries at compression levels.

Considering that, you can use a tool to compress final image during the creation process or let a CMS extension doing the job automatically.

 

Image compression tools

 

There’s some image compression services on the market.

–       ImageRecycle is offering the largest range of CMS integrations (WordPress, Joomla, Shopify, Magento) and both Lossy and Lossless image compression + resizing. The compression tool can also be used on a custom project using an API. ImageRecycle got unique features comparing to competitors like PDF compression, website audit report, 1-month image backup/restore: https://www.imagerecycle.com

A free trial of 100MB of content optimization is available, then prices start from $7 for 1GB of content with unlimited and free sub accounts.

–       Kraken provides a WordPress plugin and an API to compresses images + make resizing. A free trial of 50MB of content optimization is available.

–       TinyPNG: provides an API plus a WordPress and Magento plugin.

 

ImageRecycle online optimizer preview

To compress you images/PDF you can drag’n drop content in the uploader or use the URL of the page and get a zip file of all the images.

uploader

PDF report

Paste your website URL, get a PDF report in your mailbox with the detail of the images that can be compressed, pretty useful for clients.

report-pdf

In conclusion

Images usually represent 50-70% of your website content, then the first time a page is loaded is mainly determined by the image weight. This is even more important on mobile because connection is usually slower.

Keep a nice looking and fast website, optimize images!

Read More at Image Compression and Web Performance

Read More…

Nominate your works to The A’ Design Competition – Entries Due Soon

55979178351c2f67f3180323a5fc6f7947597d6c-t710

A’ Design Award is the World’s leading international design competition. The A’ Design Awards are organized in all creative fields to highlight the greatest designs from all countries in all disciplines. Entries to the A’ Design Awards are peer-reviewed and anonymously judged by an influential jury panel of leading scholars, prominent press members and experienced professionals. The A’ Design Award is an opportunity for popularity, prestige, promotion and international recognition to The A’ Design Award Winners through the A’ Design Prize which is granted to the awarded designs.

The “A’ Design Prize” includes everything a designer needs “A’ Design Prize” is made of : design excellence certificate, invitation to the exclusive gala-night in Italy, both online and physical exhibition of awarded works, poster of awarded projects, hardcover printed best projects’ yearbook publication, 3D printed metal award trophy, international press campaign, interview with the award winning designer, press kit preparation and distribution, Award-winning design mark, pitching award winning designs to press members worldwide, media appearances through design award press partners, inclusion in World Design Rankings, inclusion in design business network and more.

A’ Design Award has been established to promote and recognize the best design works in all countries and in all creative disciplines. The main objective of the A’ Design Award is to create a global awareness and understanding for good design practices and principles by recognizing the best designs in all countries and in all creative fields. The ultimate aim of the Award & Competition is to push designers, companies and institutions worldwide to create superior products and projects that advance society.

Every year, original design work that focus on innovation, design and creativity from across the globe are awarded with the A’ Design Award. Entries to A’ Design Award are accepted in categories such as Architectural Design, Graphics Design, Product Design, and more. The complete list of competition categories are available here.

Submissions are accepted every year until the design award deadline of February 28th and results are announced every year on April 15, at the end of World Design Days. Designers from across the globe are invited to join the accolades by signing-up their greatest design works, projects and products. Learn more about The A’ Design Competition and see past winners at Awarded Designs listing which is a showcase of good design work worldwide.

Enter Your Works today to The A’ Design Competition : Enter Your Best Design Work.

Below we have selected some award winning designs that you might like:

1596eb63264116c37544a1815a46036c74822359-t710

Tsingtao 1903 by Wangtao – Platinum A’ Interior Space, Retail and Exhibition Design Award in 2015

85e7ac38b43e28829b7f292c53373899966ae376-t710

Ane by Troy Backhouse – Platinum A’ Furniture, Decorative Items and Homeware Design Award in 2015

bf68c7016810734bb2ac309e6de4a1510bbad43e-t710

Ice Krakow by Ingarden & Ewý Architects – Platinum A’ Architecture, Building and Structure Design Award in 2015

7099f867b1cfb0ffe8d07ae50c759720f5a84334-t710

Calendar 2015 “town” by Katsumi Tamura – Platinum A’ Graphics and Visual Communication Design Award in 2015

1311985296438cb43389399eda3957d0d181b4ef-t710

Santander World by Jose Angel Cicero – Platinum A’ Arts, Crafts and Ready-Made Design Award in 2015

1b84b6226b0057434236db1167191c2ea0d03b68-t710

Barb Perfume by Roma Lazarev – Platinum A’ Packaging Design Award in 2015

ab097409ba36095e9017641eadef3e50899f9c15-t710

Pepsi Metlife Stadium by PepsiCo Design and Innovation – Platinum A’ Advertising, Marketing and Communication Design Award in 2015

81a27077db17f21ac8129851b3f4595c6d096147-t710

Air Touch by LKK Innovation Design Group – Platinum A’ Home Appliances Design Award in 2015

b964495b0a494c846fced270bd68598800d0e6b8-t710

Sony Semiconductor Branding by Katsumi Tamura – Golden A’ Advertising, Marketing and Communication Design Award in 2015

b8a37cd2d921523a26f90771a2db3a419020b4f9-t710Stumbras Premium Organic by Edvardas Kavarskas – Golden A’ Packaging Design Award in 2015

0356324a38e09ace60ff8548e50eb390454458fd-t710

Sarp 46m by SARP YACHT – Golden A’ Yacht and Marine Vessels Design Award in 2015

34dfe525585368cdec8f8a768058fcf69e5b641f-t710

Torchia by Hakan Gürsu – Golden A’ Energy Products and Devices Design Award in 2015

bb3088bff81859f184a6864290d58b3ec745f13a-t710

Tetris by studiomk27 – Golden A’ Architecture, Building and Structure Design Award in 2015

55979178351c2f67f3180323a5fc6f7947597d6c-t710

Robo Ming by LKK Innovation Design Group – Golden A’ Digital and Electronic Devices Design Award in 2015

cee03615de31f4db38767d12b3dd8c0c8f0b98ff-t710

Lenovo A740 by Johnson Li – Golden A’ Digital and Electronic Devices Design Award in 2015

b95b94ab1022672e39e0f2cf6e8b95dff399fed8-t710

Cobra by Stefania Vola – Golden A’ Lighting Products and Projects Design Award in 2013

4ded84e67a128c269e5ae31fde3bf3ff49044350-t710

Patakukkonen Rye Pie by Packlab – Platinum A’ Packaging Design Award in 2014

c5443f04cb261d1ae42fbe35f7bc0f3191a35e45-t710

Switch by Native Union Design Lab – Golden A’ Digital and Electronic Devices Design Award in 2013

c585ab2365a46eda9cb52d1185b0120fc8d19506-t710

Calendar 2013 “farm” by Katsumi Tamura – Platinum A’ Graphics and Visual Communication Design Award in 2013

c541c650e14dc6a6a0ca9c11d6cf93a11a44959c-t710

Illusion by Adriana de Barros – Platinum A’ Digital and Broadcasting Media Design Award in 2014

Hope, you liked the designs above. We will be publishing a selection of award winning projects on April 15. To have an opportunity to get your work published, featured and promoted, remember to nominate it before the deadline. Present Your Works today to The A’ Design Award : Enter Your Best Design Work.

Read More at Nominate your works to The A’ Design Competition – Entries Due Soon

Read More…

Seven Valuable Website and Portfolio Building Tools

7

The purpose of this article is to help you find the best website builder for your particular situation. Given the number of web design tools on the market, finding just the right one can be a challenge. We’ve used the following criteria to greatly simplify your search effort and make your purchasing decisions less complicated.

These satisfy the following criteria:

  • Ease of Use – The learning curve of a tool used to create a website does not have to be a steep one. The opposite should be true, as is the case with those tools listed here.
  • Customization – More and more features do not always lead to easier customization. Fewer, but totally adequate features, is often better.
  • Portability – Why hire a developer to make changes to your site, or find you have to work from a new platform, when the tools you have will do the job?
  • Cost – Free is always nice; but these extremely affordable premium tools will give you a generous ROI.

Several of these drag and drop tools are especially useful for creating portfolios, although each one is up to the task.

 

Cornerstone

1

Cornerstone set a newer, higher page-builder standard with its 100% front-end editing capability. It demonstrated that it was possible to create quality websites more quickly, and with greater ease, and that web designers could have fun while doing so.

When it was first introduced as a powerful new feature included a major update of X Theme, a best-selling WordPress theme, Cornerstone made such an impact that Themeco will soon sell it as a standalone tool. Many website designers, even those who were happy with the tools they had, were not yet aware of how much easier and more efficient page building could be.

Cornerstone’s interactive preview and edit displays let you see the impact of your edits and changes in real time. Make changes on the fly, and you will immediately see the results, without having to resort to the edit, save, review, and change cycle – over and over again. There is much more to Cornerstone, but its front end page builder is enough to make this one of the best site-building tools you are apt to come across for a long time to come.

 

SnapPages

2

Simple and powerful. That’s SnapPages in a nutshell. This drag and drop page builder does what needs to be done, while meeting our customization criterion –  an absence of extraneous bells and whistles.

The HTML5 page builder makes website building a snap. The HTML5 designation simply means that this modern page builder was developed using clean, crisp code. There is no need for coding on your part when using SnapPages. You are given professionally designed, responsive pre-built websites to work with, along with templates and layouts that have been designed to get any project of to a quick start.

Better yet, SnapPages touchscreen functionality means you can do page building and editing from your tablet or touchscreen laptop should the occasion dictate, and cloud hosting ensures this tool will load quickly and respond to your commands instantaneously.

 

XPRS

3

XPRS by IMCreator can certainly claim to be one of the most innovative page builders in this list. Like the others, it works with layouts or themes, but what it does differently is it divides the themes into stripes. You can mix, match, and customize these stripes to produce attention-getting websites that will tempt visitors to stay a while.

Working with XPRS is a little like working with Lego blocks. You build what you want to, and you have fun doing it. The site creation process is super-fast.

You can build an eCommerce site that is completely free, and always responsive. Free is nice, but XPRS also has a paid-for plan that has grown in popularity by leaps and bounds. It’s their white label plan, and it’s for real. For a $250 fee you can build unlimited websites. If you are serving many different clients, here is an excellent way to get a great ROI. The commercial plan costs $7.95/month.

 

AllYou.net  

4

Well-structured, professional-looking portfolios can take a great deal of time and effort to put together. AllYou.net offers the perfect solution for creatives who are good at design, but tend to struggle when having to deal with difficult interfaces. This portfolio builder takes care of the structure and mechanics, allowing you to focus on presentation – it can help you there as well.

This drag and drop tool features a nice selection of customizable templates. Best of all, you’re invited to sign up for a free trial to find out how it will work for you.

 

Divi Builder

5

Divi Builder was originally a highlighted feature of Divi, a highly popular WordPress theme. When this page builder was added as a new feature, Divi’s popularity soared. Elegant Themes made the decision to market this tool as a portable, standalone page builder.

Divi Builder can be used with any WordPress theme. This highly innovative tool is not easy to describe in a few sentences. The best way to see what it offers is to visit the Elegant Themes Divi Builder website. The home page demo tells you everything you want to know. You will be impressed!

 

Themify Builder

6

Themify Builder may be the most powerful and easy-to-use page builder for WordPress. There are no limits to the different layouts you can design with this time-saving tool. Building a magnificent website will involve little more than following its drag, drop, and select process. You can watch your creation evolve without the necessity of adding code.

Themify Builder provides 40 pre-designed layouts to work with. Features especially useful for creating portfolios include animations, video, and parallax scrolling.

 

Portfoliobox

7

Portfoliobox’s creators must have been thinking outside the box. Unlike many other page building tools, this page builder does not have a preset theme. By using different layouts, templates, and your own imagination, you can create thousands of different websites. No coding is required.

You can build blogs, portfolios, and any type of website including eCommerce websites. Open a free account to get started. You can think about signing up for a paid plan later.

 

You may have discovered that selecting among seven different website and portfolio tools can still be a bit difficult, especially when each tool is in its own way superior to anything else on the market.

Hopefully however, you have found a website and portfolio-building tool that suits your needs, or you have elected to use more than one of these products. Note that the portfolio-oriented tools can be used to create any website, and the other, general-purpose tools, are just fine for creating professional looking portfolios.

Read More at Seven Valuable Website and Portfolio Building Tools

Read More…

28 Powerful Photoshop Lighting Effects

light_effects_1

There is something about beautiful lights that can mesmerize an audience. Take a fireworks show for example. It’s been around for thousands of years, yet still has the power to put looks of amazement on faces of all ages. That’s why lighting effects make such powerful design elements. They are a great way to grab the attention of your audience and leave a lasting impression.

Below is a collection of the best Photoshop tutorials for creating powerful lighting effects.

Amazing Photoshop Light Effect In 10 Steps

A smokey light effect complete with glowing particles.

Amazing Photoshop Light Effect In 10 Steps

Fire Lines Tutorial

This tutorial teaches you how to create stylish fire lines in only 10 steps.

Fire Lines Tutorial

Luminescent Lines

Luminescent Lines

Iron Man View Interface Effect In Photoshop

This is very close to the amazing effects seen in the movie.

Iron Man View Interface Effect In Photoshop

Luminescent Lines

Luminescent Lines

Advanced Glow Effects

A Cool Lighting Effect In Photoshop

A Cool Lighting Effect In Photoshop

End of the World Photo Manipulation

End of the World Photo Manipulation

Creating Smoke

A popular effect explained very well.

Creating Smoke

Design a Coldplay/Apple Inspired Portrait in Photoshop

This one shows you how to design portraits based on the Coldplay – Apple ad.

Design a Coldplay/Apple Inspired Portrait in Photoshop

Magic Lighting Effect In Photoshop

Magic Lighting Effect In Photoshop

Make your image look awesome with a few light effects

Make your image look awesome with a few light effects

Flying Girl In Photoshop

Flying Girl In Photoshop

Creating light motion trails & glowing sparks

A nice technique for creating light motion lines.

Creating light motion trails & glowing sparks

Awesome Digital Bokeh Effect In Photoshop

Awesome Digital Bokeh Effect In Photoshop

Create An Amazing Ad In Photoshop

Create An Amazing Ad In Photoshop

Beijing 2008 Logo Light Painting in Photoshop

Beijing 2008 Logo Light Painting in Photoshop

Mysterious Lighting Effect Tutorial for Photoshop

Mysterious Lighting Effect Tutorial for Photoshop

Space Lighting Effects in 10 Steps – Photoshop Tutorial

Space Lighting Effects in 10 Steps - Photoshop Tutorial

Design a Vista Styled Wallpaper

Design a Vista Styled Wallpaper

Expressive lighting effects

Expressive lighting effects

Really cool Eclipse Effect in Photoshop

Really cool Eclipse Effect in Photoshop

True Flames

Create an incredible flame / solar flare effect in only a few short steps.

True Flames

Super Fast – Speed Lighting Effect

Super Fast - Speed Lighting Effect

Add A Sparkle Trail To A Photo

Add A Sparkle Trail To A Photo

Lighting effects in Photoshop

This tutorial shows you how to jazz up a photo with creative lighting.

Lighting effects in Photoshop

How to Create Brilliant Light Streaks in Photoshop

This tutorials teaches a simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs.

How to Create Brilliant Light Streaks in Photoshop

Adding Light Streaks To A Photo

Adding Light Streaks To A Photo

Read More at 28 Powerful Photoshop Lighting Effects

Read More…

30 Vintage Fonts Perfect for Retro Style Design

vintage_fonts_5

A Vintage or retro style design is meant to transport it’s audience decades into the past. Designers try to do this by using various design elements such as textures and patterns from a certain time period. But it’s also important to use accurate typography from the time period you are trying to represent.

In this post, we’ve rounded up 30 excellent retro and vintage fonts that you can use in your designs. You’ll notice that these font’s range from a 1920’s look all the way up to the retro typography style of the 50’s.

Matchbook

fonts

Bazar, Medium

fonts

Embossed Black

fonts

Ugly Qua

fonts

Hill House

fonts

Shrewsbury-Condensed Bold

fonts

Caslon

fonts

Seaside Resort

fonts

Fontleroy Brown

fonts

Fusty Saddle

fonts

Dirty Ames

fonts

Bolton

fonts

Dymaxion

fonts

Just Old Fashion

fonts

Riesling

fonts

Goudy Bookletter 1911

fonts

Opera-Lyrics-Smooth

fonts

Carnivalee Freakshow

fonts

Circus Ornate

fonts

Upper East Side

fonts

Brandon Grotesque Regular (free until April 15)

fonts

Ballpark

fonts

East Market

fonts

BP Script

fonts

Rocket Script

fonts

Arwen

fonts

Anagram

fonts

Louisianne

fonts

Lemon Chicken

fonts

Anastasia

fonts

Read More at 30 Vintage Fonts Perfect for Retro Style Design

Read More…

25 Free HTML5 Website Templates

28-55820-original

Hi everyone. Have you already built a website for your business? If you are still hesitating about how to do that the right way, we will help you to launch one absolutely free of charge. An HTML5 website will be a perfect option with which to start, and you don’t need to be a developer to make it work. Especially for this reason, we have prepared a collection of 25 of the best free HTML5 website templates that boast a compelling look and unmatched functionality.

Thanks to clean and lightweight code, the templates are incredibly flexible and will load much faster, as opposed to sites powered by any of the content management systems. Designed in accordance with this year’s most popular trends, they will be perfect tools for introducing your business to a wider audience.

An HTML5 template is also a perfect choice if you are going to build a site and use it for quite a long period of time, as it offers excellent security. The individually coded HTML site is more difficult to hack compared to the CMS powered site that requires constant security plugin updates. So, let’s take a look at the free HTML5 templates we’ve prepared. Take your time, check them out and make a point of previewing each template.

1. Cafe and Restaurant – free HTML5 Website Template

Cafe and Restaurant Free Website Template

Here is a professional full-width free HTML5 template for cafe, restaurant and culinary blogs. The theme is created by TemplateMonster. It offers a clean code and incorporates minimum visual effects thus ensuring a fast loading speed and smooth performance. All the elements are quite flexible and can be customized in accordance with the specification of the business project.
Demo
Download

2. Gestpio – free HTML5 Website Template

Gestpio - free HTML5 Website Template

Gestpio is a perfect solution for building a corporate or business site with a clean design and powerful functionality. The fully responsive design allows it to adapt to all screen resolutions.

Demo
Download

3.Arch – free HTML5 Web Template

arch - free HTML5 Website Template

Use this free HTML5 template if you need to build a site for a construction company. With its help you will be able to introduce your business to a wider audience in the most effective way.
Demo
Download

4. Retrospect

Retrospect - free HTML5 Website Template

Retrospect is a great HTML5 template for launching an online blog with a clean layout, advanced navigation and smooth loading speed. Parallax images, galleries and slide-out menu give a personal touch to the template.
Demo
Download

5. Single Page HTML5 Template – free HTML5 Website Template

Free HTML5 One Page Theme

With the help of this free HTML5 website template you will be able to build a professional one-page corporate site for any kind of business. It offers a modern look combined with top-of-the-line performance and splendid navigation.
Demo
Download

6. Lacegant – free HTML5 Website Template

Lacegant - free Website Template

This free HTML5 website can be used for blogging or corporate websites. It features clean and well-organized code that makes it easier to customize the template and adjust it to a specific kind of business.
Demo
Download

7. Build-Up HTML5 Template

Free Responsive Corporate Template

Here is a stylish corporate free HTML5 template that comes loaded with a full range of features like fixed menu, images with Parallax effect, simple slider, etc. This fully responsive design enables it to adapt to all screen resolutions automatically.
Demo
Download

8. Prism – free HTML5 Website Template

prism - free responsive html5 template

If you are looking for a simple but effective solution to introduce your business to a wider audience, here is a perfect free HTML5 website to accomplish that. It doesn’t include any heavy scripts so the result is smooth performance and fast loading speed.
Demo
Download

9. Marathon – free HTML5 Template

marathon

If you are looking for a good template for a website, Marathon may be the right solution. It offers a plethora of tools for advertising the business, and ensures a user-friendly interface with advanced navigation.
Demo
Download

10. Future Imperfect – free HTML5 Website Template

Future Imperfect - free HTML5 Website Template

This free HTML5 template is professionally designed for bloggers. Thanks to a clean and boxed layout it offers a number of solutions for showcasing the content in a most effective way.
Demo
Download

11. Bliss HTML5 Template

Free HTML5 Theme for Restaurant Website

Use this free HTML5 template for designing sites for restaurants and cafes. It offers a layout that is optimal for showcasing all kinds of content necessary for this kind of business.
Demo
Download

12. Escarine-Veh – free HTML5 Website Template

Escarine -Veh - free html5 template

This template will be a great solution for automotive and tech sites. It features clean code not overloaded with scripts and visual effects.
Demo
Download

13.Spatial HTML5 Template

spatial - free html5 template

Spatial is a great template that can be used for both landing pages and online blogs. It combines a minimal layout with a modern and attractive look. It can also be adapted to other kinds of projects quickly and worry-free.

Demo
Download

14. Point – free HTML5 Website Template

Point - free website template

This free HTML5 website template will be handy for freelance designers, copywriters, coders, etc. It is designed to help you showcase your skills experience, and works in a clear and organized way.
Demo
Download

15. Multiverse – free HTML5 Template

Multiverse - free HTML5 Website Template

Multiverse is a professional free HTML5 website template for online portfolios. It offers a clean and simple design without any unnecessary elements or effects.
Demo
Download

16. Photography – free HTML5 Web Template

photography - free website template

Here is another great solution for an online portfolio. It offers a clean layout that makes the content of the page look clear and structured on all screen resolutions.
Demo
Download

17. Escarine-Med – free HTML5 Website Template

Escarine-Med free html5 template

This template is designed especially for medical websites. A conservative design, smooth functionality and fast loading speed is exactly what you need for this kind of business.

Demo
Download

18. Interphase – free HTML5 Web Template

Free HTML5 template - Interphase

Use this free HTML5 template for building a corporate website or landing page for any kind of business. Thanks to a clean code and simple layout, users will be able to adapt it to almost any project right away.

Demo
Download

19. Lens – free HTML5 Website Template

free HTML5 Website Template - Lens

This template has been created for freelance designers and photographers who are constantly searching for online jobs. SEO friendly code enables the content to be seen properly by search engine machines. In this way, you will be able to find employers much faster.
Demo
Download

20. Devenna – free HTML5 Website Template

Devenna - free Website Template

Build a high-quality business site with Devenna. This simply coded free HTML5 template is a perfect solution for both beginners and professionals as it can be used for building a site from scratch or updating a current one.
Demo
Download

21. Eventrum – free HTML5 Template

Eventrum - free html5 template

This clean and minimal template will be a perfect fit for building entertainment and corporate sites of all kinds. With minor customization you can turn it into a modern online blog in no time.
Demo
Download

22. Solid State – free HTML5 Website Template

Free HTML5 template - Solid State

This free HTML5 website template offers a stylish diagonal design coupled with an unmatched functionality and simple code. It also features an assortment of tools and effects like, blocks with parallax, popup menu, blocked layout, etc. that give it a touch of personality.

Demo
Download

23. Katrine Dove – free HTML5 Website Template

free HTML5 Website Template

Here is a universal solution for a fashion blog or an online portfolio. Thanks to a number of visual effects, sliders and galleries, you can showcase all of your previous works and projects in a variety of ways.
Demo
Download

24. Zheng – free HTML5 Website Template

Free HTML5 template - Zheng

Zheng is a landing page free HTML5 template that comes loaded with a clean code and minimal layout. Built on Bootstrap it ensures faster loading speed and smooth performance on all screens and browsers.
Demo
Download

25. Spectral – free HTML5 Template

Free HTML5 website template - Spectral

Build a professional corporate or business site with Spectral. It combines the latest design trends with powerful functionality and top of the line navigation.
Demo
Download

So, here are the top 25 free HTML5 website templates for any business project. Go ahead, check them out and let us know if we’ve missed something interesting.

Read More at 25 Free HTML5 Website Templates

Read More…