Aktualności i artykuły

Atrybut placeholder i jego stylowanie

Jeszcze zanim powstał atrybut placeholder efekt „znikania” tekstu, jeśli kliknę (albo na zdarzenie focus) w element input lub textarea, realizowało się z użyciem JavaScript-u. Choć można też to zrealizować małym trickiem przesuwając zawartość label-a CSS-em, to jednak placeholder jest tutaj lepszym rozwiązaniem, zwłaszcza od strony semantycznej.

Atrybut placeholder służy do określania tekstu, który pojawi się zanim wprowadzimy treść. Jeśli treść już istnieje, to tekst z atrybutu placeholder nie pojawi się. Przykład:

Ostylowanie placeholder-a dla elementów input i textarea można zrealizować[......]

Read more

| kategoria: CSS, HTML5 | Komentarze (0) | Tagi:

Mobilne strony i aplikacje – najczęstsze błędy

Podczas dotychczasowego korzystania z mobilnych urządzeń wyszło trochę niedogodności, które są najczęściej „popełnianie” podczas programowania stron czy aplikacji. Są to m.in.:

  • autofocus – ustawienie automatycznego focus-a na polu input / textarea powoduje, że po uruchomieniu się strony od razu „wyskakuje mi” klawiatura, która przysłania mi połowę ekranu. Trzeba wcisnąć „klawisz powrotu”, aby zamknąć widoczną klawiaturę.
  • Brak możliwości przełączenia się z trybu wersji „dla komórki” na wersję „standard”. Niektórzy webmasterzy zakładają, że skoro weszło się z urządzenia mobilnego, to zawarto[......]

Read more

| kategoria: Mobile | Komentarze (0) |

Cross-browserowy gradient (CSS Gradient Background Maker)

Jak stworzyć gradient za pomocą CSS? Teraz już właściwie zdecydowana większość nowoczesnych przeglądarek radzi sobie z renderowaniem gradientów za pomocą CSS-a. Ba! Nawet IE od wersji 5.5 używając własnych filtrów radzi sobie nie najgorzej. Niemniej jednak przygotowanie cross-browserowej reguły gradient nie jest wcale takie proste. Trzeba co najmniej uwzględnić zapisy dla:

  • IE5.5 – IE9
  • IE10
  • Firefox 3.x i 4
  • Opera
  • przeglądarki oparte o WebKit-a (Chrome, Safari, itd.)
  • pozostałe przeglądarki rozumiejące proponowaną przez W3C regułę

Oczywiście, gradienty można również generować używając S[......]

Read more

| kategoria: CSS | Komentarze (0) |

JavaScript, base64 – kodowanie i dekodowanie

Czasem potrzebne jest kodowanie i dekodowanie stringów za pomocą base64. Oryginalną metodę kodowania i dekodowania base64 dostępna na www.webtoolkit.info zmodyfikowałem o wykorzystanie (jeśli dostępne) metod natywnych btoa i atob.

Oczywiście, jeśli natywne metody btoa i atob nie istnieją wówczas string zostanie „ręcznie” zmodyfikowany.

var global = (function(){return this})();
var reFeaturedMethod = new RegExp(‘^(function|object)$’, ‘i’);
var isHostMethod = function(o, m)
{
var t = typeof o[m];
return Boolean(t == ‘unknown’ || (reFeaturedMethod.test(t) && o[m]));
};

var[......]

Read more

| kategoria: JavaScript | Komentarze (0) |

Firefox 4 do pobrania

Od jakiegoś czasu jest już dostępna oficjalna wersja Firefoksa 4. Postęp daje się zauważyć, choć tradycyjnie zdania są na ten temat podzielone. Z kilku nowości można wymienić:

  1. JägerMonkey – nowy silnik JavaScript-u, który wg Mozilli, jest do 6-ciu razy szybszy, niż w Firefoksie 3.6. Rzeczywiście, jest zdecydowanie szybszy i podczas testów wyszło nam, że jest znacząca różnica.
  2. Synchronizacja Firefox Sync pozwala na synchronizację zakładek, historii, itd. Pomocne, kiedy chcemy korzystać z „jednego” Firefoksa w wielu miejscach. Na pewno dobrze to działa pomiędzy desktopowym Firefoksem a tym[......]

Read more

| kategoria: Przeglądarki | Komentarze (0) |

Wyśrodkowanie strony CSS

Jak wyśrodkować stronę w CSS-ie? Otóż nie ma nic prostszego, niż: margin:0 auto; + nadanie szerokości width. Zadziała we wszystkich przeglądarkach.

| kategoria: CSS | Komentarze (2) |

Zintegrowany pakiet serwerowy – XAMPP

Dla tych, co chcą pracować na własnym serwerze www, jest do dyspozycji wiele zintegrowanych serwerów www, gotowych do instalacji w środowisku Windows. Jednym z nich jest XAMPP. Wszystko w tym pakiecie jest już na starcie pre konfigurowane i praktycznie od razu jest wszystko gotowe do pracy. W skład pakietu wchodzi:

  • Apache
  • MySQL
  • PHP + PEAR
  • MiniPerl
  • OpenSSL
  • phpMyAdmin
  • XAMPP Control Panel
  • Webalizer
  • Mercury Mail Transport System
  • FileZilla FTP Server
  • SQLite
  • ADODB
  • Zend Optimizer
  • XAMPP Security

XAMPP

XAMPP Lite to wersja minimalna pakietu XAMPP i zawiera tylko Apache, mySQL, phpMyAdmin, SQLite i pakiety[......]

Read more

| kategoria: Server side, Systemy | Komentarze (0) |

Polecamy

Znajdź na stronie

Pomoc do strony

Bądź na bieżąco

do góry