JavaScript

Ciekawy przypadek tagu video

Ciekawy przypadek tagu video

slav

Dawno, dawno temu – kiedy jeszcze nie było neostrady… żeby odpalić video w na stronie, trzeba było mieć flash i kupę dodatkowych skryptów. Po tym jak pojawił się HTML5 sprawa się lekko uprościła i wystarczył tag VIDEO i mądre przeglądarki w teorii zaczęły odtwarzać video bez flasha.

bez jQuery też się da pracować

bez jQuery też się da pracować

slav
You might not need jQuery to bardzo fajna strona która w prosty sposób pokazuje jak zrobić “coś” bez jQuery. Przez lata każdy przyzwyczaił się do słynnego $(… a okazuje się że często można obejść się bez. Dlaczego właściwie można próbować robić cokolwiek bez jQuery? Ano powodów jest kilka: Prędkość – załadowanie jQuery trwa, niezależnie czy idzie z CDN czy lokalnie, Rozmiar strony – samo jQuery tyje, projekt jQuery Slim trochę ratuje sytuacje ale ciągle jQuery to szczęśliwy grubasek, Po prostu nie warto – jeśli potrzebujesz zmienić widoczność elementu, albo nadpisać “onclick” – można to zrobić przy pomocy jednej linijki zwykłego JavaScript

Jak sprawdzić czy chociaż jeden checkbox w formularzu jest wybrany

slav
bez jQuery… el = document.getElementById('of'); el.addEventListener('submit', function(ev) { var checkboxes = document.getElementsByClassName('checkboxy'); var checkedOne = Array.prototype.slice.call(checkboxes).some(x => x.checked); if (checkOne == false) { ev.preventDefault(); alert("Wybierz przynajmniej jeden checkbox"); } gdzie id formularza to “of” a klasa checkboxów to .checkboxy
Bez jQuery też się da

Bez jQuery też się da

slav

jQuery od lat jest już praktycznie standardową biblioteką jaką używa się przy wszystkich pracach na stronie.

Coraz rzadziej korzysta się z vanilla JavaScript mimo tego, że różnice pomiędzy przeglądarkami nie są już tak wielkie jak 5 – 10 lat temu. Bo właśnie dlatego powstało jQuery – żeby zniwelować różnice pomiędzy interpretacją JavaScript przez różne przeglądarki.

jQuery przytyło i ciągle tyje… jest kilka niezłych alternatyw takich jak np Zepto.js , ale… czasami można się obejść bez JavaScript – polecam stronę You Don’t Need jQuery gdzie można znaleźć kompletną listę zamienników.

Zapytania AJAX bez pisania JavaScript – intercooler

Zapytania AJAX bez pisania JavaScript – intercooler

slav
Jak rzucę hasło AJAX to od od razu nasuwa się $.ajax({}); ewentualnie $.post, albo $.get z jQuery. Na szczęście można się bez tego odejść, dzięki projektom takim jak intercooler.js . Idea jest prosta i polega na tym, ze zamiast pisać JavaScript i podczepiać go do HTML tworzymy tagi, które są intepretowane przez intercooler i na ich podstawie dokonywane są akcje ajax. Odsyłam na stronę dokumentacji , jest bardzo przejrzysta i zawiera mnóstwo przykładów.
Zoomerang

Zoomerang

slav
Zoomerang.js to bardzo fajna biblioteka pozwaląca na powiększenie wybranych elementów na stronie. Nie ma specjalnej konfiguracji, wystarczy skorzystać z klasy <span class="zoom">  na danym elemencie i działa. Jedyne ograniczenie to koniecznośc posiadania przeglądarki z obsługą CSS3, więc stare wersje IE nie będą działać.
Funkcje PHP w JavaScript

Funkcje PHP w JavaScript

slav
Bardzo ciekawy projekt – PHP.JS zastanawiam się tylko dla kogo 🙂 Idea jest bardzo prosta – odwzorować funkcje znane w PHP w JavaScript. Mamy więc do dyspozycji funkcje takie jak array,date czy nawet json_decode. Jest to więc doskonały zestaw dla każdego programisty PHP, który czuje się zagubiony przy pracy z JavaScript.
Edytor PHP – PhpStorm

Edytor PHP – PhpStorm

slav

Od dawien dawna korzystałem z Komodo Edit . Wszystko działało bez zarzutów. Wydajność, stabilność… jednak czegoś mi brakowało. Większej integracji z PHP którą dostarczył mi właśnie PhpStorm . Co wyróżnia PhpStorm na tyle innych edytorów? Jest to IDE stworzone specjalnie na potrzeby programistów PHP. Mamy więc takie narzędzia jak automatyczne uzupełnianie kodu PHP (ale to ma każdy dobry edytor), wykrywanie zduplikowanego kodu, funkcje do refaktoringu PHP, wsparcie dla Smartego i PHPDoc oraz wspaniałą obsługę języków dodatkowych takich jak JavaScript, SQL czy XML.