Skip to main content

Design Tools to Help You Create Your Next Project- Part 1

                              Creating a well-designed site, product, or project usually isn’t cheap. You know you want to make something that looks good–but how do you do it if you’re working with a limited budget? While there’s no substitute for hiring a great designer, there are ways to build something beautiful without spending thousands of dollars—and it starts with the little elements, like getting the font, icons, photos, and colors right.

Stock Photography

Stock photos and videos are notoriously expensive. While they are super important for making your website, presentations, pitch decks, and sales materials look sharp, few startups can afford to spend hundreds of dollars on a limited license image.
If you’ve found yourself in this predicament before, here are a handful of sites with free (or cheap) stock photos that are actually captivating and don’t look like you just pulled them from a 90s business brochure

Pexels


All photos on Pexels are free for personal and commerical use under a Creative Commons Zero (CC0) license. They currently have 30,000+ stock photos on the site, and add around 3,00 new images each month.



Upsplash was originally a side project started by the Crew team. It literally saved the company when it was a few weeks away from dying. Now, its a standalone site, with new high-quality images popping up daily.



The Stock Up site features 15,000+ indexed photos from over 30 different stock photography websites, like Life of Pix and Splitshire. Most of the photos fall under the Creative Commons Zero (CC0) license, but always refer to the original image for details about the specific license before use.


On Coverr, you’ll find beautiful, free videos for your homepage. Just download your favorite one, upload it to your website, and add the corresponding snippet of code to your site. Every Monday, you’ll find seven new videos on the site


Comments

Post a Comment

Popular posts from this blog

Push notifications in Web Apps via Service Workers

A push notification is a message that is “pushed” from backend server or application to user interface, e.g. (But not limited to) mobile applications and desktop applications. Service workers are a great way to run some script in the background and not putting the load on your main business logic running on front-end.  Your app does not have to be open in the browser, to get the notification. It mean that’s the real purpose of push notifications, notify the user about the content of your application.                          A pplication server tells Google Cloud Messaging (GCM) server that there is something new content and GCM server then awakens the service worker which generates the push notification. Register Service Worker if ('serviceWorker' in navigator && 'PushManager' in window) { navigator.serviceWorker.register('software-worker.js') .then(function(reg) { registration = reg; ...
Post a Comment
Read more

Get start with Vue.js

Getting Started The official guide assumes intermediate level knowledge of HTML, CSS, and JavaScript. If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required. The easiest way to try out Vue.js is using the   JSFiddle Hello World example . Feel free to open it in another tab and follow along as we go through some basic examples. Or, you can simply   create an   index.html   file   and include Vue with: < script src = "https://unpkg.com/vue" > </ script > The   Installation   page provides more options of installing Vue. Note that we   do not   recommend beginners to start with   vue-cli , especially if you are not yet familiar with Node.js-based build tools. Declarative Rendering At the core of Vue.js is a system that enables us to declar...
Post a Comment
Read more

Design Tools to Help You Create Your Next Project- Part 3

Coolors Coolors   is a super fast color scheme generator. You can explore thousands of pre-existing color schemes (each one features five colors). Or, you can generate your own in a matter of minutes. Once you go to the “generate” page, hit the space bar to start with a different color scheme, and then you can adjust each color’s hue, saturation, and brightness accordingly. Web Gradients Web Gradients   is a collection of almost 200 background gradients, created by the  itmeo  team. You can use each of these content backdrops for any part of your website. You’ll find a .PNG version of each gradient, as well as easy-to-copy CSS3 crossbrowser code. Bonus: there are even curated packs for  Sketch  &  Photoshop . Color Hunt On  Color Hunt , browse through countless palettes, comprised of four colors each. You can browse and sort through the list based on what’s hot and popular, or just pick “random” and see what comes u...
Post a Comment
Read more