Debugbar 5.0 beta

Pojawiła się nowa wersja pluginu debugbar, można ją pobrać tutaj. Nowością jest znacznie ulepszona zakładka DOM. Po wybraniu elementu można zobaczyć jakie style zostały zaaplikowane do tego elementu. Dostępna jest również funkcja przeglądania przeliczonych styli (computed styles). Dzięki czemu możemy zobaczyć dokładnie jakie style zostały przypisane do naszego elementu.

Dojo 1.0

Dzisiaj na blogu sitePen pojawiła się informacja o nowej (1.0) wersji DOJO, jeśli jeszcze nie słyszeliście o tej bibliotece to warto bliżej przyjrzeć się jej możliwościom. Oto lista nowych funkcji:

• Usprawnienia dostępności (nawigacja klawiaturą, wsparcie dla niedowidzących)
• Grid o wysokiej wydajności (100 000+ rzędów danych)
  
• Wykresy 2 i 3 wymiarowe
  
• Pełna biblioteka łatwych do użycia i atrakcyjnych kontrolek.
  
• Pełna lokalizacja oraz internacjonalizacja w 13 językach (w tym Polski)
• Templatki oparte na CSS
  
• Dojo Offline oparte na Google Gears, dzięki któremu możemy tworzyć aplikacje offline.
  
• Rysowanie wektorowe 2 i 3 wymiarowe
  
• System rozszerzeń
  

Flock 1.0

3 listopada pojawiła się nowa wersja (1.0) przeglądarki Flock. Jak mówią autorzy jest to przeglądarka społecznościowa, ale co konkretnie to znaczy ? Otóż przeglądarka ma wbudowane wsparcie do wielu popularnych serwisów społecznościowych takich jak np Facebook, Twitter, YouTube. Blogów (Blogger, Blogsome, LiveJournal ....). Serwisów do przechowywania zakładek (del.icio.us, Magnolia), a również stron takich jak Photobucket czy Piczo, które oferują nam możliwość przechowywania zdjęć. Przeglądarka posiada wiele ciekawych funkcji jak np Edytor blogów, czy tzw Web Clipboard (sieciowy schowek) gdzie możemy przechowywać obrazki znalezione na sieci, jak również ciekawe linki czy tekst. W edytorze blogów mamy później łatwy dostęp do schowka dzięki czemu łatwo możemy nasze materiały wykorzystać w blogu.
Flock posiada również interfejs do uploadowania zdjęć do serwisów typu Photobucket, obsługujący metodę przeciągnij i upuść co znacznie upraszcza wybór zdjęć, które chcemy umieścić na stronie.

Kolejnym dodatkiem jest Media Bar, który prezentuje się bardzo ładnie:



Możemy w nim łatwo przeglądać ostatnio dodane zdjęcia w Flickr lub najciekawsze filmiki z YouTube, jak również swoje własne zdjęcia.

Niestety jak można się domyślić przeglądarka nie obsługuje polskich serwisów społecznościowych, jednak w przyszłości mogą powstać dodatki, które umożliwią ich obsługe, dodatkowo ciekawą funkcją byłaby obsługa protokołu OpenSocial. Twórcy przeglądarki zawarli umowę z Yahoo, tak więc domyślną wyszukiwarką nie jest Google jak w Firefoxie, na którym całość jest oparta. Flock jest częściowo kompatybilny z dodatkami stworzonymi dla firefoxa, jednak nie istnieje lista, która mówiłaby który dodatek będzie działał. Pozostaje metoda prób i błędów.
Pomysł jest bardzo ciekawy, i jeśli nie zależy nam na obsłudze polskich serwisów warto zapoznać się z przeglądarką dostępną tutaj

Aptana 1.0

Po dwuletnim okresie alpha i beta testów pojawiła się wreszcie wersja 1.0 Aptany. Jest to open-sourcowe środowisko do tworzenia dynamicznych aplikacji webowych oparte na Eclipse. Nowości w tej wersji, oprócz zmiany nazwy (z Aptana IDE na Aptana Studio), to m.in:

• Podgląd CSS
  
• Formatowanie kodu HTML, CSS i Javascript
  
• "Przęciągnij i upuść" dla kodu
  

Dodatkowo, oprócz darmowej, za 99$ dostępna jest wersja PRO która posiada dodatkowe opcje:

• Edytor JSON
• Raportowanie (tworzenie statystyk projektu)
• Debugowanie w IE
• Tworzenie zdalnych projektów
• Wsparcie dla SFTP oraz FTPS

Oczywiście Aptana wspiera najnowsze stabilne wersje najpopularniejszych bibliotek javascript (Adobe Spry, Ext, jQuery, Mochikit, YUI, Mootools, Aflax, Dojo, Rico, Prototype, Scriptaculous). Z ciekawostek można wymienić wsparcie dla Adobe Air oraz podgląd stron w prostym emulatorze iPhone'a.

Aptana Studio można pobrać tutaj.

Nowe TinyMCE 3.0 Alpha

Wczoraj pojawiła się nowa wersja znanego edytora TinyMCE, jest w niej sporo zmian, a najważniejsze to:

• Zmniejszono rozmiar skryptów o 33% i ilość ładowanych zasobów o 75%.
• Nowy engine serializacji.
• Możliwość modyfikowania wyglądu okienek wyskakujących
• Ulepszono menu kontekstowe, może być teraz wielopoziomowe, pluginy mogą dodawać do menu nowe elementy.
  
• Poprawiono kompatybilność z safari
  
• Usunięto wszystkie ikony i zastąpiono je jednym plikiem (tzw CSS sprite).
  
• Zmniejszono wymaganą ilość plików językowych
  
• Domyślnie edytor nie używa tagów .

Pełną listę zmian można znależć tutaj, lub post na forum

A tak prezentuje się nowy skin o2k7

Debugbar czyli Firebug w IE ?

Dzisiaj (po 4 latach od momentu wydania pierwszej wersji ) odkryłem nowe narzędzie, które ułatwi zapewne nieco pracę z ukochanym przez wszystkich web developerów internet explorerem. Można go znaleźć tutaj.

Po zainstalowaniu należy nasz nowy nabytek włączyć poprzez menu Widok -> Paski narzędzi -> debugbar. Po czym ukaże nam się następujący widok:

Jak widać mamy dostęp do praktycznie wszystkich elementów strony, a co najlepsze, podobnie jak w firebugu, jesteśmy w stanie dowolnie w nie ingerować.

CSS

Obsługa styli css jest nieco problematyczna, gdyż nie możemy edytować reguł styli, które kontrolują wyświetlanie wybranego elementu, a tylko edytować reguły znajdujące się w pliku css, lub w kodzie html.

Poza tym nie możemy dodawać nowych atrybutów, a tylko edytować istniejące, nie ma również możliwości usunięcia zdefiniowanych na stronie atrybutów. To narzędzie nie zmieni to moich przyzwyczajeń (tworzenie strony w firefoxie, a później poprawa błędów wyświetlania IE), ale powinno znacznie ułatwić pracę.

JAVASCRIPT

Głównym atutem tego narzędzia jest konsola javascript, która pozwala nam wykonywać wprowadzony kod i na bieżąco obserwować wyniki jego działania. Pod tymwzględem Debugbar jest o wiele gorszy niż firebug, który posiada pełny debugger javascriptu. Dodatkowo po zmianie zakładki na "Script" widzimy listę wszystkich funkcji javascript, które są zdefiniowane na stronie. Te braki uzupełnia pokrewne narzędzie CompanionJS, które oferuje zintegrowany z IE debugger javascriptu.

Inne funkcje

Inne ciekawe funkcje debugbar to próbnik kolorów, możliwość robienia screenshotów, zarówno widocznego fragmentu, jak i całej strony. Zmiana rozmiarów okienka IE do wybranego rozmiaru. A także wbudowany walidator html'a, który jednak niestety nie działa zbyt dobrze.

Podsumowanie

Debugbar jest w sumie niezłym narzędziem, które jest bardzo przydatne w świecie zdominowanym przez IE, jednak w porównaniu do Firebuga wypada słabo. Dodatkową wadą jest to, że narzędzie jest bezpłatne tylko do użytku własnego, w przypadku zastosowania komercyjnego należy opłacić licencję (dla 1 osoby 59 €).