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

Wpisy otagowane ‘programowanie’

Clippy – narzędzie do tworzenia kształtów

piątek, 18 Styczeń 2019

Clippy to wdzięczna nazwa dla bardzo przydatnego narzędzia, które jest kreatorem wizualnym kształtów/masek generującym za pomocą polecenia css clip-path (i odpowiednich prefixów) kod kształtu. Potrzebne, używane, zapisane w ulubionych.

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.

Czyściciel CSSów

niedziela, 17 Grudzień 2006

CleanCSS to proste narzędzie, które doceni każdy, kto musiał poprawiać kod CSS po jakimś bałaganiarzu (tak jak ja dzisiaj)

Tricki PHP

piątek, 1 Grudzień 2006

Na Blogu Programisty znalazłem smakowity kąsek dla programistów oraz amatorów PHP – Jak zoptymalizować kod PHP

Encje

sobota, 11 Listopad 2006

Postanowiłem zebrać w jednym miejscu encje, których używam najczęściej. Oto one:

&nbsp; –   (tzw. ‚twarda spacja’)
&amp; – &
&lt; – <
&gt; – >
&copy; – ©
&reg; – ®
&laquo; – «
&raquo; – »
&bull; – •
&deg; – °
&pound; – £

Więcej o encjach poczytaj tutaj.

37 kroków

niedziela, 5 Listopad 2006

Na blogu Pawła Wimmera znalazłem link to świetnego artykułu, poruszającego podstawowe problemy pojawiające się podczas pisania dokumentu (X)HTML. Krótko mówiąc, uważam że to lektura obowiązkowa dla każdego webmastera. Art jest napisany w przystępnym i zrozumiałym angielskim. Łopatologiczne tłumaczenie rozjaśnia wiele spraw.
Bulletproof HTML: 37 Steps to Perfect Markup

Coś dla programistów: Code Snippets

wtorek, 24 Październik 2006

Grxmrx podrzucił mi dziś link do stronki, na której znajduje się wiele gotowych skryptów/fragmentów kodu… może się okazać przydatne, nie tylko programistom. Mamy tu kody właściwie we wszystkich najpopulatniejszych językach (PHP, Perl, Phyton, REBOL, HTML, C, js, Ruby…). Code Snippets.

CSS Boxes

wtorek, 19 Wrzesień 2006

Dla wszystkich rozpoczynających naukę CSS: CSS Boxes. Nie trzeba zaraz sciągać i używać, bo od samego pobieżnego przeglądnięcia kodu człowiek się już uczy, a po nieco głębszej jego analizie umie już takie (i nawet ‚skomplikowańsze’) tworzyć sam… no… prawie sam :)

Skróty często wykorzystywanych w etykietach słów

czwartek, 14 Wrzesień 2006

Wczoraj (a właściwie dzisiaj nad ranem), tworząc pewnego CSSa, zauważyłem że zamiast etykietować element jako ‚background’, etykietuję ‚bg’. Tak samo z ‚body’ (‚bd’), ‚gradient’ (‚gd’) i kilkoma innymi słowami. Postanowiłem zatem opracować mój podręczny słownik skrótów, których będę używał podczas etykietowania elementów/klas.

bd = body
hd = header
ft = footer
bg = background
fr = frame
gr = gradient
sh = shadow
tt = title
lg = logo
mn = menu
cl = column
bx = box

Np nazwa klasy ‚ft_bg_gr’ oznacza gradient tła stopki :)