The “Kebab” or “Kabob” Mediterranean food display menu template in Photoshop (PSD) by Identity Design is designed in high resolution and ready to use. It’s layered in PSD and available for a free download.
Trendy portfolios. Showcase. Adobe.
World designers. Top creatives.
Awards of design.
Awards of design.
High quality WordPress Templates.
Image sharing. Social Media.
Freely-usable photo library.
Powerful vector library.
6 free goods. Every week.
Free & premium resources.
Free web fonts. Downloadable.
Free web icons from Google.
Royalty free music.
Analyze web. Speed test.
Find IP. DNS
Custom dividers for web. SVG
Customize backgrounds in PNG. Abstract. Lines. Gradient.
Generates colors
Web skills learning. HTML, CSS, JavaScript and browser
The Car Cover Website Design mockup in Photoshop (PSD) by Identity Design is designed in high quality 2400 pixel in width. This clean & sophisticated design is ready to use on your own design before it’s cut up in HTML. It’s layered in PSD and available for a free download.
This letter-size 3 column flyer template by Identity Design is available for a free download in InDesign File (INDD/PDF) and fully customizable for your own print materials or online PDF document.
Let’s vertical align your design elements with CSS and HTML! Despite how popular people search for this method, vertical centering your contents seems not easy than you think for beginners. Below method could be the one of the simplest ways you can make it happen.
Vertical Align Center
Vertical Align Middle
Vertical Align Center
Copy the code below and paste into your HTML document.
<div class="div-outer">
<div class="div-inner">
<h4>Box One</h4>
<p>Vertical Align Center</p>
</div>
</div>
<div class="div-outer">
<div class="div-inner">
<h4>Box One</h4>
<p>Vertical Align Center</p>
</div>
</div>
<div class="div-outer">
<div class="div-inner">
<h4>Box One</h4>
<p>Vertical Align Center</p>
</div>
</div>
You can tweak around with different colors of the boxes or texts. Have fun!
Copy the code below and paste into your CSS document. You need to make the same min-height and line-height on the outer part of the div. In my case, I have 200px.
.div-outer {
min-height: 200px;
line-height: 200px;
}
.div-inner {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
In case if this css isn’t working, you can try as below.
.div-outer {
height: 80vh;
position: relative;
}
.div-inner {margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
You can tweak around with different colors of the boxes or texts. Have fun!
Here’s the one of the simplest ways to redirect your site’s traffic.
Copy the code below and paste it to your blank html.
<script language="javascript"> window.location.href="http://YOUR-REDIRECT-PAGE" </script>
*Replace YOUR-REDIRECT-PAGE with your new URL.
Weight Loss / Health industry website design mock up (HTML/CSS) by Identity Design was designed in Photoshop File. This PSD is available for a free download and fully customizable for your own website or WordPress template.
Christmas Promotional Email Template (HTML/CSS) by Identity Design was designed in Responsive HTML and CSS. The main banner and the Call-To-Action button are compressed in PSD so it’s fully customizable. This Responsive HTML/CSS Email template with PSD is available for a free download.
New Year New You Infographic Template by Identity Design was designed in standard resolution 600 x 800 pixel banner for the weight loss company, SENSA®. You can edit with your own new year resolution messaging for your banner, and it’s ready to use in Photoshop. This PSD template is available for a free download.
Merry Christmas Gif Animation Banner Template by Identity Design is designed in standard resolution 1200 x 435 pixel with 14 slides of timeline. You can add your message to this fantastic bling banner, ready to use in Photoshop. You can view the timeline panel by going to Photoshop -> Window -> Timeline (Panel). This PSD template is available for a free download.
The Gloria Revival poster by Identity Design is designed in high resolution 3600 x 4800 pixel (18 x 24 inch). This artistic poster is rendered nicely with grunge texture in the foreground and background. It’s layered in PSD and available for a free download.
This post will be a quick start guide to MailChimp for WordPress plugin. You might use it to collect massive email data from the visitors of your website in order to send a blast of email for your personal or commercial needs. For beginners, MailChimp is a great place to start with your email campaign where that is available to “send 12,000 emails to 2,000 subscribers for free”.
Download the MailChimp for WordPress Plugin. https://wordpress.org/plugins/mailchimp-for-wp/ or go to your WordPress Admin -> Plugins -> Add New -> (Search for) MailChimp for WordPress -> Download & Activate.
Sign up MailChimp website for free. http://mailchimp.com/
Create and name your list. Go to the ‘List’ menu on the sidebar. Create a list.
Go to your name at the top of the sidebar and select ‘Account’.
Create API Key. On the top menu click ‘Extras’ -> API keys -> ‘Create A Key’
Copy the API Key you just created and Paste it onto your ‘MailChimp for WP’ (your WordPress Admin -> MailChimp for WordPress -> MailChimp Settings) then ‘Save Changes’
Check and make sure you see ‘CONNECTED’ sign on ‘MailChimp API Settings’. Click on the button -‘Renew MailChimp lists’
Go to the admin -> ‘MailChimp for WP’ -> ‘Checkboxes’ and check on the ‘MailChimp Lists’ box and save.
Go to the admin -> ‘MailChimp for WP’ -> ‘Forms’and check on the ‘Lists this form subscribes to’ box and save.
On the ‘Form’ setting page, copy the form shortcode below ‘Form mark-up’ and paste into any posts or pages you want to show your subscriber form, or you can use a MailChimp form widget to subscribe emails. (For widget users, go to the admin -> drag and drop ‘MailChimp Sign-Up Form’ to your widget sidebar.
Test your email. Once you actually test subscribing with your email, you would get a successful message “Thank you, your sign-up request was successful! Please check your e-mail inbox.”, but if miss any steps from above, you might see a message “oops. Something went wrong. Please try again later.”
Enjoy the MailChimp for WordPress plugin / widget!
The Way to Emmaus poster by Identity Design is designed in high resolution 3600 x 4800 pixel (18 x 24 inch). With the sun flare that hits the lens, the art is showing a mysterious way or the way of light. It’s available for a download which layered in PSD so you can easily edit and replace texts with your own words. This would be a great resource for any Christian services relating to the message or any other short movie posters.
Paint / ink splatter poster by Identity Design is designed in high resolution 3600 x 4800 pixel (18 x 24 inch). The artwork is layered in PSD so you can easily edit and replace texts, and you can hide and show other splatter marks as well as change color with hue adjustment. Start your splatter design with this template!
Free high resolution poster template for your design
You can easily change color.
We need a good stock photo for free! There are many great paid stock photo websites out there like, Istockphoto.com or Shutterstock.com, but it’s always good to look for free stock photos before you actually spend your money. Why don’t you get some free stock images with awesome quality (in artistic perspective) which will make your design beautiful?
If you are an individual proprietor or freelancer like myself, who’s willing to spend some time to dig for a nice photography for your design, you’ll enjoy my “Best Stock Photo Sites for Free for Commercial Use” list below. I know you’d especially enjoy the “for Commercial Use” part, which means you don’t need to get permission for both personal / commercial use.
With new technologies of HTML5, CSS3 and JavaScript, parallax scrolling is one of the hottest trends in web design industry. Floating with different speed of scrolling background elements could make a website stronger in storytelling. It’s easy to find parallax resources online, but it’s hard to find a function with smooth scrolling effect.
Here’s the parallax website with “SMOOTH” scrolling effect for you to download. The website is made of HTML5/CSS/JavaScript. It’s free to use for your website, but it only works on Google Chrome. For other browsers everything works perfectly except for the smooth scrolling effect.
I always look for GOOD Fonts for my design. I’ve been in the industry almost a decade, and with the experience, there are fonts more likely to use than others when designing web or print outs like posters, banners, and documents. Some are good for a headline of an article, and some are good for copies. Most of them are FREE with personal/commercial use, so hope you enjoy my collection.
San-Serif, Condensed
FREE Download Gotham family is all time my favorite. It’s great for headline and body copy.
Condensed San-Serif, Uppercase Only
A sophisticated bold condensed gothic font for PC, Mac, & Web . Highly recommended for titles.
FREE Download | Credit “Dharma Type”
http://dharmatype.com/
Condensed San-Serif
FREE Download
San-Serif, Uppercase only, for Headline and decorative type
$55 at myfonts.com
San-Serif, Condensed to Extended, for body copy
$39/each at myfonts.com
San-Serif
FREE Download
San-Serif, Condensed to Extended
San-Serif & Slab-Serif, Thin to Ultra thick
Nexa – Download FREE Version
Nexa – Buy Full Version
Nexa Slab – Download FREE Version
Nexa Slab – Buy Full Version
Cursive Pen Script
FREE Download
Cursive Handwriting Script
$35 at Linotype.com
A Handwriting & fun cursive script for Mac & PC
A site that contains hundreds of awesome textures in high resolution JPG with the variety of concrete, fabric, foliage, liquid, metal, paint, paper, rust, stone, rock, wood, clouds, sky, and etc.
Hatched/slash pattern makes slick feel to your art work. Here’s an easy way of doing it in Photoshop.
Feel free to customize yourself with making different colors, directions, and even different sizes like 3 x 3 pixel or 2 x 2 pixel. You can also download PSD here:
FINAL WORK:
