Świeże zasoby dla projektantów stron internetowych i programistów (listopad 2012)

Istnieje wiele nowych świetnych narzędzi i zasobów, które dają projektantom stron internetowych i programistom dodatkową dźwignię dla ich pracy. W tym miesiącu mamy kilka świetnych darmowe narzędzia i zasoby warto spróbować, zaczynając od wtyczki, aby stworzyć fajne efekty fotograficzne do wtyczki do przesuwania zawartości i obrazu z naprawdę fajnym przejściem.

Sprawdźmy je.

Sprawdź wszystkie nasze nowe zasoby (według miesiąca):

Proto

Elastyczne projektowanie stron internetowych staje się obecnie standardową praktyką w tworzeniu strony internetowej. To sprawia to narzędzie naprawdę pomocne, aby wykonać zadanie. Proto jest zbudowany na SCSS do szybkiego prototypowania szybkiego układu, dostarczając predefiniowane klasy CSS gotowe do użycia, definiując responsywną siatkę i niektóre klasy specyficzne dla urządzenia.

Grid Displayer

Jeśli pracujesz z frameworkami Responsive Design, takimi jak Bootstrap lub Foundation, prawdopodobnie potrzebujesz tego bookmarkletu, aby śledzić siatkę w przeglądarce. To narzędzie pokaże siatkę nakładki na oglądanej stronie. Jest to dość przydatne, wystarczy przeciągnąć i upuścić go na pasku zakładek. Po prostu kliknij bookmarklet za każdym razem, gdy potrzebujesz siatki do pokazania.

BootMetro

Windows 8 stosuje prostotę języka projektowania Metro. Jeśli chcesz wykorzystać ten styl na swojej stronie, BootMetro jest prawdopodobnie tym, czego potrzebujesz.

Podkreślenia

W Internecie dostępnych jest wiele motywów startowych WordPress, ale żadna inna nie jest tak dobra jak podkreślenia. Dzięki niemu możesz określić i spersonalizować nazwę motywu, opis, autora, a zwłaszcza motyw Slug, który ma zastosowanie do funkcji motywu po pobraniu pakietu, więc otrzymasz coś takiego theme_slug_function.

Jarallax

Jak efekt paralaksy, który widzisz na stronach takich jak ta? Jeśli chcesz zastosować podobny efekt do swojej strony internetowej, możesz użyć Jarallax, biblioteki animacji JavaScript, aby stworzyć efekt Paralaksy (prawie natychmiast).

Wietrzny

Czy jesteś znudzony efektami przesuwnymi galerii, które poruszają się tylko poziomo? Następnie sprawdź Windy, która wykorzystuje transformację 3D do uruchomienia zawartości w naprawdę wyjątkowy sposób. Zobacz demo tutaj.

TiltShift

Krótko mówiąc, tiltShift w fotografii to technika, dzięki której zdjęcie wygląda na mniejsze, prawie jak miniaturowe, niż jest w rzeczywistości. Sprawdź naszą kolekcję takich zdjęć w tym poście: “Tilt-Shift Photography”. Jeśli chcesz zastosować taki efekt w swojej galerii zdjęć, możesz po prostu użyć tej biblioteki JavaScript, TiltShift.js.

Sekwencja

Sequence.js to responsywna wtyczka suwaka jQuery z zaawansowanymi efektami przejścia. W przeciwieństwie do drugiego suwaka, Sekwencja nie ma własnego wbudowanego motywu. Dzięki temu możemy całkowicie dostosować wygląd i styl do naszej strony.

Delta

jQuery UI to kompletny zestaw zwykłego interfejsu użytkownika i interakcji, który jest łatwy w użyciu. Jednak domyślny motyw jest nudny. Tak więc, jeśli chcesz mieć inny wygląd interfejsu użytkownika jQuery, ale nie chcesz zabrudzić swoich rąk CSS, możesz po prostu zastąpić domyślne style CSS za pomocą Delta, gładkiego motywu dla interfejsu użytkownika jQuery.