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

Każdego miesiąca są dziesiątki darmowych rzeczy, które są dzielone przez bardzo hojnych ludzi w społeczności projektantów i twórców stron internetowych; jest prawie niemożliwe, aby nadążyć za tymi nowościami. Niemniej jednak nie powinieneś się martwić; w tym poście wybraliśmy 10 przydatnych „rzeczy”, od fragmentów kodu po narzędzia, frameworki do wtyczek ułatwić pracę i życie projektantom stron internetowych i programistom.

Sprawdźmy je.

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

• Październik 2012
• Listopad 2012 r
• Grudzień 2012

CSSS

CSSS co oznacza „oparty na CSS system pokazów slajdów” to framework stworzony przez Lea Verou (znany jako guru CSS). Zasadniczo struktura ta umożliwia tworzenie slajdów prezentacji ze standardami HTML i CSS. Ten pokaz slajdów obsługuje skróty klawiaturowe ←, →, ↓ i ↑ poruszać się po slajdach.

Jeśli robisz CSS i HTML, to ten framework jest (lepszym) zamiennikiem dla drogich programów, takich jak MS PowerPoint.

BonsaiJS

Bonsai to lekka biblioteka graficzna JavaScript z intuicyjnym interfejsem API. Możemy użyć tej biblioteki do rysowania prostych kształtów, takich jak prostokąt, trójkąt, okrąg lub grafika o dużej złożoności. Ta biblioteka może być również używana do dostarczania renderowania skalowalnej grafiki wektorowej (SVG) w nieobsługiwanych przeglądarkach jako rozwiązanie awaryjne.

Ponadto Bonsai zapewnia również kilka funkcji, w tym animację, zdarzenie i filtry, aby te grafiki działały bardziej interaktywnie.

Responsywny wzór

Responsive Patterns to zbiór wzorców, które można wykorzystać do zbudowania responsywnej strony internetowej. Ta kolekcja zawiera kilka przykładów responsywnego układu i nawigacji z kilkoma innymi responsywnymi wzorcami typowych komponentów internetowych, takich jak obrazy, wideo, tabele i formularze.

Zestaw narzędzi Effin

To prawdopodobnie wszystko, czego potrzebujesz, aby pomóc w rozwijaniu witryny. Effin Toolsets to zbiór kilkunastu przydatnych narzędzi dla programistów internetowych, zapakowanych w jednym miejscu.

Jednym z narzędzi w tej kolekcji, które osobiście uważam za niezwykle przydatne, jest Entifier, to narzędzie zmieni te znaki, < i >, do ich kodu HTML, aby fragment kodu był poprawnie renderowany wewnątrz

 etykietka.
 
 
Susy
 
Susy to responsywna siatka dla kompasu. Podobnie jak wszystkie inne dostępne struktury siatki, składa się z kilku predefiniowanych stylów, ale ponieważ jest zbudowany z Sass i Compass, ten framework jest znacznie bardziej konfigurowalny.
 
Susy pozwala dostosować numer kolumny, szerokość kolumny, rynnę i wypełnienie siatki, dzięki czemu jest to Twoja siatka pasująca do Twojej witryny. Susy wykona całą ciężką pracę: obliczenie. Jeśli jesteś super-maniakiem, który lubi pracować z Sass i Compass, to rozszerzenie jest zdecydowanie dla Ciebie.
 
 
Nieskończona nawigacja rozwijana
 
Menu rozwijane to wspólny element, który znaleźliśmy na stronie internetowej. Tworzenie nawigacji rozwijanej nie jest jednak tak proste, jak wygląda. Harry Roberts Cry Wizardry, na szczęście, podzielił się swoim “magiczny kod” stworzyć nieskończoną nawigację rozwijaną (co jest niesamowite).
 
 
Bourbon Neat
 
Neat to responsywny szkielet siatki, który ułatwia prowadzenie responsywnej strony internetowej. Jest zbudowany na Sassie i Bourbonie, zbiorze przydatnych miksów dla Sassa. Ten framework jest gemem Ruby, można go zainstalować za pomocą Terminalu lub wiersza poleceń za pomocą tego wiersza poleceń klejnot zainstalować schludnie.
 
 
Typikony
 
Ikony nie będą wystarczające. Typicony to zestaw ikon czcionek składających się z około 88 znaków. Możesz dodać te ikony @ font-face rządzić i stosować je na swojej stronie z pseudoelementami CSS lub osadzać je bezpośrednio za pomocą ich znaków HTML.
 
Używając webfont do dostarczania ikon, możesz mieć zalety polegające na tym, że nie musisz instalować ikonki CSS i dostosowywać położenia tła, aby wyświetlać ikony, ekran o wysokiej rozdzielczości gotowy i technicznie zmniejsza żądania HTTP i zużywa mniejszą przepustowość niż ikony bitmapy.
 
 
Annotator
 
Ta biblioteka pozwala dodawać komentarze, znaczniki i przeceny do treści internetowych, a wraz z AnnotateI możesz przechowywać swoje adnotacje za darmo.
 
 
Lotnisko
 
Kiedy jesteś na lotnisku, zobaczysz tablicę informacji o locie z całym tekstem. Dzięki tej wtyczce jQuery, Airport, jesteśmy w stanie stworzyć ten sam efekt tekstu filppingu.
 
 
Wniosek
 
To wszystko na ten miesiąc. Wypróbowałeś któreś z tych rzeczy? Który jest twoim ulubionym? Czy znalazłeś jakieś fajne rzeczy dla projektantów stron internetowych, których nie znaleźliśmy na tej liście?.
 
Możesz je udostępnić w polu komentarza poniżej, i chcielibyśmy również usłyszeć twoje myśli.