<autoreklama>
Rewolucyjne Witryny Internetowe tani CMS szablony dla stron www retusz zdjec
</autoreklama>

Wpisy otagowane ‘programowanie’

Isotope

środa, 3 Grudzień 2014

isotopeŚwietny mechanizm graficznego filtrowania/sortowania przedstawia sobą skrypt Isotope. Wygląda to przefajnie, a możliwości ma wiele. Jesli nie do końca kumasz o co mi chodzi (bardzo możliwe – trudno w krótkim wpisie obrazowo opisać działanie Isotope) – kliknij i sprawdź sam(a).

Parallax na Twojej stronie www

niedziela, 2 Listopad 2014

Ostatnio modne są „nowoczesne” strony, w których podczas przewijania, pojawiają się i znikają paski z ilustracjami/tekstem. To tak zwany parallax effect – „fragment strony przesuwa się z inną prędkością niż pozostałe, co daje pewne złudzenie trójwymiarowości„.

U Webmastaha od jakiegoś czasu jest pożyteczny tutorial, jak taki efekt w prosty sposób wykonać. Warto się chociaż przeklikać.

Sposób na linie w js – dowolnie pochyłe

sobota, 15 Luty 2014

Szybciutka funkcja do rysowania dowolnych linii z punktu A do punktu B :)

function linedraw(ax,ay,bx,by)
{
    if(ay>by)
    {
        bx=ax+bx;  
        ax=bx-ax;
        bx=bx-ax;
        by=ay+by;  
        ay=by-ay;  
        by=by-ay;
    }
    var calc=Math.atan((ay-by)/(bx-ax));
    calc=calc*180/Math.PI;
    var length=Math.sqrt((ax-bx)*(ax-bx)+(ay-by)*(ay-by));
    document.body.innerHTML += "
<div id='line' style='height:" + length + "px;width:1px;background-color:
black;position:absolute;top:" + (ay) + "px;left:" + (ax) + "px;
transform:rotate(" + calc + "deg);-ms-transform:rotate(" + calc + "deg);
transform-origin:0% 0%;-moz-transform:rotate(" + calc + "deg);
-moz-transform-origin:0% 0%;-webkit-transform:rotate(" + calc  + "deg);
-webkit-transform-origin:0% 0%;-o-transform:rotate(" + calc + "deg);
-o-transform-origin:0% 0%;'></div>"
}

Filtrowanie obrazków w locie

środa, 16 Styczeń 2013


CanvasQuery jest biblioteką dla elementu HTML5 ‚Canvas’, która pozwala na stosowanie z jQuery. Umożliwia stosowanie różnych metod manipulacji na grafikach, przeznaczonych co prawda dla developerów gier, ale moze webdesignerzy też coś z tym zrobią… Można na przykład w locie zapodać efekt grafiki z C64 :)

Na stronie CanvasQuery znajdziemy full-wypas rozpiskę, jak stosować tą sztuczkę, gdzie stosować, oraz wdrożenia popularnych efektów.

Fajna sprawa – zerknij na demo, aby się przekonać. ;)

Pokaz animacji CSS

środa, 17 Październik 2012

Wiem że zaczynam być nudny w tym temacie, ale to trzeba zobaczyć, aby wyobrazić sobie możliwości. Google opracował prostą prezentację ukazującą wszystkie podstawowe możliwości animacji i ruchu realizowanego za pomocą HTML5, CSS3 (no i JS, SVG, WebGL). I (prawie) wszystko staje się możliwe… tylko czekać na jakiś profesjonalny edytor takich animacji…

Generator plików .htaccess

poniedziałek, 13 Luty 2012

http://htaccess.lapti.pl/. Brzydki, nieostylowany, ale funkcjonalny i bardzo użyteczny. Reguły generowane przez ten generator działają, w przeciwieństwie do wielu procedur i porad na forach internetowych. Dobre są też gotowe rozwiązania predefiniowalne, których ludzie najczęściej szukają. Krótko mówiąc – rzecz godna polecenia :)

Efektowne cienie warstw w CSS

sobota, 18 Czerwiec 2011

Nowy CSS umożliwia dodanie każdej warstwie cienia – wewnętrznego lub zewnętrznego, o określonym rozmiarze, natężeniu, kolorze i przesunięciu. Ale już przy minimalnej wyobraźni i stosunkowo niewielkich modyfikacjach w samym kodzie CSS – możemy uzyskać o wiele bardziej efektowne efekty cieni. Udowodnił to w swoim blogu Nicolas Gallagher, opisując dokładnie (acz po angielsku) tworzenie takich wypaśnych cieni i serwując smakowity przykład.

Wyostrzanie obrazków w PHP

środa, 11 Maj 2011

Gdy za pomocą biblioteki graficznej GD, skalujemy w PHP obrazek w dół – staje się on po prostu nieostry. Jeśli dodać do tego kompresję JPG (która często dla miniaturek ustawiana jest na sporą wartość) – mamy mdłą miniaturkę, niezachęcającą do kliknięcia w nią tak jak powinna zachęcać. Czy jest na to sposób? Owszem – wystarczy przed zapisaniem miniaturki wyostrzyć ją. Początkowo chciałem taki skrypt sam napisać, ale przerosło mnie to. Zatem, po kilkudziesięciu minutach googlowania – znalazłem działające rozwiązanie, tutaj: adamhopkinson.co.uk/blog/2010/08/26/sharpen-an-image-using-php-and-gd

A na bloga wklejam, bo może komuś oprócz mnie też się przyda… Jeśli znasz podobne rozwiązania/tricki, śmiało daj znać w komentarzu.

(Obrazek zapożyczony z docelowego linku)

htaccess

czwartek, 17 Czerwiec 2010

Pod adresem http://blog.alchemycode.pl/2010/01/27/10-przykladow-wykorzystania-plikow-htaccess/ znalazłem praktyczny tutorial (a nawet nie tutorial, ale gotowiec) z kodem najczęściej używanych plików .htaccess.

Blog blog.alchemycode.pl w ogóle jest fajny – polecam.

HTML5 i CSS3 – próg nowej ery?

piątek, 11 Czerwiec 2010

Jestem sceptycznie nastawiony do używania nowych języków HTML5 i CSS3. Moim zdaniem przeskok na nowe wersje może się skutecznie dokonać tylko pod dwoma warunkami:

  1. Pod warunkiem wyprodukowania i wypromowania oprogramowania (przeglądarek, edytorów i innych) obsługujących w pełni nowe standardy, a następnie wyparcia starych programów.
  2. Pod warunkiem przejścia na nowe, przyzwyczajenia i przywyknięcia użytkowników (głównie twórców stron www) do nowych technologii.

Pierwszy punkt jest już realizowany. Ku memu zdziwieniu, misja zastąpienia starych przeglądarek nowymi w ciągu kilku następnych miesięcy/lat się chyba powiedzie.

Mam jednak wątpliwości co do punktu drugiego. Dlaczego? Już wyjaśniam:

Weźmy taki XHTML. Pomimo przejrzystości kodu i semantycznej konstrukcji, która teoretycznie powinna się programistom i developerom bardzo spodobać (jeśli porównać do HTML4), XHTML po prostu nie przyjął się. Ludzie (w tym często i ja) piszą w starym dobrym HTML4, który wybacza błędy i jest dobrze znany.

Ale nie tylko – bo myślę że mamy tu do czynienia z czymś co nazywam „syndromem mp3„. Empetrójki są dalej królami w swojej branży, pomimo, że ten format zapisu dźwięków jest już bardzo stary (ma już 19 lat!), i pomimo tego, że od dawna istnieją metody po prostu lepsze pod wszystkimi względami. I obawiam się, że z HTML4 może być tak samo. I z CSS3.

HTML5 i CSS3 to semantyka i prostota, mnóstwo nowych możliwości których tak bardzo nam brakuje (np. audio i wideo w kodzie, łatwe wektory, obracanie obiektów, zaokrąglanie narożników, cienie, wielokrotne tła itp. – jest tego bardzo dużo) i których brak łataliśmy zaślepkami graficznymi i wielokrotnymi divami. Ale HTML5 i CSS3 to nowe tagi, nowy sposób myślenia, nowe podejście. Ludzie są z natury leniwi i nie lubią uczyć się nowych rzeczy, szczególnie wtedy gdy nie muszą. Czy nowe technologie się przyjmą? Pomimo wysiłków marketingowych społeczności webmasterskich – pewnie przyjmą się nieprędko. Nie mówiąc już o wyparciu flasha.

Aby dopełnić obrazu i dać odczuć o co chodzi osobom, które o tych nowych technologiach mają blade pojęcie, dwa linki:
html5demos.com – dużo demonstracji HTML5
css3please.com – piaskownica, w której można potestować nowości w CSS3.

…i, dla równowagi:

Poradnik krytyka HTML5 u Pornela (podejście nieco bardziej techniczne)

Strona Mynthon.net

czwartek, 30 Kwiecień 2009
mynthon.net Programista ze mnie nie najlepszy, więc gdy muszę coś zaprogramować, często szukam pomocy w Sieci. Dziś zapytanie o problemy z kodowaniem i zmianą kodowania za pomocą PHP zaprowadziło mnie na stronę Mynthon.net. Autor opisał rzeczowe, „podane na talerzu” rozwiązanie nie tylko mojego dzisiejszego problemu, ale też wielu innych z zakresu programowania w różnych popularnych skryptowych językach. I nie tylko. Dlatego postanowiłem stronę Mynthon.net wrzucić do mojej składnicy resource’ów przydatnych – jaką jest ten blog. Na Mynthona na pewno jeszcze zajrzę nie raz. Polecam, szczególnie programistom okazjonalnym. :)

Tester wyrażeń regularnych

wtorek, 17 Lipiec 2007
Wyrażenia regularne zawsze były dla mnie czarną magią. Jednocześnie czasami bardzo się przydają, ale napisanie skomplikowanego „wyszukiwacza” trwa u mnie czasem kilka godzin. Prawdopodobnie następnym razem REGex TESTER bardzo mi pomoże.

Listamatic

czwartek, 7 Czerwiec 2007

Listamatic Tak to już jest, że szukając czegoś wielce potrzebnego w danej chwili, znajdujemy coś co było wielce potrzebne wczoraj (ale już nie jest). W myśl tej reguły, dziś szukałem pewnych rozwiązań javascriptowych, a przypadkiem wpadłem na stronkę o adresie css.maxdesign.com.au, na której autor umieścił spis chyba wszelkich metod css na poskromienie list, selectów i floatów jakich uzywałeś(aś) i będziesz używał(a). Wszystko oparte na łatwych przykładach i wyjaśnione bardzo przejrzyście. Nic tylko korzystać :) Tylko szkoda że nie miałem tego pod ręką wczoraj…

Dzisiaj o Pythonie

sobota, 14 Kwiecień 2007

Python Przyznam że nie interesowałem się tym skryptowym językiem prawie wcale (PHP mi wystarczy), a ostatnio odkryłem że niemało aplikacji internetowych dzięki niemu istnieje. Postanowiłem więc zebrać kilka linków pythonowych razem:
www.python.org – strona oficjalna
Wpis w Wikipedii, dość wyczerpujący
Wprowadzenie do Pythona – kurs, wygląda na niezły
pisanie w Pythonie zgodnie ze stylem – kilka przydatnych rad i wskazówek

jQuery – pisz mniej, rób więcej

piątek, 9 Marzec 2007

jQuery Ostatnio pisałem o bibliotece mintAjax. Przyznaję, że byłem nią zafascynowany, może dlatego, że jest to pierwsza librarka, jakiej użyłem w swoich projektach.

jQuery to też biblioteka, tyle że , mówiąc wprost – o wiele lepsza. Chwali ją i używa jej wiele osób, w tym bardzoprofesjonalni webmasterzy. Zatem postanowiłem ją wypróbować i… cóż… Wzorem kilku innych narzędzi ląduje w moim podręcznym kapeluszu z trickami ;) Polecam bardzo.

Konwersja win/iso/utf w php

piątek, 16 Luty 2007
Jako że programistą nie jestem, pewnych rzeczy nie mam w głowie. Co jakiś czas tego szukam. Kilka dni temu znalazłem. Zapisuję tutaj, żeby mi się już nie zgubiło :)
Oto skrypty php konwertujące tablicę znaków pomiędzy formatami Windows-1250, UTF8 oraz ISO-8859-2. Na pewno się kiedyś przyda :)

mintAjax

poniedziałek, 22 Styczeń 2007

mintAjax Prosta i łatwa w obsłudze biblioteka z funkcjonalnością AJAXa oraz zaawansowanego JS.Na razie nigdzie nie stosowałem, tylko się trochę nią pobawiłem. Naprawdę fajna rzecz :)
Na uwagę zasługuje też dział Przewodnik, w którym można świetnie zorientować się co to cudeńko potrafi.

Dobry programista dla e-biznesu

czwartek, 11 Styczeń 2007

Shrew popełniła dziś (jak sądzę dzięki przemyśleniom wynikającym z jakichś, prawdopodobnie nie do końca pozytywnych, wydarzeń) interesujący wpis, w którym opisuje programistę idealnego dla programowania rozwiązań e-biznesowych. I ma dużo racji.
Nie ma rzeczy niemożliwych, są rzeczy trudne i drogie
True :)

Generator szkieletu layoutów kolumnowych

poniedziałek, 25 Grudzień 2006

Dla tych, którzy zawiłości tworzenia w CSS layoutów kolumnowych jeszcze nie do końca pojęli (czyli dla mnie też); taka stronka :)

Ruby

wtorek, 19 Grudzień 2006

Try Ruby W ciągu ostatniego roku obserwuję w Sieci wzrost zainteresowania tym hiperobiektowym (wszystko jest obiektem) językiem programowania. Nie byłem nim zainteresowany (bo przecież PHP świetnie realizuje moje wszystkie projekty), aż do andrzejkowej rozmowy z programistą „siedzącym” w Rubym. Poszperałem trochę po Sieci i znalazłem taką stronkę, dzięki której w 15 minut polubiłem język Ruby. Ten język jest po prostu ludzki ;) Zajrzyj też na rubyonrails.org.