Archiwa kategorii: Web 2.0

CSS Compressor – aplikacja webowa do kompresji CSS

CSS Compressor

Program do kompresji CSS. Układa on kod w taki sposób, aby zajmował jak najmniej miejsca. Mamy możliwość ustawienia kilku poziomów kompresji kodu. Aplikacja wycina zbędne spacje, usuwa akapity, skraca oznaczenia kolorów, zmienia na małe litery, usuwa komentarze itp. Aplikacja umożliwia również układanie stylów alfabetycznie.  Po zakończeniu możemy sprawdzić w konsoli co zostało zmienione, oraz w jakim stopniu zmniejszyła się objętość pliku w porównaniu z oryginałem. Należy pamiętać, aby przed zabawą w kompresje kodu zrobić kopie zapasową. Kompresowanie kodu pozwala na szybsze i płynniejsze wczytywanie strony.

Link: http://www.csscompressor.com/

Patternizer–biblioteka js i edytor do tworzenia tła do stron WWW

patternizer.jpg

Na stronie Patternizer.com można znaleźć bibliotekę JavaScript, która umożliwia tworzenie tła metodą canvas. Tła są dość specyficzne ponieważ polegają na łączeniu pasków różnych kolorów, grubości, przeźroczystości itp. Możemy tworzyć najrozmaitsze kraciaste wzory, a wiele przykładów znajduje się na stronie. Bardzo ciekawą sprawą jest edytor, który pozwala tworzyć wzory a następnie skopiować kod i wkleić go do naszego skryptu.

 Skrypt: https://github.com/matthewlein/patternizer.js
Aplikacja: http://patternizer.com/
Licencja: MIT

.htaccessEditor – Edytor plików .htaccess

htaccesseditor_thumb.jpg

Pliki .htaccess służą do ustawiania różnych opcji związanych z konfiguracją serwera www. Za pomocą tych ustawień możemy blokować dostęp do niektórych katalogów, sprawić aby niektóre były dostępne na hasło, przekierowywać strony lub intepretować adresy URL tworząc tak zwane “przyjazne linki” a mówiąc bardziej fachowo korzystać z dobrodziejstw “mod_rewrite”. Pliki .htaccess są dziś wykorzystywane w różnych CMSach takich jak Joomla czy WordPress. Przy pisaniu takich plików konfiguracyjnych można wspomóc się edytorem. Pozwala on na ustawienie dostępności strony, autoryzację, przekierowania itp. Utworzony w okienku kod można skopiować i wkleić do pliku w projekcie.

Link: http://www.htaccesseditor.com/en.shtml

PHPFormatter – aplikacja webowa do porządkowania kodu PHP

phpformstter_thumb.jpg

Dla tych którzy programują w PHP i nie chce im się porządkować kodu, który przed chwilą napisali w pocie czoła, proponuję stronę beta.phpformatter.com. Wklejając kod PHP w jednej chwili możemy uzyskać pięknie sformatowany kod. Aplikacja webowa oferuje wiele opcji formatowania kodu. Miejmy nadzieję, że kod który wklejamy jest bezpieczny i nie jest nigdzie dalej składowany.

 

Link: http://beta.phpformatter.com/

Mindmaps – aplikacja webowa do tworzenia mapy myśli

mindmaps_thumb.jpg

Przy pomocy aplikacji webowej Mindmaps, możemy w prosty sposób  zwizualizować i udokumentować własne pomysły, które później łatwiej sobie przypomnieć. Aplikacja umożliwia tworzenie nieograniczonej hierarchii wpisów, gdzie wszystkie mogą być ze sobą powiązane. Interfejs mindmaps pozwala na kopiowanie, wycinanie, cofanie, zmianę kolorów linii i wielkości czcionki oraz zapisywanie pracy w Cachu przeglądarki lub zapisywania dokumentu w formacie JSON.

Link: http://drichard.org/mindmaps/

Screenfly – sprawdź jak będzie wyglądała strona na rożnych urządzeniach

screenfly

Screenfly to internetowa aplikacja, która pozwala sprawdzić jak wyglądają strony na rożnych uradzeniach. Aplikacja działa bardzo prosto, wystraszy wpisać adres internetowy strony. W lewym menu możemy zmieniać urządzenia oraz rozdzielczość. Z urządzeń do dyspozycji mamy monitor komputera, tablet, telefon komórkowy oraz telewizor. Każde z tych urządzeń dysponuje różnymi rozdzielczościami, właściwymi dla danych modeli.

Link: http://quirktools.com/screenfly/

fontsquirrel.com – wyświetlaj dowolną czcionkę na stronie

fontsquirrel

Standardowe czcionki w stylach CSS przestają być wystarczające. Z pomocą przychodzą nowe technologie CSS3 a dokładnie @Font-Face. Na stronie fontsquirrel.com można pobrać najróżniejsze czcionki i wyświetlić je na stronie WWW tak, aby były widoczne na każdej przeglądarce. Należy pamiętać że czcionki nie wyświetlają polskich znaków. Nie należy się jednak martwić, bowiem na stronie dostępny jest generator. Wybierając czcionkę, która obsługuje „ogonki” i ustawiając odpowiednie parametry, można wygenerować poprawne czcionki. Spakowany plik, który ściągniemy zawierać będzie czcionki w rożnych formatach wraz z przykładem w pliku HTML.

Link: http://www.fontsquirrel.com/