Struktura plików w projekcie

cogdogblog, CC BY 2.0

Gdy już mamy głębszą wizję naszego projektu - być może naszkicowaliśmy go na kartce papieru, albo przedstawiliśmy w formie modelu - czas zabrać się za pisanie kodu. Pierwszą rzeczą, która powinna nas interesować to struktura plików, chciałbym zaprezentować mój bootstrap na małe i średnie projekty.

FireBug - najlepszy przyjaciel web developera

Największym atutem Mozilla Firefox dla web developera jest FireBug, narzędzie na tyle duże, że jest rozszerzalne dzięki własnym dodatkom. Jeśli nie przeglądaliście jeszcze ich listy na stronie FireBug`a (aktualnie jest ich 58!) i Mozilla Dodatki to najwyższy czas. Poniżej opisuję tylko te, które po dłuższym używaniu przypadły mi do gustu.

WebODF - renderowanie dokumentów w JavaScript

WebODF to jeden z tych niezwykłych projektów jakie w tym roku mam przyjemność poznać. Zapewnienie wsparcia dla ODF po stronie klienta i to bez wysłużonej Javy, czy Flash które jest w kontrofensywie to kolejna mała rewolucja. WebODF pozwala nie tylko na wyświetlenie dokumentu, ale także na jego edycję (tekstu) i zoom co udowadnia nam demo. Warto też wspomnieć, że wśród wspieranych formatów OpenDocument są arkusze kalkulacyjne (ods), dokumenty tekstowe (odt) i prezentacje (odp). A to wszystko dzięki Canvas - nowemu elementowi HTML5.

Jak rozpocząć pracę z Git?

W pewnym momencie stanąłem przed potrzebą pracy z systemem kontroli wersji. Istnieją mniej i bardziej popularne technologie, które dzielą się na systemy scentralizowane i rozproszone. Do tych pierwszych należy m.in. CVS i Subversion. Do zdecentralizowanych np. Bazaar i Git. Wybór padł na ten ostatni.

5 użytecznych skryptozakładek

Skryptozakładki (inaczej bookmarklety, lub favelet`y) ostatnio straciły na popularności na rzecz bardziej kompleksowych dodatków do przeglądarek. Wciąż jednak są prostsze w tworzeniu i używaniu. Oto 5 skryptozakładek, które używam na co dzień.

Renderowanie PDF`ów w JavaScript

 W sieci zrobiło się głośno o projekcie Chris`a Jones i Andreas`a Gal. Ich pdf.js to nic innego jak biblioteka renderująca pliki PDF, rzecz jeszcze niedawno nie do wyobrażenia jest w toku pracy. Życzę im jak najlepiej, zagrożenie czai się jednak wśród niespójnych implementacji standardów (HTML Canvas, SVG) w przeglądarkach. Efekty pracy są obiecujące.

Źródło: Chris Jones, Andreas Gal

RegEx w przykładach

Regex, znane także jako RegExp, a tj. Regular Expressions, czyli Wyrażenia Regularne to powszechne narzędzie do przeszukiwania, edytowania i dzielenia łańcuchów. Dosyć skomplikowane, ale za to szybkie i elastyczne. W sieci jest przedstawionych wiele zastosowań i czasami spore ich zbiory. A oto mała próbka od mnie:

• BitTorrent Hash Info
  

  /(?:>|\s)([a-z0-9]{40})(?:<|\s)/i

• BitTorrent Tracker
  

  /\s*(http.*?\/announce(?:\..{1,3})?)\s*/gi

Najstarszy niewspólny przodek w jQuery

Tworząc dodatek Torrent Hash2Magnet dla Greasemonkey stanąłem przed potrzebom odnalezienie najstarszego niewspólnego przodka w przypadku wyparsowania kilku elementów z dokumentu.

Problem wygląda następująco. Jest dokument z rozbudowaną hierarchią i głęboko osadzonymi 2 elementami: #a3 i #b3

Czcionki Od Google

Jakiś czas temu przejrzałem Google Web Fonts pod kątem czcionek z polskimi znakami, oto ich lista:

1. 
   Cantarell
   Przykłady: 1 i 2.
   Pobierz kod, lub plik.

Box z Scrollbar`em w Script.aculo.us

Podczas tworzenia niewielkich serwisów internetowych jak portfolio, czy wizytówka firmowa spotykamy się ze specyficznymi problemami. Wśród nich znajdziemy przewijanie treści wewnątrz strony, nie raz niweczące stylistykę projektu.

Transformacja XSL w PHP w 3 krokach

Nawet przy małych stronach prywatnych nieocenioną rzeczą jest dobra separacja treści i kodu. W sieci można znaleźć wiele narzędzi takich jak Smarty, OPT, czy PHPTAL, lecz nie zawsze są najlepszą opcją, czy to przy małych jak czy większych projektach. W takich sytuacjach przyda nam się XSL.