Miesięczne archiwum: Październik 2010

Perfekcyjna cera w Photoshopa – video tutorial

Ostatnio wpadłem na pomysł umieszczenia video tutoriali. Postanowiłem sprawdzić jak akcja się przyjmie. Wiem że można tego pełno znaleźć w necie na YouTubie, jednak mam pomysł aby to wszystko ułożyć w kategorię w menu. Chciałbym wyszukiwać głównie polskich tutoriali nie tylko z wiązanych z grafika, ale też z programowaniem. Zobaczymy co z tego wyjdzie. Dziś tutorial z Photoshopa jak mieć perfekcyjna cerę :)

jQuery-Notes – dodawanie notatek w jQuery i PHP5

jquery-notes

Skrypt do dodawania notatek do zdjęć. Notatki dodaje się przez umieszczenie ramki na zdjęcie. Ramkę możemy powiększać , aby lepiej zaznaczyć obszar który zamierzamy komentować. Następnie możemy wpisać tytuł notatki, treść i link. Ostatnim krokiem jest zapisanie notatki lub anulowanie. Skrypt jest napisany w php5 i jQuery, umożliwia w kodzie, modyfikacja  wielu ustawień. Skrypt nie wymaga bazy danych, notatki są zapisywane na dysku w formacie JSON.

jquery-notes

Wymagania: jQuery, PHP5
Demo: http://jquery-notes.rydygel.de/samples.php
Licencja: CC

SVG Edit – edytor grafiki SVG w przeglądarce

svg-edit

SVG (Scalable Vector Graphics)  jest  formatem zapisu dwuwymiarowej grafiki wektorowej. Powstał on z myślą o zastosowaniu go na stronach WWW. Dzięki SVG możemy zapisywać grafikę w formie kodu podobnego do XML. Jednak pisać grafikę kodem jest trudno. łatwiej jest ją narysować. Z pomocą przychodzi nam  SVG Edit. To aplikacja online dostępna przez przeglądarkę. Działa prawie tak samo jak program Paint w Windowsach, z tą różnicą że w SVG Edit jest łatwiejszy w obsłudze :)

svg-edit

Strona Projektu: http://code.google.com/p/svg-edit/
Link: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html

Jak zrobić gradient w IE – dwa generatory

css3-Generator-2

Gradient zawsze sprawia kłopoty w przeglądarce Internet Explorer. IE nie obsługuje go z wykorzystaniem stylów CSS. Aby uzyskać gradient w IE możemy to zrobić na dwa sposoby. Pierwszy trudniejszy, polega na użyciu filtrów dostępnych tylko w IE. Drugi łatwiejszy sposób to użyć wcześniej przygotowanego tła. Bez względu na to jakiego sposobu użyjemy, możemy skorzystać z dwóch generatorów, które pomagają nam wygenerować gradient dla IE, właśnie z wykorzystaniem tych metod, omawianych wyżej.

css3-Generator

css3-Generator-2

Ultimate CSS Gradient Generator (filtry IE)
Link: http://www.colorzilla.com/gradient-editor/

CSS gradient generator
Link: http://www.display-inline.fr/projects/css-gradient/

jQueryRotate – obracanie zdjęć z wykorzystaniem jQuery (działa na IE)

jqueryrotate2

Jeżeli chcemy obrócić zdjęcia tak, aby efekt był widoczny we wszystkich przeglądarkach, ten skrypt będzie odpowiedni. Nie używa on stylów css3, które nie są obsługiwane przez IE ale korzysta biblioteki Canvas. Skrypt niestety może być użyty tylko do znaczników IMG. Próbowałem obróci znacznik DIV z tekstem. Niestety bezskutecznie.

jquery rotate

jqueryrotate2

Framework: jQuery
Demo: http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html
Download: http://code.google.com/p/jqueryrotate/downloads/list
Licencja: MIT

Freetemplatesonline.com – dużo darmowych szablonów

free templates online szablony skórki theme

Freetemplatesonline.com to strona na której możemy zakupić profesjonalne szablony. Jednak oprócz tych płatnych, serwis udostępnia dużą ilość darmowych szablonów. Szablony są podzielone na wiele kategorii tematycznych miedzy innymi: biznes, media, sport, nieruchomości, rodzina, moda hosting, komputery i wiele innych. Stronki są zaprojektowane w HTML ale jest kilka dostępnych na system CMS Joomla i WordPress.

free templates online szablony skórki theme

Link: http://www.freetemplatesonline.com/