Cum adaugi spatii in Dock-ul din OS X (1.6 -> Mavericks)

exemplu

Acest mic tutorial nu are nici o legatura cu HTML/CSS sau programarea. De fiecare data cand instalez/reinstalez OS X am nevoie de comanda asta pentru a-mi organiza mai bine Dock-ul.

Functioneaza cu OS X 1.6 + (Inclusiv Mavericks)

Poate va ajuta si pe voi:

1. Deschideti Terminal-ul (Applications -> Utilities -> Terminal).

2. introduceti comanda:

defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}'

Atentie, nu veti vedea schimbarea pana cand nu folositi comanda:

killall Dock

(practic aceasta comanda reseteaza procesul Dock-ului).

Puteti adauga cate spatii doriti si le puteti muta, elimina din Dock ca orice alta aplicatie de acolo (Drag&Drop).

Structura unui document HTML5

<!DOCTYPE HTML>

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Website-ul tau</title>
</head>

<body>

	<header>
		<nav>
			<ul>
				<li>Meniu</li>
			</ul>
		</nav>
	</header>

	<section>

		<article>
			<header>
				<h2>Titlu Articol</h2>
				<p>Postat la <time datetime="2009-09-04T16:31:24+02:00">25 Ianuarie 2014</time> by <a href="#">Autor</a> - <a href="#comments">6 comentarii</a></p>
			</header>
			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
		</article>

           </section> 
           <aside> 
                <h2>Sidebar</h2> 
                <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> 
         </aside> 
         <footer> 
           <p>Copyright 2009 Your name</p> 
         </footer> 
     </body> 
</html>

Care este cel mai rapid browser in 2011

Folosesc Firefox-ul in mod constant  de mai bine de 4 ani. Toate celelalte browsere le foloseam doar pentru compatability testing… asta pana acum cateva zile cand am deschis intamplator Opera (11.52).  Pot spune sincer ca m-a lasat masca din mai multe puncte de vedere:

  1. In primul rand  VITEZA cu care s-a deschis (de la click pe iconita cu opera si pana la incarcarea in memorie a browserului)
  2. In al doilea rand viteza cu care deschide paginile web + modulul Opera Turbo (WOW!!)
  3. Am fost foarte placut impresionat sa vad si Opera detine acum, nativ, Developer Tools. (echivalentul Firebug-ului sau Dev.Tools-ului din Chrome sau Safari). In plus, din punctul de vedere al unui CSS-ist Dev. Tools-ul Operei pare mult mai handy decat Firebug-ul.
  4. Am gasit o gramada de plugin-uri pentru el.
  5. Consuma mai putine resurse decat celelalte browsere (nu zic ca as duce lipsa de resurse, dar sunt incantat sa vad un program performant ce are consum redus de resurse) Continuarea

Text cu gradient pe el – CSS

Aceasta solutie este  disponibila doar pentru WebKit (Google Chrome si Safari), dar este cea mai usoara si curata metoda de a obtine un text cu gradient pe el. Sper ca viitoarele versiuni de Firefox sa stie de aceasta proprietate de CSS3.

h1 {
font-size: 72px;
background: -webkit-gradient(linear, left top, left bottom,
             from(#eee), to(#333));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

@font-face -> Custom fonts pe site-ul tau

In primul rand, pentru a folosi un custom font pe site-ul dvs, trebuie sa il convertiti pentru a putea fi interpretat de toate browserele importante (FF, Chrome, Safari, IE). Pentru a face asta, in primul rand trebuie sa aveti fisierul cu fontul respectiv (.ttf/.otf) si apoi intrati pe Font Squirrel si convertiti-l. Presupun ca nu trebuie sa explic cum folosesti site-ul respectiv. (pentru cei ce nu se descurca, exista un buton destul de mare si de vizibil pe care scrie Add Fonts). Mai departe va scriu snippet-ul CSS si pentru HTML.

CSS

@font-face {         font-family:'MyFontFamily';
            src: url('myfont-webfont.eot?') format('eot'),
                 url('myfont-webfont.woff') format('woff'),
                 url('myfont-webfont.ttf')  format('truetype'),
                 url('myfont-webfont.svg#svgFontName') format('svg');
 }

HTML

body {        font-family:'MyFontFamily',Fallback, sans-serif;}