4

Be A Skilled Money Making Machine with this Library of 65 Ebooks: $45

In these days everybody is hungry to learn all the things related to web design. Imagine to have a full Library that covers every topic related to this art? Sure you will be full of wisdom but empty pockets, to acquire more than 60 books can cost you thousands of dollars.

But now the Smashing Library have released its full library covering a wide range of topics:

  • Front-end development (CSS, HTML5, JavaScript),
  • Responsive Web design,
  • Mobile design and iOS/Android app development,
  • Psychology and UX design,
  • Content Strategy and Copywriting,
  • Typography and Design Legacy,
  • Photoshop, Illustrator and Fireworks,
  • Running a Web design business,
  • WordPress,

And much more topics written by remarkable professionals in the area, also the bundle includes an access for a full year of updates. In average Smashing Books release 24 New ebooks every year so you easily can take for granted a total 84 books in this bundle.Now the best part: they are pricing all this bundle for $45.

If you are like me and though: “nah this books maybe are from 2002 and talk about Internet Explorer 2.0” - but nope, I was very wrong. They’re very updated even you can have info about iOS and Swift program language, info very 2014.

The Website site the discount will last only 4 days, maybe they extend the days but I wouldn’t take the risk

Check all the info here: http://bit.ly/1scGyzU

PSD Cleaner {$15}

image

Layers Organize Themselves with PSD Cleaner
Photoshop Plugin that lets you easily find and fix messy layers in your PSDs.

Keeping PSDs clean is now easy as pie
Avoid the manual work of keeping your designs organized. PSD cleaner automatically scans through your PSD structure to find all the messy layers. And these layers can be quickly fixed right from the panel as well. This way you will always know what’s wrong and your PSD will always be clean.

You will never miss a messy layer ever again
Naming unnamed layers takes only seconds

Automatically locate unnamed layers and rename them right in our plugin.

Use the right type of text

You can instantly turn any point text that has breaking spaces into a paragraph text.

Easily find and fix CSS incompatible layers

Some Photoshop effects are impossible to recreate in CSS. Easily find and fix them.

Simply clear all unused styles & layers

Get rid of all unnecessary layer styles and layers with just a few clicks.

Delete all empty layers with few clicks

It takes forever to manually delete empty layers. Not anymore with PSD Cleaner.

Quickly locate all layers that are out of canvas

Searching for out of canvas layers is time consuming. Avoid this with our PS Plugin.

Credits: MadebySource

LINK

Make Your Map Glow with Cubemaps and HDR

Is your map looking a little bit flat? Does it need that extra zing? Then High Dynamic Range can help you add that warm glow to your creation. 

HDR is a subtle effect; a simple explanation is that is the effect of your eyes adjusting to a dark room after being in the bright outside. This means that darker areas will be darker initially, and will then rise to a brightness level more suited for interior gameplay. This dynamic balance of brightness adds contrast to your map, meaning an overall brighter and vibrant experience.

Read Full Tutorial: http://lambdageneration.com/modding/source/make-your-map-glow-with-cubemaps-and-hdr/

Tumblr Temanıza Yatay Menü Yapımı

image

Örnegi incelemek için tıklayınız

Şimdi vereceğim kodları temamızın Html Düzenle bölümüne girip 

<body>’nin hemen altına yapıştırıyoruz.

image

KODLARIMIZ:

<div id=”gri”>

<ul>
<li><a href=”/” class=”aktif” title=”Ay Başım Döndü”>Ana Sayfa</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/siir” title=”Şiir,Alıntı ve Şairlere Dair”>Şiir</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/edebiyat” title=”EdebiyatHaberleri”>Edebiyat</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/music” title=”Ne Tür Müzik Olursa Olsun, İyi Müzik İyidir…”>Müzik</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/teknoloji” title=”İlginç Teknoloji Haberleri”>Teknoloji</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/komikli” title=”Hatunla Kavga mı Ettin!Gell Yiğenim”>Eğlence</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/karikatur” title=”Her Karikatür Güldürmez”>Karikatür</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/paralel” title=”O Lobisi,Bu Lobisi Yemezler Abisi”>Paralel</a></li>

<li><a href=”http://dennsokagi.tumblr.com/tagged/film” title= “Film İncelemeleri”>Film</a></li>

<li><a href=”http://dennsokagi.tumblr.com/tagged/oyun” title=”Mesela Biz İyi Point Blank Oynarız”>Oyun</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/sanat” title=”İlginç Sanat Haberleri”>Sanat</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/0321” title=”Biraz da ben yazayım dedim”>03,21</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/saglik” title=”http://www.monthlyfitness.com/”>Sağlık</a></li>
<li><a href=”http://dennsokagi.tumblr.com/tagged/biz” title=”İnsanın Canından Çok Sevdiği Biri Olması Ne Güzel”>Biz</a></li>

</ul>

</div>

Bu verdiğim kodlar içinde benim menünün urlleri var. Şimdi bu kodları kendinize uyarlamak için ne yapmanız gerekeceğinden bahsedelim:

Her bir:

<li><a href=”http://dennsokagi.tumblr.com/tagged/film” title= “Film İncelemeleri”>Film</a></li>

bir menü kutucuğunu simgeler.

şimdi bunu kendinize uyarlamanız için

dennsokagi.tumblr.com yerine kendi urlnizi yazın 

mesela geldimyoktunuz.tumblr.com

tagged aynı kalıyor

tagged/bu bölüme neyi tagliyecekseniz onu yazıyorsunuz

mesela:

<li><a href=”kullanıcıadı.tumblr.com/tagged/film” title= “Film İncelemeleri”>Film</a></li>

burada postunuzu film diye taglerseniz bu menünün içine kaydolacaktır.

image

Bu açıklamalara göre kendinize yeni menüler oluşturabilirsiniz.

Şimdi gelelim menümüze CSS ile şekillendirmeye:

Css kodlarımız Tumblr Temada <style type=”text/css”> </style> arasına yapıştırmamız lazım.

image

Resimde görülen yere yapıştırabilirsiniz. Yada özel css ekle bölümü var tema düzenle kısmında oraya da yapıştırabilirsiniz.

KODLARIMIZ:

#gri ul {

margin:0;
padding:0;
list-style-type:none;
width:100%;
background:white;
font-family:Verdana,Arial,sans-serif;
font-weight:bold;
font-size: 12px;
border-right: 1px solid black;
border-left:1px solid black;
height:34px!important;
height:32px; /*İE6 için*/
overflow:hidden;
border:1px solid gray no-repeat;
position: fixed;
z-index:99999;
border-bottom:1px solid black;
}

#gri ul li{
display:block;
float:left;
border-right: 1px solid gray;
transition:all 2s ease;
padding:0;
margin:0;

}

#gri ul li:hover {

border:1px solid gray no-repeat;
border-radius:20px;
-webkit-border-radius:20px;
background:purple;

}

#gri ul li a{
color:#333;
display:block;
float:left;
text-decoration:none;
padding:8px 20px 0 20px;
height:30px;
}

#gri ul li a:hover {

color:white;
background: url(img/menu_gri.png) center -60px no-repeat;
}

#gri ul li a:active, .menu #gri ul li a.aktif {
color:#fff;
background: url(img/menu_gri.png) center -30px no-repeat;
}

Kolay gelsin.

Watch on sixux.com

form fields @ http://tympanus.net/Development/FullscreenForm/

Medium’s CSS is actually pretty fucking good.

Or so says Medium’s Jacob Thornton (aka @fat):

I’ve been meaning to write something about the CSS at Medium for a while because I’m not completely ashamed of it…

So how did that happen? What did we do differently? OMG, how can you do the same thing? Or learn from us, or something?

What follows are some notes on our CSS, the steps we’ve taken to get it to where it is, and the world we live in today.

It’s a good read, going through the history of CSS/LESS at Medium and includes a few versions of their official style guide.

TUTORIAL: How to make a sponsors box

Before making my hiatus 100% done, I just make this for you guys. I hope you like this mini tutorial. It’s really easy and you don’t need a lot of experience in HTML/CSS coding. I saw a lot of mistakes when people is trying to do this thing, so I hope you can check it. 

Only follow the instructions here: http://pastebin.com/WTCB1zN3

And you will got something like this: 

image

 

Change the image link for the image sponsor you want, and please don’t put “https”, just “http”. 

If you have questions, please tell me because I’m happy to help you and I maked all the coding stuff so please, don’t claim as yours! It’s so rude.

What to put inside head of html

What to put inside head of html

Short time ago my great friend, Brigitte, asked me what code do I include into head section of html file when I work on some project. This is a common question, not just from SEO point of view. Today this question will finally be answered through this post to help and give more clarity not only Brigitte, but to all of you who are interested in this topic. (more…)

View On WordPress

Got tagged again by sebastianfrickingstan, but this time I have to put my iPod on shuffle and list the first 20 songs that come on. Rather than tag ten people to do the same I’ll just let you all imagine that I’ve tagged all of you so I hope you all do this one…

  1. Killing in the Name Of – Rage Against The Machine
  2. Slow Down – Clyde Carson
  3. Going Under – Evanescence
  4. Now That We’re Done – Metro Station
  5. Welcome to the Black Parade – MCR
  6. Alala – CSS
  7. Raised By Wolves – FIR
  8. Wasted – Black Flag
  9. Girl on Fire – Naya Rivera
  10. Skyway Avenue – We the Kings
  11. Love is Pain – Joan Jett and the Blackhearts
  12. Bo$$ – Fifth Harmony
  13. The Rock Show – Blink 182
  14. Closure – Asking Alexandria
  15. I Wanna Be Where the Boys Are – The Runaways
  16. Dove and Grenade – Hollywood Undead
  17. Disengage – Suicide Silence
  18. Jamba –Tyler the Creator
  19. Fuck Authority – Pennywise
  20. Move – Little Mix
Text
Photo
Quote
Link
Chat
Audio
Video