Sticky Box

Sticky box podobnie jak element z position : fixed jest zawsze widoczny, ale w przeciwieństwie do niego nie jest zawsze w tym samym miejscu względem okna. Kiedy strona zostaje przewinięta przylepia się do krawędzi.

Zdaje mi się że nawet padła propozycja uzupełnienia CSS o taką możliwość, ale póki co trzeba się wspomagać JavaScript.

Jest już SHA-3

źródło

Przez prawie tydzień miałem ograniczony dostęp do internetu i wczoraj zacząłem nadrabiać straty w kanale RSS/Atom. Jedną z ciekawszych informacji jest zakończenie konkursu na SHA-3 prowadzonego przez NIST. Zwycięzcąm został algorytm Keccak, który dzięki architekturze gąbki", oraz innym innowacjom ma być niepodatny na ewentualne skuteczne wektory ataków na SHA-2. Przy tym jest wydajniejszy o 25 do nawet 80% co w testach wykazał Thomas Pornin.

Kiedy się o tym dowiedziałem postanowiłem poszukać implementacji.

PHP i JavaScript. Część 1 - Hello World

Kontynuując wieloletnią tradycję wszelkich podręczników do nauki programowania, pierwszy stworzony program wypisze:

Hello World

Tym samym pominę teoretyczne opisy obu języków, które znajdziecie na Wikipedii.

Wpis z cyklu Tutorial PHP i JavaScript.

PHP i JavaScript - tutorial porównawczy

Logo PHP i logo JavaScript z JSConf EU 2011

Od dawna planowałem mały podręcznik/tutorial dla PHP. Miał on się skupić na podstawach, eksploatowaniu mało znanych elementów, wytykaniu błędów i współpracy z innymi technologiami. Kiedy mimo niewielkich zasobów czasu uznałem, że dojrzałem do tego mini projektu, zacząłem mieć wątpliwości czy nie jest to zbyt trywialne. Potrzebowałem czegoś więcej i tak zrodził się pomysł na równoległe opisywanie dwóch języków.

Przerwanie zapytań AJAX

Aktualnie pracuję przy projekcie KantorOnline.pl, jednym z najważniejszych elementów serwisu jest tabela notowań kursów walut. Dane do niej są aktualizowane ze sporą częstotliwością, a zapytania temu towarzyszące nie zawsze wykonywane dostatecznie szybko, powoduje to pewien interesujący problem: podczas próby przejścia pod inny adres, przeglądarka stara się najpierw uporać ze wszystkimi niedokończonymi zapytaniami, mam tutaj na myśli głównie AJAX. Solucja na szczęście nie jest zbyt wymagająca.

Aktualizacja Yajs: php.js i Spinner

Wiele jest powodów do krytyki PHP jak np. nazewnictwo predefiniowanych funkcji, ale same ich istnienie jest jedną z największych zalet 6 języka na świecie. Dzięki nim osoby dla których nauka PHP jest pierwszym kontaktem z programowaniem, nie zniechęcają się tak łatwo. Projekt php.js ma za cel przeniesienie jak największej ilości funkcji z PHP do JavaScript, tak jak to niegdyś zrobił PHP z funkcjami C. Aktualna lista choć jest pełna braków to i tak imponuje.

Yajs - mała pomoc jQuery

Yajs to prosty edytor kodu JavaScript online, który służy mi jako poligon testowy. Projekt wystartował wczoraj, ale wersja inicjacyjna wnosiła tylko podstawowy widok z użyciem Foundation.

Pierwsza aktualizacja to:

• uruchomienie podstawowych funkcji z niewielką pomocą jQuery
• niewielkie zmiany w HTML i CSS

html2canvas - znak nowych czasów

O tej bibliotece miałem napisać jeszcze w zeszłym roku. html2canvas, tak jak pdf.js, czy WebODF, znak nowych czasów - czas przeglądarek. Nazwa tej biblioteki JavaScript (!) mówi wszystko. Pozwala ona na wykonanie po stronie przeglądarki konwersji strony do obiektu Canvas, czyli de facto obrazu, coś co wciąż jest uciążliwe na serwerach. Oczywiście przeglądarka przeglądarce nierówna, ale h2c ma całkiem niezłe wsparcie:

Kilka słów o MIME

Mim w Sheffield

Internet Media Type, szerzej znany jak typ MIME i wartość Content-Type. Jest to standaryzowana baza rodzajów plików, ma ona pomóc w komunikacji między serwerami i klientami. Zwykle te pierwsze podają dane tym drugim, które z kolei muszą jakoś zinterpretować plik, co jest sednem całej sprawy.

To tyle jeśli chodzi o podstawy i teorię, w praktyce bywa różnie. Wraz z rozwojem nowych technologii pojawiają się kolejne problemy z ich obsługą.

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.

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

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

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.