Generator tabel HTML

Tabele na stronach internetowych pozwalają na wyświetlanie danych w bardzo przejrzysty i usystematyzowany sposób.

Samodzielne budowanie tabel w kodzie HTML jest jednak dosyć żmudne i nie wygląda tak czytelnie jak efekt końcowy.

Na szczęście możemy przyśpieszyć swoją pracę za pomocą darmowego kreatora tabele online, który znajdziemy pod adresem:

http://www.tablesgenerator.com/

Narzędzia generatora poza dowolnymi operacjami na tabelach, dostarcza także gotowe tematy graficzne. Po wygenerowaniu tabeli otrzymujemy kod HTML wraz z CSS, który od razu możemy zastosować na naszej stronie www.

Strona http://www.tablesgenerator.com/ umożliwia także generowanie kodu LaTeX, tabel tekstowych oraz "markdown tables", które ja sam nazywam tabelami terminalowymi.

Konwertowanie plików czsionki

Obecne na rynku przeglądarki internetowe wykorzystują różne rodzaje czcionek wyświetlanych na stronie, które dla zwykłych śmiertelników różnią się jedynie rozszerzeniem po nazwie.
Niestety, często dysponujemy pojedynczym plikiem czcionki, który będzie obsługiwany jedynie przez część przeglądarek.

Na pomoc przychodzi nam w 100% darmowa strona internetowa:

http://onlinefontconverter.com/

Powyższa witryna umożliwia konwertowanie Z oraz DO formatów: 

.pdf .dfont .eot .otf .pfb .tfm .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc & .woff

Dobór kolorystyki strony

Dobór kolorystyki strony... Co zrobić, gdy brak nam weny w tej materii? Sam już drugi dzień ślęczę nad dobraniem 5 koloru do palety strony... W końcu postanowiłem sprawdzić co oferuje sieć - od razu trafiłem na ciekawe narzędzie.

Colors on the web oferuje szereg narzędzi przydatnych w doborze barw strony, wszystkie dostępne bez logowania pod adresem:

http://www.colorsontheweb.com/

kochamy zaokrąglać

Na nowoczesnej stronie internetowej nie może zabraknąć kilku radiusów - zaokrąglonych narożników różnych elementów, czy to boksa wiadomości, czy wysuwanego widget'u facebooka.
Każda przeglądarka na swój sposób zaimplementowała obsługę tego rodzaju atrybutów, a pisanie kodu jak zwykle można sobie ułatwić.

Pod adresem: http://border-radius.com/ mamy genialne w swej prostocie narzędzie do generowania atrybutu zaokrąglenia narożników.

facebookinij, tweetnij...

Nie wiem kiedy ta bańska pęknie, ale obecnie niemal każdy zleceniodawca chce mieć stronę powiązaną z facebbokiem lub tweeterem - zależnie od geolokalizacji odbiorców.
Aby nie kisić się ciągle w facebook'owym API zachęcamy do używania widgetu AddThis.

Narzędzie to pozwala szybko skonfigurować "udostępnianie" i "lubienie" naszych treści na wielu popularnych portalach społecznościowych.

Cenię sobie także generator paska powitalnego, którego pojawienie się jest zależne od źródła odwiedzin oraz bibliotekę mobilną.

Podstawowe generatory i całą dokumentację odnajdziecie na http://www.addthis.com/

map area html

Dosyć trudno jest tworzyć element map/area przy użyciu GIMPa i notatnika. Kto teraz westchnął wie o czym mówię - lepiej posłużyć się narzędziem specjalistycznym jakim jest IMGMAP online.
To węgierski projekt [strona dostępna także po angielsku], w którym online możemy stworzyć nasze przypisania regionów. Niestety uzyskany kod html należy jeszcze przerobić, aby działał we wszystkich popularniejszych przeglądarkach, niemniej pozycje area mamy już z głowy.

http://www.maschek.hu/imagemap/imgmap

slidewshow javascript

Aby uniknąć wykorzystywania flash-a do tworzenia pokazów slajdów, możemy posłużyć się biblioteką javascript o nazwie SlidesJS.
Na stronie twórców można odnaleźć wiele przykładów zastosowania, a dzięki udostępnieniu źródła, samodzielnie edytować opcje generacji.

http://slidesjs.com/

automatyczna analiza technologii strony

Dzięki narzędziu Wappalyzer w prosty sposób możemy zorientować się jakie technologie wykorzystuje strona internetowa, którą właśnie odwiedzamy.

Program dostępny w formie wtyczek do przeglądarek firefox i chrome [ie, safari i opera w wersji beta] pozwoli Ci uniknąć ślęczenia nad źródłem strony.

http://wappalyzer.com/

Strony do których linkuje wtyczka pokazują statystyki zastosowań danej technologii, a początkującym programistom łatwo pozwala zapoznać się z "konkurencyjnymi" rozwiązaniami.