Personal Website

Showing posts with label wordpress. Show all posts
Showing posts with label wordpress. Show all posts

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!


Friday, November 4, 2016

What is Exactly a Visual Identity? Create a New Brand. Logo - Colors - Typography (Tutorial)

Hi Everyone! In this Post we'll learn about  What is  Visual Identity? of a brand.





A Brand is How a business is perceived by an audience.


  • Words
  • Actions
  • Sounds
  • Visual


A visual identity of a brand contained:
 Logo + Color + Typefaces 


A Logo is a symbol or other design to identify a company.

Tip: It's good use colors for diversity but the Logo has to work in black and white.

How many Colors can use?

In this part, it's very important know your audience.


  • Gender
  • Age
  • Location


More colors= Very Much Audience
Fewer Colors= Low Audience


The use Of type

You have to choose in base of the signification of the brand.

for example: Thick = Intense dramatic or warm. Thin = Elegancy

In the Typography you have to choose. The Primary and the Secondary.

Tip: It's a plus realize a moodboard

For more tutorial please visit: www.dardigitaldesign.com




Thursday, November 3, 2016

The Meaning Of Colors!(Full Tutorial)With Examples.

Hi Everyone in this case I give you a tips about The meaning of Colors.





"60 to 80 percent influence over a customer's purchasing decisions"

RED: Agresive
          Energetic
          Provocative
          Attention
          Sexy


Example: FIAT - MCDONALS

PURPLE: Royalty
                 Sophistication
                 Nostalgia
                 Mystery


Example: CADBURY


BLUE: Trustworthy
             Security

Example: FORD, BMW


GREEN: Wealth
                Health
                Serenity


Example: LACOSTE, STARBUCKS

YELLOW: Positive
                   Light
                   Creativity

Example: SHELL, DHL

TIP: The most Popular Color is Blue and the Less Popular is Green.

For more tutorials please visit www.dardigitaldesign.com




             







Wednesday, November 2, 2016

Simple Steps to Create A Logo. (Tutorial)

Hi Everyone ! This is the part II about Create a Logo for your Brand.

Follow the Five Easy Steps!




1- First We have to Distilling ideas into Words.

With all the things about the company.

For example: "modernized","fun", "excellence", "lifestyle" etc...

2- Transforming Ideas into Images.

Sketch everything that come into your mind.

3- Refining sketches into refined logos.

4- Choosing Iconic Shapes.

5- For last defined your Colors. (For More Info, Read the tutorial the Meaning of colors)


Five simple steps to Begin to Create a Logotype.

For More tutorials visit www.dardigitaldesign.com




The Secret Of Design a Good LOGO. (TUTORIAL)

Hello World!
This is a Tutorial for all the people that want to know how make a good logo o need one, but doesn't know how is the right word to define it.



Types of Logos and Variations.

  • Mark or symbol
  • A example is the NIKE LOGO just a simple Symbol.
  • Type Based Logo (It's all about Typography)
  • A good example is COCA COLA
  • Monogram (this one is perfect for designers brands)
  • Everyone know about who has a  Louis Vuitton Bags 
  • Type+Symbol
  • A perfect example is FEDEX

  • TIP: When the Company change the Logo has to Change.

If you like this tutorial and want more visit www.dardigitaldesign.com