In this round up, we have put together a vast collection of free and minimalistic resume templates and mockups in PSD format. Professionally composed resume is the first step towards getting your dream job. This is the reason why everyone focuses so much on his resume. For this purpose, we have gathered some professional looking… Continue reading 14 Free Simple Resume PSD Mockups & Templates
Tag: Simple
Multi-Level Menu : A simple menu with multiple levels
This is a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the… Continue reading Multi-Level Menu : A simple menu with multiple levels
Simple to Use jQuery Plugin to Animate SVG Paths
jQuery DrawSVG uses the jQuery built-in animation engine to transition the stroke on every inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. It weights less than 2KB minified and 800 bytes gzipped. It’s easy to use with easing and stagger support. Best of all, it’s completely Free! Requirements: jQuery Framework Demo: http://lcdsantos.github.io/jquery-drawsvg/ License:… Continue reading Simple to Use jQuery Plugin to Animate SVG Paths
A simple modal window with an animated SVG background
Today’s tutorial simple modal window comes from Codyhouse.It shows you how to animate at once multiple SVG paths to create a stylish background effect for a modal window.The inspiration is from UI8 Nav on Dribbble. Demo Source
When Launching a New Website: Avoid These Four Simple Website Mistakes
Having a website is essential for just about every business these days. Not only is it expected, but it helps improve your image and your accessibility for customers. Putting together a website doesn’t have to be complicated, but it isn’t just a snap and to go project either. It takes work. Businesses often tend to… Continue reading When Launching a New Website: Avoid These Four Simple Website Mistakes
Walkway.js – An easy way to animate simple SVG elements
Walkway.js a small javascript library to animate SVG images consisting of line and path elements in an easy way. How to use Create a new Walkway instance with a supplied options object. When you want to start animating call .draw on the returned instance providing an optional callback that will be called when drawing is… Continue reading Walkway.js – An easy way to animate simple SVG elements
45+ Simple Yet Creative And Appealing Logo Designs For Inspiration
Here, we have come up with an interesting and fresh collection of logo designs for your inspiration. A logo design is a graphical representation of an organization’s goods and services that it offers. Therefore, a logo design has to be unique and creative so that it can attract target audience. A logo design along with… Continue reading 45+ Simple Yet Creative And Appealing Logo Designs For Inspiration
Free Download : 100 Simple Line Icons V.2
Today’s free design resource 100 Simple Line Icons V.2 comes from Mirko Monti a free designer from Italy. The icon pack contains 100+ simple line icons for web and UI design available for free; checks the preview file to see all the icons. The download includes – SKETCH file – PNGs(30×30, 60×60, 90×90). – PDF… Continue reading Free Download : 100 Simple Line Icons V.2
A Simple Responsive Email Design Tutorial
If you are looking to familiarize yourself with responsive emails this is a perfect place for you. In this quick tutorial I will be going over how to code a simple and minimal typography based responsive email. It will provide you a fundamental understanding how responsive emails work. Responsive Design Because this is a typography… Continue reading A Simple Responsive Email Design Tutorial
50 + WordPress Themes Premium & Free
Here comes 50+ wordpress themes just for you! Please like, share and comment! Enjoy. If bubbly animation effects fail to impress you and elegant display catches your eyes then simple WordPress themes are the right style statement for you. Well, this is not to say that lively and rich themes are not useful but it… Continue reading 50 + WordPress Themes Premium & Free
Fenix – A Simple Static Desktop Web Server
Web server is an essential tool for web developer. It’s an essential tool to save times and bandwidth. By developing or updating a website locally, we can skip the file upload and download tasks completely. We can do it once everything is ready. Depend on what platform you’re using, you can install either IIS, Apache… Continue reading Fenix – A Simple Static Desktop Web Server
Designing a Simple Instagram Based Portfolio in Photoshop
What You’ll Be Creating In this tutorial I’ll guide you through the process of creating a simple and clean Instagram-based portfolio. We’ll use some striking imagery, a clean color palette and smooth typefaces. We’ll start off by creating a web version and then I’ll show you how to quickly adapt it for mobile view. Tutorial… Continue reading Designing a Simple Instagram Based Portfolio in Photoshop
40 Clean and Simple Free WordPress Themes
The concept of minimalism in web industry is not new; in fact it has been welcomed quite open heartedly. Today, out assortment is also about minimalism and this time we are focusing on some clean and simple WordPress themes. All these WordPress themes are suitable for personal as well professional blogs as these themes focus… Continue reading 40 Clean and Simple Free WordPress Themes
Free Download : Simple Line Icons – 100+ Icons (Ai, Eps, Svg, Psd)
Today’s freebie comes from Mirko Monti.Simple line icon set. This clean icon set contains 100+ free line icons to use in your web and UI projects.All icons come in Ai, Eps, Svg, Psd format and all are well crafted. I think all popular icons are in this set.Enjoy.. ps:you can use them for your both… Continue reading Free Download : Simple Line Icons – 100+ Icons (Ai, Eps, Svg, Psd)
Create a Simple Subscription Web Element in Adobe Illustrator
What You’ll Be Creating This piece focuses mainly on the Appearance panel, so you will only need four rectangles and a tiny circle to create the background, the main shape, the subscribe button, the text field and the tiny x button. You will learn how to create pixel perfect shapes using the Snap to Grid… Continue reading Create a Simple Subscription Web Element in Adobe Illustrator
The Simple Guide to Creative Commons Resources
Creative Commons is a tool that allows designers, writers, videographers and web developers to use content free of charge. From text to photos to video to sound, there are a variety of different types of available content that can be used when attributed appropriately. But where can you find this content? Who can use it?… Continue reading The Simple Guide to Creative Commons Resources
How to Create Five Simple Hover Effects for Your Navigation Links
This is a quick tutorial about creating simple hover effects that would be best suited for links within a navigation. The reason for this is that these might be too much when done inline within a paragraph but that is only a word of caution – if you want to apply these to your normal… Continue reading How to Create Five Simple Hover Effects for Your Navigation Links
Simple Loading Spinners Animated with CSS3
Before CSS3 transition, we see loading spinners in flash website, and then AJAX component with animated GIF. Besides, animated GIF, we have seen VML & Canvas spinners too. Now, we have pure CSS animated loaders/spinners created with just HTML markup and CSS3. Spinkit has a collection of good looking CSS spinners: SpinKit uses… Continue reading Simple Loading Spinners Animated with CSS3
Summernote – A Super Simple WYSIWYG Editor on Twitter Bootstrap
Twitter Bootstrap has been a great front-end tools for most web developers. Especially for backend development, it saves us plenty of times and efforts. Backend usually doesn’t need fancy design, hence, Bootstrap will be really handy to make the layout rapidly and reuse UI component easily. Previously, we introduced a WYSIWYG Rich text editor for… Continue reading Summernote – A Super Simple WYSIWYG Editor on Twitter Bootstrap
Manipulating SVG Icons With Simple CSS
This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS
Webydo: The Code Free Website Creator Platform For Professional Designers
Let’s say you are a designer who is hired by clients to create websites. The traditional process is to design the picture of the website in Photoshop and get it approved by the client. Once he approves it, you will have to hire a developer or a coder who will then convert that design into… Continue reading Webydo: The Code Free Website Creator Platform For Professional Designers
55 Fresh Examples Of Creative Single Page Website Designs
Displaying your work in single page design is a hot trend now days. You possibly cannot imagine what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. The best single pages are those that help you convey your message into few… Continue reading 55 Fresh Examples Of Creative Single Page Website Designs
Icon mouse hover effect using CSS3
This tutorial will show how simple it is to achieve simple animation mouse hover using CSS3. We use transitions and animations css properties to achieve some of the interactive animation. 1. Simple image popup effect using pure CSS3 *{margin:0;padding:0;} body{margin-top:80px;font-size:12px;font-family:arial,sans-serif;color:#9C9C91;background:#fff;} a {color:#333;text-decoration: none;} a:hover {color:#f00;} .wrap {width:720px;background:#f2f2f2;margin:0 auto;} ul.works {list-style:none;margin:0;padding:0;} ul.works li {float:left;display: inline;margin:0 20px… Continue reading Icon mouse hover effect using CSS3
Bootstrap Happiness: 10 Premium Responsive HTML5/CSS3 Templates For ONE Dollar Each
You know that we love Bootstrap here at Noupe. Released in August of 2011, even Twitter may not have known how big it would get. As of Summer 2013, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Building a responsive website based on Bootstrap takes a… Continue reading Bootstrap Happiness: 10 Premium Responsive HTML5/CSS3 Templates For ONE Dollar Each