Artykuły dla tagu HTML

lis 11 2012
0

5 stron w sieci, które przydadzą się każdemu webmasterowi

Jednym z ważniejszych aspektów pracy w IT, jest możliwość swobodnego ponownego użycia wielu dostępnych komponentów, grafik, zasobów, a czasem nawet całych stron internetowych (oczywiście z poszanowaniem licencji). Pomyślcie tylko jak wyglądałby dziś blogosfera w sytuacji gdybyśmy nie mieli WordPressa? Na świecie byłoby kilkadziesiąt milionów blogów mniej (z pewnością byłoby też mniej spamu bo pozycjonerzy nie mieli by co stawiać na swoich zapleczach...;)).

W wielu obszarach informatyki (szczególnie tych dotyczących oprogramowania) dominuje przekonanie, że jeśli już ktoś coś zrobił i można z tego skorzystać, to po co wykładać ogromne środki finansowe na stworzenie czegoś nowego, co będzie musiało jeszcze zostać przetestowane, sprawdzone i z pewnością wiele razy poprawione. Sam niejednokrotnie korzystam z tej niepisanej reguły i np. podczas tworzenia stron, czy oprogramowania, wyszykuje w sieci gotowe grafiki, ikony, biblioteczki kodu, czy czasem po prostu inspiracje.

Jest w sieci kilka takich miejsc, do których szczególnie często zaglądam i dziś postanowiłem się nimi z Wami podzielić. Mam nadzieję, że każdy z Was znajdzie choć przynajmniej jedną nową witrynę dla siebie, w tym stosunkowo krótkim zestawieniu;)

lis 04 2012
0

Responsive Design - nowy trend w sieci

Dla wielu osób z poza branży, praca w IT wydaje się być czystą sielanką. Mnóstwo ciekawych projektów, znikome bezrobocie oraz wysokie zarobki. W praktyce nie jest tak kolorowo, a praca nie kończy się tuż po wyjściu z biura o 16. IT to wciąż jeden z najbardziej dynamicznie zmieniających się obszarów gospodarki, co wiąże się z nieustannymi zmianami w stosowanych w tej branży technologiach. Nowe urządzenia oraz kanały komunikacyjne wymuszają zmiany. W chwili obecnej stawia się przede wszystkim na szeroko rozumiany Cloud Computing oraz technologie mobilne. Nieodłącznym elementem obu tych zagadnień jest Internet. Jeśli mowa o Internecie, to nie można pominąć oczywiście stron WWW, które wciąż dla wielu internautów są najważniejszym elementem sieciowej układanki. I to właśnie tego segmentu najbardziej dotyka rozwój we wspomnianych obszarach.

Warto tu zwrócić uwagę szczególnie na aspekt mobilny. Nowe urządzenia, nowe rozdzielczości i przede wszystkim dotykowe ekrany wymuszają na programistach zmianę podejścia. Dziś już nie wystarczy zrobić strony z układem spasowanym na 960 pikseli. Nie można też znaleźć złotego środka, ponieważ zakres szerokości ekranów waha się od kilkuset pikseli do tysięcy pikseli, jakie można znaleźć w rozdzielczości Full HD i wyższych.

Pewnym rozwiązaniem tego problemu było projektowanie dedykowanych witryn dla urządzeń przenośnych. Jednak również i to podejście nie do końca się sprawdziło. Bardzo często algorytmy stron błędnie rozpoznawały urządzenia mobilne i uniemożliwiały poprawne wyświetlenie strony. Na szczęście od jakiegoś czasu coraz większą popularność zdobywa nowe rozwiązanie, które nie jest co prawda idealne, ale rzuca nowe światło na ten temat i pozwala w lepszy sposób dopasować się do popularnych wielkości ekranów. Brzmi interesująco? Jesteście ciekawi? Jeśli tak, to zapraszam do dalszej części wpisu:)

paź 21 2012
0

Recenzja Splątanej Sieci Michała Zalewskiego

Z pewnością większość programistów oraz webmasterów kojarzy cykl życia oprogramowania. W jednej z ogólniejszych form, składa się on z 6 postępujących za sobą faz:

  1. Analiza
  2. Projektowanie
  3. Programowanie
  4. Testowanie
  5. Wdrażanie
  6. Utrzymanie

Realizacja tego programu w praktyce wypada różnie, ponieważ wdrażanie projektów IT często wiąże się z ogólnym brakiem funduszy, zasobów oraz czasu. Z reguły osoby odpowiedzialne za projekty próbują znaleźć złoty środek, który w ich odczuciu polega na usunięciu zbędnej fazy (jest to błąd - żadne faza nie jest tutaj zbędna) jaką najczęściej dla nich jest testowanie. Skutki takiej decyzji z reguły są opłakane, ponieważ błędy w takim przypadku często znajdują sami klienci, a koszty ich poprawy szybko przerastają oszczędności, które wynikły z pominięcia fazy testowania.

Z testowaniem (a w dużej mierze także z samym programowaniem) wiąże się również bezpieczeństwo. Jeśli coś można powiedzieć o bezpieczeństwie, to tylko tyle, że jest ono jeszcze bardziej traktowane po macoszemu niż sama faza testowania, a jest ono niezwykle ważne, ponieważ warunkuje ono w dużej mierze to czy uda nam się uchronić dane powierzone przez użytkowników naszych aplikacji i tym samym nie narazić ich na straty.

O tym jak sobie z tym problemem radzić, pisze Marcin Zalewski w swojej drugiej książce Splątana Sieć, której recenzję mam Wam dziś przyjemność przedstawić.

paź 14 2012
0

Jak tworzyć zaawansowane wtyczki w jQuery

Dokładnie rok temu i dzień, popełniłem wpis mówiący o tym jak stworzyć prostą wtyczkę jQuery. W poście tym opisałem w miarę dokładnie (tak przynajmniej mi się wydaje) podstawowe aspekty związane z procesem tworzenia własnych rozszerzeń. Przez kolejny rok, dalej jednak pracowałem zawodowo jako developer i ścierałem się również z jQuery oraz koniecznością tworzenia wtyczek właśnie w tej technologii. Przez ten okres czasu, pojawiło się kilka problematycznych kwestii związanych z aspektem projektowania skalowalnych rozszerzeń.

W dzisiejszym poście chciałbym się nimi z Wami podzielić oraz zaproponować potencjalne rozwiązania nurtujących problemów.

mar 18 2012
0

Tworzenie efektownych kreatorów formularzy w jQuery

Dzisiejszy Internet praktycznie w niczym nie przypomina pierwszych witryn internetowych stworzonych na początku lat 90-siątych przez Tima Tima Bernesa Lee oraz jego współpracowników. Tak naprawdę, to obecnym stronom bliżej właściwie do klasycznych aplikacji desktopowych, aniżeli do tego co kiedyś ukrywało się pod terminem strona WWW. O skali ich obecnego zaawansowania niech świadczy choćby fakt, że już niedługo na stronach WWW (dzięki technologii Flash) będzie możliwe zagranie w gry oparte na bardzo potężnym silniku graficznym Unreal Engine 3.

Jeśli wspomnimy jeszcze o coraz szerszym wykorzystaniu chmur obliczeniowych, to szybko zdamy sobie sprawę, że niedługo do większości operacji realizowanych przez przeciętnego użytkownika wystarczy przeglądarka internetowa (na co z pewnością ma nadzieje choćby Google, promujący swoje Chromebooki).

Wróćmy jednak do tematu, ponieważ dziś chciałem Wam pokazać rozwiązanie, które przy wykorzystaniu HTMLa oraz jQuery pozwoli na stworzenie interaktywnych kreatorów formularzy, które można wykorzystać choćby w skrypcie rejestracji użytkowników. Zapraszam do dalszej lektury:-)

gru 03 2011
0

Wprowadzenie do rysowania na kanwach w HTML5

Ostatnimi czasy, znów jest głośno o tytułowym HTML5 oraz o konkurującej z nim w niektórych aspektach technologii Flash. Na tym poletku, szczególnie dwa wydarzenia odbiły się na korzyść naszego tytułowego bohatera.

Po pierwsze, Adobe ogłosił, ze kończy wsparcie dla mobilnej wersji Flash playera, co jednoznacznie w znaczący sposób ograniczy dostępność tej technologii na platformach mobilnych.

Drugi z faktów, na który warto zwrócić uwagę, to interaktywne Google Doodle, których ostatnimi czasy wyszukiwarkowy gigant serwuje nam całe multum. To co powinno przykuwać naszą uwagę w tym momencie, to fakt że żadne z nich nie zostało wykonane przy pomocy technologii Flash, lecz właśnie za pomocą HTMLa, CSS, JavaScript oraz kilku innych technologii im towarzyszących.

Jedną z takich technologii, która może nadszarpnąć udziały Flasha w rynku, są kanwy zawarte w specyfikacji HTML5. O tym czym one są i jak z nich korzystać, postaram się Wam wyjaśnić w dzisiejszym wpisie.

lis 16 2011
0

Dwusetny wpis - czyli altcontroldelete.pl od kuchnii

Witajcie. W tym tygodniu, wyjątkowo nie będzie wpisu z cyklu webmaster. Zamiast tego, macie przed sobą specjalny, okolicznościowy, dwusetny wpis.

Alt Control Delete, w obecnej postaci funkcjonuje już prawie 3 lata (3 lata wypadają dokładnie 27 listopada). Technicznie blog istniał wcześniej pod inną domeną, jednak to właśnie od listopada 2008 roku, mam swój własny wirtualny serwer oraz wspomnianą wyżej domenę. 3 lata temu, przeredagowałem kilkanaście starych wpisów i całość udostępniłem właśnie tutaj, dlatego też właśnie 27 listopada 2008 roku, uznaję za oficjalny początek Alt Control Delete.

Od tego czasu pisałem częściej, lub rzadziej ale pisałem. Większej regularności, nabrałem dopiero w ostatnim roku. W ten sposób, do poniedziałku 13 listopada 2011, udało się zgromadzić 199 wpisów, a ten który właśnie czytacie, jest tym dwusetnym:) Jest to zatem okazja, na podsumowanie i opisanie mojej dotychczasowej blogerskiej działalności.

lis 09 2011
0

Strony firmowe w Google+

W miniony poniedziałek, na Google+, w końcu pojawiło się coś, czego oczekiwało wielu fanów tej społecznościówki jak i spore grono marketingowców. Mowa tutaj oczywiście o stronach firmowych na Google+. Strona firmowa to dość szerokie pojęcie, ale generalnie swoim zasięgiem obejmuje to, co Facebookowy fanpage. Pojawiły się również dedykowane widgety, nazywane przez Google Badges (z ang. Znaczek, odznaka), które zasadniczo podobne są do Facebookowego Like-Boxa (oczywiście, cały czas można dodawać widgety dla przycisku +1).

Na razie wciąż pojawia się wiele niewiadomych oraz pytań bez odpowiedzi związanych z nową funkcjonalnością, udostępnioną przez giganta z Mountain View. Na kilka z nich postaram się odpowiedzieć w dzisiejszym wpisie, reszty pewnie dowiemy się z czasem, warto jednak zawczasu zainteresować się tematem, by nie pozostać w tyle za konkurencją. Popyt na nowe strony jest ogromny, a ich nowe możliwości w połączeniu z wyszukiwarką całkiem spore (o tym w dalszej części wpisu). Jeśli na wstępie chcecie zobaczyć jak taka stroną funkcjonuje, to zapraszam na oficjalną stronę Google+ dla Alt Control Delete.

paź 26 2011
0

Zastosowanie metody prop do ustawienia właściwości elementu

W przypadku jQuery, należy bacznie obserwować log zmian zamieszczany przy okazji wypuszczenia kolejnych wersji frameworka, ponieważ niektóre z funkcjonalności zawartych w bibliotece głównej, zmieniają swoje znaczenie, bądź też przestają działać w kolejnych w wersjach.

Zmiana istniejących metod i funkcji, zwykle poprzedzana jest pewnym okresem przejściowym, w którym programiści mogą aktualizować bibliotekę frameworka we własnych projektach i jednocześnie korzystać ze starych i nowych funkcjonalności.

Takie posunięcie zastosowano właśnie w przypadku metody prop(), która została wprowadzona w jQuery w wersji 1.6.

paź 05 2011
0

Testowanie kodu za pomocą aplikacji webowej jsFiddle

Ostatnimi dniami, poszukując w pracy pewnych informacji na temat jQuery, całkiem przypadkowo natrafiłem na świetne narzędzie (właściwie to aplikacje webową), jakim jest jsFiddle. jsFiddle, pozwala na szybkie testowanie stron WWW, wykorzystujących takie technologie jak:

  • HTML
  • CSS
  • JavaScript

Przy okazji punktu związanego z naszym ulubionym językiem skryptowym warto wspomnieć, że jsFiddle wspiera wszystkie popularne frameworki (Dojo, Mootools, jQuery itd.), dzięki czemu całe narzędzie jeszcze bardziej zyskuje na znaczeniu.

1 2 3 4