Kolorowanie składni kodu PHP, CSS, HTML, JavaScript – poznajcie Prism

Kolorowanie składni kodu PHP, CSS, HTML, JavaScript – poznajcie Prism

Na stronach o tematyce programistycznej często zachodzi potrzeba załączenia do treści wpisu, fragmentu jakiegoś kodu - czy to PHP, HTML, CSS a może polecenia z bazy danych i skryptu JS. No fajnie, załączenie to nie jakiś wielki problem, ale jak zaprezentować to efektywnie, a przede wszystkim w czytelnej formie dla użytkownika?

Rozmiary w CSS względem obszaru roboczego, czyli vw, vh, vmax i vmin

Rozmiary w CSS względem obszaru roboczego, czyli vw, vh, vmax i vmin

Pora przedstawić rozwiązanie, którego sam jakiś czas szukałem. Generalnie wielkość bloków w HTMLu ustala się na podstawie liczby pikseli, procentów. Tymczasem jest również możliwość ustalenia marginesów, wielkości (i innych) dla bloku, względem obszaru roboczego.

Jak złamać długi ciąg znaków w HTML/CSS?

Jak złamać długi ciąg znaków w HTML/CSS?

To nie jest skomplikowana porada, aczkolwiek zauważyłem, że niektórzy zapominają o istnieniu tej "sztuczki" przy tworzeniu stron internetowych. Może się to przydać na przykład wtedy, gdy strona jest "rozciągnięta" przez jedno długie słowo, jeden długi link lub po prostu długi ciąg znaków. Jak się tego pozbyć?

Przewijany pasek społecznościowy Facebook, Twitter, Google Plus

Ostatnio zauważyłem, że coraz więcej blogów umieszcza tak zwane "social slider". Jest to pasek, który cały czas jest widoczny dla użytkownika (nawet przewijając stronę w górę i w dół).

Prosty skrypt galerii zdjęć z efektem Highslide – wersja 2

Posiadasz wiele fotografii które chciałbyś zaprezentować, lecz nie masz czasu na wykonanie skryptu, który by to wszystko obsługiwał? Poniżej zobaczysz, jak stworzyć prosty silnik galerii zdjęć przy wykorzystaniu technologii Ajax do ich efektywnej prezentacji. Przedstawiam drugą wersję skryptu. Uwzględnia ona Wasze propozycje, które dodawaliście w komentarzach do poprzedniej wersji.

Jak wstawić domyślny tekst do pola wyszukiwarki? (oraz omówienie podstawowych pseudoklas w CSS)

CSS posiada duże możliwości, jeżeli chodzi na przykład o formatowanie tekstu. Możliwe jest także panowanie nad różnymi elementami, jak mają się zachować w określonych przez nas sytuacjach. Jedną z nich jest pole wyszukiwarki na stronie - proste, nie wyróżnia się, ale jest przydatne. Postanowiłem dodać do niego tekst "Wyszukaj artykuł...", można to zrobić poprzez dodanie parametru value.

Zmiana i rozjaśnienie obrazka po najechaniu kursorem

To jest odpowiedź na pytanie zadane przez czytelnika tego serwisu - Wojtka. Zamieścił on komentarz pod postem "Prosty skrypt galerii zdjęć z efektem Highslide". Oto jego treść:

Witam, mam dwa takie same zdjęcia (czarno-białe i kolorowe) na początku jest czarno-białe ale chciałbym aby po najechaniu (a:hover) było kolorowe.

W odpowiedzi na powyższy komentarz napisałem, że rozwiązaniem tego problemu jest JavaScript. Ale nie jest to jedyne wyjście z problemu - więcej szczegółów w dalszej części posta.

Podkład muzyczny na stronie

Poniżej pokażę, jak można szybko dodać do strony internetowej podkład muzyczny. Dodatkowo sprawdzimy, jak rozpocząć jego odtwarzanie bez koniecznej ingerencji użytkownika. Jest kilka dostępnych technologii, natomiast jedna się wyróżnia i to właśnie po nią sięgają najczęściej webmasterzy.

Losowy element (tekst, obrazek, cytat)

Przydatną rzeczą na stronie WWW może okazać się wyświetlenie losowego tekstu lub obrazka. Tym sposobem można stworzyć bazę cytatów, krótkich porad a nawet bannerów reklamowych - pokazywanych użytkownikowi w sposób rotacyjny. Za każdym razem, gdy strona zostanie odświeżona zostanie wyświetlony nowy obrazek - czyli ta metoda pozwoli nam zaoszczędzić miejsca oraz czasu wczytywania witryny.

Umieszczanie wykresów na stronach www

Posiadasz sporo danych i przedstawiasz je użytkownikom w tabelach? Nie zapominaj, że wklejanie grafik, obrazków, elementów multimedialnych na stronach internetowych jest coraz popularniejsze. Skoro masz już źródło danych, to czemu nie przedstawić go w formie eleganckiego wykresu?

Dynamiczne zakładki (tabs) w Ajax

Zakładki (ang. tabs) są powszechnie używane na blogach i stronach internetowych. Oferują one lepsze zagospodarowanie dostępną przestrzenią, gdzie chcemy dodać coś nowego lub mamy mało miejsca do podziału.

Osobny arkusz stylów dla Internet Explorera

Podczas tworzenia strony internetowej, pewnie nie raz zauważyłeś jak dany element witryny wyświetlany był inaczej w Internet Explorerze, i w innych przeglądarkach. Jednym ze sposobów na pozbycie się tych błędów, jest utworzenie odrębnego arkusza stylów CSS oraz wykorzystanie komentarzy warunkowych, jakie respektowane są wyłącznie przez IE.

Dzięki temu będziemy w stanie nadać inne wartości dla wspomnianej przeglądarki, definiując je zwyczajnie w osobnym pliku.