Artykuły dla tagu JavaScript

flickr.com/photos/codepo8
maj 16 2013
0

Biblioteki warte poznania w C# - Yahoo! UI Library: YUI Compressor for .Net

YUI Compressor od Yahoo! to z pewnością narzędzie dobrze znane każdemu webmasterowi, który szanuje cierpliwość użytkowników swojej witryny;-) Dotychczas ta przydatna biblioteczka kojarzyła się głównie z JAVĄ, która ostatnimi czasy nie ma zbyt dobrej prasy. Warto jednak wiedzieć, że na szczęście istnieją całkiem przyjemne alternatywy.

Jedną z nich jest właśnie port biblioteki YUI Compressor dla .Net. Zasadniczo jest to nieduże rozszerzenie, ale oferujące wszystkie potrzebne opcje kompresji oraz spore możliwości integracji z naszymi projektami. Zainteresowani tematem? Zapraszam zatem do lektury;-)

sxc.hu
kwi 18 2013
0

Recenzja książki HTML5 Canvas. Receptury

Jak już nie raz podkreślałem w swoich tekstach, żywot programisty nie należy do najłatwiejszych. Można tutaj co prawda podobno solidnie zarobić (przynajmniej takie są pogłoski;-), ale trzeba włożyć w tą robotę sporo wysiłku, a hasło samorozwój napisać na kartce wielkimi literami i powiesić sobie nad łóżkiem. Ogólnie rzec biorąc osoby, które polegają na wiedzy zdobytej na studiach, nie osiągną w tym biznesie raczej zbyt wiele.

Jeśli ktoś nie do końca ufa mojej opinii, muszę powiedzieć, że mam twarde argumenty. Jednym z nich jest oczywiście tytułowy HTML, który od początku lat 90-siątych przeszedł kolosalną transformację i z języka znaczników przeznaczonego do sklejania prostych stron wizytówek, stał się podstawowym budulcem potężnych aplikacji webowych, które zalewają dzisiejszy Internet. HTML zmienił się na tyle, że obecnie trafia nawet na desktopy jako składnik aplikacji systemowych - choćby tych napisanych dla Modern UI z Windows 8.

Dzieje się tak, ponieważ HTML5 to coś więcej niż język znaczników. To zlepek wielu różnych technologii, które dają olbrzymie możliwości. Jedną z nich jest tytułowy Canvas, który najogólniej rzec biorąc sam w sobie jest zwyczajnym znacznikiem. Magia pojawia się gdzie indziej i trzeba przyznać, że jest jej w tym przypadku naprawdę sporo, bo dało się z niej wycisnąć ponad 300 stron naprawdę przyzwoitej książki.

flickr.com/photos/shellewill79
kwi 11 2013
0

Jak szybko, prosto i bezpłatnie dodać do strony monit o ciasteczkach

22 marca bieżącego roku weszły w życie nowe regulacje w prawie telekomunikacyjnym wymuszone przez niezastąpioną w tego typu sprawach Unię Europejską. Od teraz właściciele stron internetowych, w których są wykorzystywane ciasteczka śledzące zachowania użytkownika, powinni o nich wcześniej poinformować. W praktyce dotyczy to większości stron, które możecie znaleźć w polskim Internecie, ponieważ takie ciacha wstawia np. bardzo popularny Google Analytics.

Dużym problemem jest fakt, że wciąż wiele stron tych ostrzeżeń nie posiada. Abstrahując od ich sensowności - prawo jest prawem i głupio byłoby dostać karę za brak ostrzeżenia o czymś tak prozaicznym jak ciasteczka. Problem, a tym samym potencjalne źródło zysku zwietrzyły już niektóre podmioty i tak np. dziś widziałem już reklamę firmy, która za jedyne 49 zł udostępnia skrypt monitu o ciasteczkach. Za kolejne 50 zł jest go nawet w stanie wspaniałomyślnie zainstalować na Waszej witrynie - czysta okazja;-)

Na szczęście monit o ciasteczkach można mieć za darmo, a za oszczędzoną gotówkę z pewnością trochę uciechy;-)

sxc.hu
lut 17 2013
0

Wykrywanie właściwości zamiast wersji przeglądarki

Nie tak dawno swoją premierę miała biblioteka jQuery w wersji 1.9. Przyniosła ona wiele zmian i jednocześnie przybliżyła się do trendów panujących obecnie w sieci. Do niedawna twórcy stron internetowych musieli zwracać uwagę na wersję przeglądarki. Webmasterom szczególnie we znaki zawsze dawała się przeglądarka Internet Explorer. Obecnie sytuacja uległa zmianie.

Internet Explorer zaczął gonić konkurencję, a szybko zmieniające się standardy oraz wersję przeglądarek wymusiły zmianę reguł gry. Obecnie sprawdza się więc fakt, czy aplikacja obsługuje określone właściwości czy też nie. W związku z tym z dobrze znanego jQuery usunięto funkcję $.browser, a popularność zaczęły zdobywać biblioteki pokroju Modernizr, które pozwalają na wykrywanie wskazanych właściwości.

O tym jak to wszystko działa w praktyce, postaram się powiedzieć więcej w dzisiejszym wpisie.

sty 31 2013
0

Recenzja książki HTML5. Tworzenie gier

Technologie webowe rozwijają się bardzo prężnie i tym samym zdobywają coraz większą część developerskiego rynku. Główną przyczyną takiego stanu rzeczy, jest przede wszystkim bardzo wysoka dostępność stron WWW. Raz napisaną witrynę otworzymy na komputerze, komórce, telefonie, konsoli, a nawet w lodówce, jeśli tylko będzie miała odpowiednią przeglądarkę;)

Nikogo już w dzisiejszym świecie nie dziwi również nazywanie strony aplikacją (wspominałem o tym przy okazji recenzji książki ASP.NET MVC 3 Framework. Zaawansowane programowanie). Obecna złożoność sieci z pewnością wykracza daleko poza najśmielsze marzenia jej twórcy - Tim Bernesa-Lee.

Dziś czymś naturalnym są gry w przeglądarkach. Do niedawna pisane głównie w technologii Flash, dziś coraz częściej za pomocą tytułowego HTMLa, we współpracy z CSSem i JavaScriptem.

Taki nowy porządek oczywiście wymaga zmian oraz ukiernkowanych w tym temacie programistów, dlatego też powstała tytułowa książka oraz niniejsza jej skromna recenzja, na której dalszą cześć serdecznie Was zapraszam:)

gru 16 2012
0

Jak szybciej i efektywniej pisać kod w jQuery

Kiedy pierwszy raz na poważnie skorzystałem z jQuery w mojej pracy, przeżyłem mały szok. Był on głównie spowodowany faktem, że około 100 liniowy kod wykorzystywany do utworzenia pewnej struktury DOM, udało się skrócić praktycznie do kilku linijek. Szok był tym większy, że dzięki tej bibliotece właściwie mogłem zapomnieć o problemach kompatybilności JavaScriptu z różnymi przeglądarkami.

Dziś jedna z moich aplikacji webowych tworzonych w pracy, ma blisko 10 tys. linii kodu jQuery. Boję się myśleć ile by to było, gdyby w tym miejscu znalazł się klasyczny JavaScript. Strach również pomyśleć o dziesiątkach godzin, które w tym przypadku musiałbym spędzić na debugowaniu kodu dla Internet Explorera 6... (uroki pisania kodu, który ma działać w pewnej dużej krajowej korporacji).

Choć z jQuery nie zawsze jest lekko (w tym miejscu pozdrowienia dla twórców za ich nie zawsze do końca przemyślane zmiany), to w tej chwili nie wyobrażam sobie pracy bez tej biblioteki - myślę, że w tym miejscu nie jestem sam;)

Pisałem, że jQuery skraca kod i jest to najprawdziwsza prawda, ale w tym miejscu dzieje się też pewna magia. Tak naprawdę, tam odrobinę głębiej wciąż siedzi stary, dobry JS. Nieumiejętne użycie naszej ulubionej biblioteczki, może zdrowo obciążyć zasoby i łącza naszych użytkowników. Warto wiedzieć, że wiele rzeczy tutaj można zrobić szybciej, lepiej i efektywniej niż się to z pozoru wydaje;)

O tym co mam na myśli, postaram się opowiedzieć więcej w 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ć.

gru 23 2011
0

Skrypty użytkownika Greasemonkey dla przeglądarek - użyteczne przykłady

W poprzednich dwóch wpisach na temat Greasemonkey, zajęliśmy się najpierw instalacją i konfiguracją skryptów użytkownika w popularnych przeglądarkach, by następnie dowiedzieć się w jaki sposób można napisać własny skrypt użytkownika.

Dziś nadszedł dzień publikacji kolejnego wpisu z tego cyklu, w którym chciałbym przedstawić interesujące przykłady istniejących skryptów. Tak jak wspomniałem we wcześniejszych wpisach, na samej tylko stronie Userscripts.org w dniu pisania tego wpisu, znaleźć można było ponad 76 tys. skryptów. Choć wiele z nich się powtarza, lub realizuje czynności nieprzydatne przeciętnemu użytkownikowi Internetu, to udało mi się znaleźć 9 przykładowych skryptów, z których każdy powinien znaleźć coś dla siebie:)

gru 14 2011
0

Skrypty użytkownika Greasemonkey dla przeglądarek - tworzenie

W poprzednim wpisie, związanym z skryptami użytkownika Greasemonkey, zrobiłem małe wprowadzenie na ich temat, a następnie powiedziałem w jaki sposób korzystać z nich w popularnych przeglądarkach.

Dziś zgodnie z obietnicą drugi wpis na ten temat, w którym skupimy się na tym, jak takie skrypty się tworzy, a jest to w gruncie rzeczy całkiem prosty proces.

Do przetworzenia dalszej części wpisu, potrzebny będzie nam najzwyklejszy notatnik (polecam w tym przypadku Notepad++ oraz minimalna wiedza związana z tworzeniem skryptów w JavaScript.

gru 11 2011
0

Skrypty użytkownika Greasemonkey dla przeglądarek - instalacja

Pomysł na dzisiejszy wpis, pojawił się całkiem przypadkowo w jednej z dyskusji na Google+. Jeden z czytelników Alt Control Delete, zadał pytanie czy na formularzu określonej strony (chodziło w tym przypadku o wyszukiwarkę grafiki w Google) można podstawić swoje domyślne wartości. Musiałem chwilę pomyśleć, ale w końcu przypomniało mi się o pewnym mechanizmie zwanym skryptami użytkownika.

Szukając informacji na ich temat, zdziwiłem się jak bardzo mało linków konkretnie opisujących to zagadnienie można znaleźć w sieci. Dlatego też postanowiłem napisać co nieco więcej na temat.

Ponieważ tematyka związana ze skryptami użytkownika jest dość szeroka, postanowiłem podzielić cały materiał na dwie części. W dzisiejszym wpisie dowiecie się jak przygotować przeglądarki do korzystania ze skryptów, a następnie jak je w ich instalować. W drugim wpisie, możecie przeczytać natomiast o tym, jak można stworzyć własny skrypt w praktyce. Zapraszam do lektury:)

1 2 3 4 5