Personal Website

Monday, February 6, 2017

Understanding html5: the fundamentals. HEAD elements (tutorial)

Hi everybody, in this occasion you can learn the Head Elements.

<title> The title of the Documents
<meta> Includes Meta Data such as keywords.
<Script> Incudes Script to interactive Pages
<style> Define Styles To Body Elements
<link> Directive Indicating Related Document
<base> Define the Base Address for relatives links on the Page.

for more tutorials please visit www.dardigitaldesign.com










Saturday, January 14, 2017

How Add a Youtube Video or Mp4 in Bootstrap or HTML. Full Tutorial

Hi Everybody, if you want to add a  Video to your web just follow these simple steps.

using that code wil give you a responsive video player with full control
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" width="640" height="480" src="https://www.youtube-nocookie.com/embed/Lw_e0vF1IB4" frameborder="0" allowfullscreen></iframe>
</div>

Friday, November 18, 2016

How To Add A FAVICON to your WEBSITE, BLOG OR WORDPRESS! Simple and quick!

Hi everyone, in this post we'll learn about, what's a Favicon? and How to Add and Create a Favicon to your Website, Blog or Wordpress!

First,

What is a Favicon?

A favicon is the little icon that browsers display next to a page's title on a browser tab, or in the address bar next to its URL. It also is used when you bookmark a page


For Example:




Second and Most Important:

How to Add and create a Favicon?
  1. Create a 16x16 image. If you want transparency, use the PNG or GIF format.
  2. Convert your image to .ico format using a free service such as http://www.favicon-generator.org
  3. After generating a favicon with this tool download and save to the root directory of your site. Then include the following code in the head of your HTML document.
  4. And Finally you did it!! =)

For more tutorial please visit www.dardigitaldesign.com 
If you enjoy it let me a comment!


Wednesday, November 16, 2016

THE MOST AWESOME FREE HAND PAINTED FONT! FREE TO DOWNLOAD AND USE.

Westfalia is a hand painted brush sans from Pixel Surplus.  This font provides an authentic hand drawn feel with its messy edges and varied line thickness.  Great for any design work related to the outdoors and exploration.



FREE DOWNLOAD HERE 


For more tutorials please visit www.dardigitaldesign.com

HOW TO DO A DIGITAL CHRISTMAS E-CARD TO DOWNLOAD AND CUSTOMIZED! FULL TUTORIAL

Hi everyone is this post, I give you a perfect Christmas E-card to download, Customized and share with everyone you want. 

5 Simple Steps to have a Christmas Card.

1 -Enter and Download the free E-card here ----> www.dardigitaldesign.com
2 -Open the attach in Photoshop or Illustrator
3- Open or place your favorite image.
4- Save and Print !

5- Enjoy your FREE CHRISTMAS E-CARD!




To see more tutorials please visit: www.dardigitaldesign.com

Thursday, November 10, 2016

How to Create a Mood Board for your business (tutorial + explanation + examples)

Hi Everyone is this post we will learn about create a Mood Board for you business, so first of all we have to answer this question, what is a Mood Board?

Part of the design process is create a Mood Board. A Mood board is “an arrangement of images, materials, pieces of text, etc., intended to evoke or project a particular style or concept.” Which means that a mood board sums up how you want your brand to make people feel. A mood board consists of images, color, and text that you want to reflect your brand. Some people choose to physically create a mood board with images that they get from a magazine, or get textures from certain fabrics, etc. The other way of creating a mood board is digitally, which is the method I prefer. 




TIP: A good place look for inspiration is Pinterest.

for more info and tutorial please visit www.dardigitaldesign.com

Thanks you!





Tuesday, November 8, 2016

Add Watercolor texture in Adobe Illustrator! Very Easy! (full tutorial)








Hello, today we'll learn about Add a watercolor texture or another than you choose to a text in Adobe Illustrator. 

Just follow this simple steps.

First, get your gold texture. Then write your text out using the type tool. 
Place the watercolor texture in your file. Either do this by saving it on your desktop and go to file : place and then select your watercolor texture or you can simply drag it.
You must send your watercolor texture to the back of your text. You can do this by selecting your texture and right-click (or on a mac – click + command) > go to arrange > then send to back.
Now you must select both the text and the gold texture. Then right-click again, and choose make clipping mask. 

And Finally You got your watercolor Letters!



For more tutorials please visit www.dardigitaldesign.com