Szybki szpil #3 - Wyśrodkowanie w pionie

Dzisiaj, w ramach krótkich sztuczek z CSS, zaprezentuję wyśrodkowanie tekstu w pionie.

Wyśrodkowanie w pionie może się przydać przy tworzeniu menu bądź przy wyśrodkowywaniu tekstu w footerze. Aby wyśrodkować tekst bądź inny element należy nadać wysokość elementu w którym znajduje się tekst i ustawić line-height na taką samą wysokość:

Kod HTML

<div class="footer>Tekst wyśrodkowany</div>

Kod CSS

.footer {
height:200px;
line-height:200px; }

W ten oto prosty sposób wyśrodkowaliśmy tekst

Theme do Wordpressa na 960 grid systemie

Na stronie wpcrunchy.com można znaleźć darmowy theme do wordpressa oparty na systemie 960 Grid, o którym wspominałem we wcześniejszym wpisie. Theme ten nadaje się do zastosowań typowo newsowych, można stworzyć swój własny internetowy magazyn.

Jak podaje autor, themes ten ma następujące własności:

• Elegancki design i typografia (Chyba trochę przesadził)
  
• Optymalizacja pod SEO ( breadcrumb )
• Widgety w footerze
  
• Oparty na 960 Grid System
• Built in theme option to customize the theme
• Działa we wszystkich przeglądarkach
  
• Automatyczne zmniejszanie zdjęć
  
• Obsługa Gravatara
  
• Paginacja
• Social Bookmarking

15 tutoriali jak stworzyć własny layout

Prezentuję listę 15 tutoriali o tym jak stworzyć swój własny layout, nie polecam jednak go początkującym, gdyż uważam, że każdy powinien dość do tych rzeczy sam, ludzie, którzy się na tym znają mogą zaobserwować kilka ciekawych efektów, które mogą wykorzystać sami w swoich projektach.


How to Create a Unique Colorful Site Layout

Dodajemy Flakera na Bloggera

Flaker czyli popularny w Polsce mikroblog i coś ponadto, dzięki niemu można znacznie zwiększyć odwiedziny naszego bloga. Jednocześnie zachęcam do obserwowania mnie. Dzisiaj opiszę jak dodać wklejkę z naszą aktywnością z Flakera na blog.

Na stronie Flakera, klikamy na samym dole strony na wklejki i pobieramy swój, wczesniej zmodyfikowany, kod:

Szybki szpil #2

Dzisiaj na temat orientacji i kolejności przy marginesach, obramowaniach itp.

Nie każdemu przychodzi łatwo zapamiętać kolejność przy marginesach np.:

margin:10px 5px 8px 5px;

35 przydatnych narzędzi dla webmastera

Lista 35 narzędzi dla webmastera, dzięki którym projektowanie stron i ich wdrażanie stanie się łatwiejsze. Nie liczcie na darmowe generatory do wszystkiego tylko na poważne i profesjonalne narzędzia stosowane przez projektantów na całym świecie.

Pluginy i programy.
Przydatne pluginy do Firefoxa, które ułatwią nam podglądanie kodu oraz dwa edytory z którymi edycja sama przyjemność (:

1. Firebug - najważniejszy plugin dla każdego webdevelopera, jeśli nie używałeś, natychmiast zainstaluj!
   

Tapetka do sciągnięcia

Pierwsza tapeta na pulpit do ściągnięcia, powstała w wyniku przygotowywania tutorialu o podobnym rezultacie:




Niedługo zamieszczę tutorial o tym jak stworzyć własną kosmiczną kompozycję.

Helvetica - font nad fontami?

Helvetica powstała w 1957 roku i do dziś jest jedną z najpopularniejszych krojów pisma na świecie. Swą popularność zawdzięcza swojej czytelności i literze a (:

Jak podaje portal typografia.info : "Typografia nie jest zabawą dla grzecznych dzieci."tak więc i Helvetica doczekała się swojego  niemalże bliźniaczego konkurenta, zachęcam do przeczytania artykułu ma temat Ariala . A tak naprawdę  piszę dlatego że znalazłem fajny quiz na temat Helvetici. Czy potraficie rozróżnić ją od Ariala? Jeśli nie to po co przepłacać?

Szybki szpil #1

Seria krótkich artykułów o CSS, dzięki którym poznacie lepiej ten język oraz nauczycie się kilku przydatnych sztuczek. Pierwsza dotyczyć będzie obramowania na linkach.


Efekt którego chcemy się pozbyć, psuje efekt który chcemy uzyskać poprzez tworzenie menu z obrazów:

Dawka Creatyny #1

Dzisiaj pierwsza dawka inspiracji, czyli zbiór zdjęć i grafik, które mogą nas zainspirować do stworzenia czegoś nowego. Myśl przewodnia dzisiejszego wydania to twarze.

Najlepsze fonty z polskimi znakami cz.1

Zbiór kilku profesjonalnych i darmowych fontów z polskimi znakami, które powinien posiadać każdy designer. Idealne zarówno do web designu jak i do stworzenia logo. Inne czcionki z polskimi znakami.



Museo

Jak usunąć pasek nawigacji z Blogspota?

Gdy uruchamiamy blog na Bloggerze i denerwuje nas pasek nawigacji, możemy go łatwo usunąć.





Należy po prostu dodać klasę w naszym kodzie CSS

Zażywajcie Creatyny

Nowy blog w blogosferze o webdesignie, nowinkach. Z założenia pojawiać się będą ciekawe inspiracje, tutoriale, porady dla bloggerów i dużo więcej!