Nowa beta Firefoxa 4 (4.0b4) przyniosła bardzo fajną funkcję: grupowanie tabów, czyli otwartych stron w zakładkach. Teraz otwarte zakładki można w bardzo prosty i przyjemny sposób, za pomocą myszki, podzielić na grupy, a następnie przeglądać tylko wybraną grupę.
Zatem np. jeśli mamy takich zakładek otwartych 40, ale niektóre z nich dotyczą pracy, inne zabawy, a jeszcze inne czegoś innego, to możemy je podzielić na grupy. Wtedy przeglądając stronę która należy do grupy „praca” widzimy tylko inne zakładki z tej grupy. Pozostałe które są w innych grupach są ukryte.
Do wszystkiego służy mały przycisk po prawej stronie zakładek. Jego kliknięcie ukazuje jakie mamy grupy i z jakiś stron one się składają. Na pochwałę zasługuję wykonanie tego panelu zarządzania grupami. Wszystko można zrobić za pomocą myszki: aby stworzyć nową grupę wystarczy zaznaczyć obszar na tle, przenoszenie między grupami za pomocą przenieść i upuść. Miniaturki stron same dostosowują się do wielkości okien. Można też łatwo zmieniać ich kolejność. Czytaj dalej „Łatwe zarządzanie stronami w Firefoxie 4”
Nie ważne czy wyświetlamy dane z bazy prostym SELECTem, czy piszemy tabelę z ręki, to na stronie tabela wygląda mniej więcej tak (już za całym htmlem):
Zatem mamy bardzo przykładową tabelkę z jakimiś danymi. HTML jest prawidłowy i posiada wszystkoo co potrzeba, jeśli owiniemy to w tag body, nad nim dodamy tag head, a w nim title, a na koniec całość owiniemy w tag html. Czytaj dalej „Sortowanie tabel za pomocą jQuery”
Został wydany nowy Eclipse o nazwie kodowej Helios (poprzednie nazwy to Galieo, Ganymede, Europa i Callisto).
Dla tych którzy nie wiedzą Eclipse to open sourcowy IDE dla programistów. Dzięki wielu wtyczkom można w tym pisać w Javie (SE, ME, EE), C++, PHP i wielu innych językach. Kolorowanie składni, podpowiedzi, albo jak ja to nazywam „kliknij by przejść w definicję tej funkcji”, czy CTRL+SHIFT+G (znajdź wszystkie wywołania tej funkcji) to standard nie ważne czy edytujemy plik javy, php, js, html, css. Programując na Adroida czy w GWT, Eclipsa po prostu trzeba mieć. Czytaj dalej „Nowy Eclipse Helios”
Jeśli ktoś kiedyś będzie potrzebował zrobić w jakimś formularzu listę wyboru nazwy państwa (np. w formularzu kontaktowym), oto szybki kod w php’ie, który można z łatwością przenieść do innych języków (np. wszystko tworzyć w javascripcie po stronie przeglądarki):
function html_countrys($name) {
$r = '';
return $r;
}
No i kod jest baardzo prosty. Pętla for na tablicy i tyle.
Cała trudność to stworzenie tej tablicy, czyli listy państw ($country_list), które teraz są na świecie.
Źródłem była oczywiście wikipedia. Zamiany listy z wiki do takiej postaci tekstu jaki zrozumie php można było dokonać przy pomocy Excela (kopiuj, wklej, usuń) oraz Notepad++ (prosty regex lub ręczna zmiana formatu danych).
Aby potem już tego nie robić umieszczam ten kod tutaj 🙂
Ostatnio udało mi się zrobić kawałek fajnego Javascriptu. Gdy już wszystko działało w FF, Chrome, Safari, to trzeba było przetestować to w IE. Akurat nawinął się IE8, najnowszy i wydawałoby się że wszystko tam ma… ale gdzie tam! Przecież to IE, tam nigdy wszystkiego nie ma. Na szczęście IE8 mówi w którym miejscu Javascriptu go coś boli i tak doszedłem do tego, że coś jest nie tak z funkcją indexOf działającą na tablicach. Nawet Aptana (taki Eclipse dla PHP, JS itp.) o tym informuje w swojej pomocy:
Wyobraźcie sobie taką sytuację. Macie oto stworzoną stronę, tfu 10 stron albo i 100. Wszędzie tabele, przyciski, formularze. Ten co to wszystko stworzył nie zadbał o style, zostawił to wam. Chcemy zmienić style we wszystkich przyciskach… no ale przycisk z type=”input” to nie to samo co przycisk z type=”submit”…
Pierwsza metoda to przelecenie tych stu stron i dodanie pola class do wszystkich inputów:
Ale przeciez CSS pozwala na łatwe załatwienie sprawy:
input[type="text"] {
font:bold 10px/12px verdana,arial,serif;
padding:3px;
}
input[type="button"],input[type="submit"] {
/* co tam chcesz */
}
Znalazłem także w necie ciekawe podejście do starszych przeglądarek. Zostosowanie javascriptów pozwala osiągnąć ten sam efekt, czyli modyfikacje wszystkich stylów za pomocą jednego css’a.
