dobre strony internetu – webdesign blog
W sieci dostępna jest masa słabej jakości ikon. 99% to grafika z zeszłej epoki. Dzisiaj coś specjalnie od serwisu deviantArt. 40 zestawów z prawdziwego zdarzenia – świetne źródło inspiracji. Przydatne dla każdego webmastera:
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
A tutaj link do oryginalnego źródła: http://www.noupe.com/…
- Brak komentarzy
- Tags: icon, ikony
Projekt portfolio dla najlepszej polskiej fryzjerki
26 maj 2008 Autor: Calineczka w Projekty własne
Projekt internetowego portfolio dla najbardziej utalentowanej polskiej fryzjerki. Całość wyszła odrobinę inaczej niż powyższy projekt, jednak strona zachowała swój klimat. Witryna bez CMSa w jednej wersji językowej + animowane intro Flash. Doskonałe materiały zdjęciowe, prosto z sesji fotograficznej w Chicago!
- Brak komentarzy
- Tags: grafika, projekt, strony www
Typografia czyni cuda.
23 maj 2008 Autor: Calineczka w Warto zobaczyć
Kilkadziesiąt przykładów na to, że dobrze użyte liternictwo może być źródłem na oryginalny projekt. Pokaźny zbiór artykułów na ten temat pomoże początkującym uniknąć ostrych słów krytyki 
. Więcej na ten temat? Wystarczy użyć google.
- Brak komentarzy
- Tags: liternictwo, typo, typografia
Maj – pracowity miesiąc
21 maj 2008 Autor: Calineczka w Projekty własne
W maju nie można narzekać na bark pracy – 14 projektów w toku. Skreślam jeden, dochodzą dwa następne. Tematyka przeróżna – tutaj prezentuje prawie (a wiadomo że prawie robi dużą różnicę) zaakceptowany projekt dla przedsiębiorstwa zajmującego się produkcją uszczelek. Strona biznesowa, CMS, kilka wersji językowych, panel logowania dla klientów.
- Brak komentarzy
- Tags: grafika, layout, projekt www
jQuery – prosty framework w JavaScript.
19 maj 2008 Autor: Calineczka w Programowanie
Czasami przygotowując template witryny zachodzi potrzeba zastosowania pewnego rodzaju usprawnień. Tutaj jakaś dynamicznie rozwijająca się się warstwa, tam animowane drzewko linków czy też wyskakujące chmurki.
Szukanie za każdym razem w sieci odpowiednich skryptów i ich modyfikacja do własnych potrzeb zajmuje sporo czasu i nie zawsze przynosi odpowiednie rezultaty.
Jednym z popularniejszych frameworków jest biblioteka jQuery. Aplikaja jest promowana hasłem „write less, do more”. I faktycznie można przyznać jej rację. Sama biblioteka to jedynie 20Kb, a sporządzenie odpowiednich skryptów jest dość łatwe i zajmuje zazwyczaj kilka linijek kodu:
<head>
<script type=”text/javascript” src=”jQuery.js”></script> //biblioteka jQuery
<script type=”text/javascript”>
(document).ready(function(){
$(„.menu2 a”).append(„<em></em>”);
$(„.menu2 a”).hover(function() {
$(this).find(„em”).animate({opacity: „show”, top: „-75″}, „slow”);
var hoverText = $(this).attr(„title”);
$(this).find(„em”).text(hoverText);
}, function() {
$(this).find(„em”).animate({opacity: „hide”, top: „-85″}, „fast”);
});
});
</script> //skrypt obsługujący
</head>
W efekcie zastosowania całego skryptu otrzymamy ciekawy efekt:
Nie będę tutaj tłumaczył „żywcem” oryginalnego artykułu. Oto przydatne w tym temacie linki:
- www.jquery.com – strona domowa bibliotego jQuery,
- www.webdesignerwall.com/… – świetny tutorial w języku angielskim,
- strona z przykładami,
- www.jquery.com.pl – polskia witryna o jQuery.
- Brak komentarzy
- Tags: framework, java script, jQuery
- Wpisy (RSS)
- Komentarze (RSS)
O czym ten blog?
Głównie o projektowaniu stron internetowych. Począwszy od prac graficznych (Photoshop, Corel etc.), poprzez przygotwanie szablonów (html, css) a skończywszy na programowaniu, systemie CMS i wreszcie działającym serwisie www.
Poza tym adresy do ciekawych witryn, grafik czy też nowych rozwiązań. Zapraszam do przeglądania!
Jeszcze na warsztacie
Internetowa galeria prac dla znanego polskiego malarza Tomasza Sętowskiego.
Oczywiście z elementami animowanymi - full CMS.