Niezalogowany [ logowanie ]
Subskrybuj kanał ATOM Kanał ATOM    Subskrybuj kanał ATOM dla tagu javascript Kanał ATOM (tag: javascript)

Autor wpisu: batman, dodany: 08.10.2015 10:00, tagi: css, javascript

Odkąd kupiłem pierwszy „mądry” telefon, czas jaki spędzam przeglądając strony internetowe na urządzeniach mobilnych, mniej więcej dorównuje czasowi przeglądania sieci na komputerze. I już pierwszego dnia zauważyłem, że przeglądanie to jest dalekie od wygodnego. Pomijając fakt, że wiele serwisów nie potrafi/nie chce dostosować swoich stron do urządzeń mobilnych, małe komputerki po prostu nie radzą sobie ze skomplikowanymi stronami, upakowanymi licznymi skryptami, obrazkami i wideo. Problem ten dostrzegło Google i przygotowało Accelerated Mobile Pages. AMP jest nowym frameworkiem... [[ This is a content summary only. Visit my website for full links, other content, and more! ]]

Autor wpisu: Michał Janicki, dodany: 10.08.2015 20:28, tagi: javascript

Nowa praca ma to do siebie, że człowiek ma możliwość wykorzystać w praniu nowe technologie – często także takie, z którymi nie miał wcześniej w ogóle do czynienia. W ten oto sposób zacząłem używać Vagranta, Kohanę, Nginxa… właśnie Nginx… Z serwerem tym nie miałem nigdy wcześniej do czynienia i zdarzały się parę razy, że miałem problem dogadaniem się z towarzyszem Nginixem. Nie było to jednak nic czego bym się nie spodziewał – aż do dzisiaj.

Co się właściwie stało?

Wszystko wyglądało na początku normalnie. Postawiłem sobie na Vagrancie zestaw składający się z PHP, Ubuntu, MySql i Nginxa. Sam projekt wykorzystywał Kohane i Angulara. Wszystko szło dobrze do momentu aż nie musiałem zmodyfikować pliku js. Nagle się okazało, że pliki js, które zmodyfikowałem trafiają do przeglądarki niekompletne – brakuje pół a czasem kilku linijek kodu.

Informacje jakie znalazłem w Google na ten temat sugerowały, że to może być przyczyna jakiegoś dziwnego znaku na końcu pliku albo kodowania – jednak ta hipoteza w moim przypadku się nie sprawdziła. Nie sprawdziło się także kilka innych wersji wydarzeń jakie znalazłem w Google a także te sugerowane przez kolegów, którym (ja jakże ;)) wszystko działało prawidłowo.

I jak to się skończyło?

 W końcu zacząłem szukać informacji o podobnym błędzie ale konkretnie pod kontem Nginxa. Po chwili trafiłem post zamieszczony na blogu Conroy.com poświęcony podobnemu zagadnieniu. Autor tego postu napisał, że aby rozwiązać ten problem należy w pliku nginx.conf ustawić parametr sendfile z on (domyślne ustawienie) na off. Po zastosowaniu się do zaleceń i zresetowaniu serwera wszystko zaczęło działać poprawnie.

Ale dlaczego właśnie tak?

To, że rozwiązałem problem to jedno a to co było przyczyną to drugie. Zgodnie z tym co pisze autor tego posta parametr sendfile odpowiada za to czy serwer będzie wykorzystywał do odczytywania plików funkcję sendfile znajdującą się w jądrze systemów uniksowych. Jest to mechanizm szybszy od standardowych rozwiązań jednak ta funkcja nie działa prawidłowo gdy system zostanie uruchomiony na… wirtualnej maszynie

Czytaj dalej tutaj (rozwija treść wpisu)
Czytaj dalej na blogu autora...

Autor wpisu: zleek, dodany: 04.08.2015 14:44, tagi: javascript, jquery, xhtml

Today I will present short code snippet in jQuery which will can be used to hide element on website by clicking outside of it. This snippet could be used ie. to present any information in popoup which should be visible

Autor wpisu: cichy, dodany: 29.06.2015 01:25, tagi: javascript, jquery

Jeżeli zastanawiałeś się kiedyś w jaki sposób za pomocą jQuery obsłużyć popularny gest z urządzeń mobilnych (przeciągnięcie palcem po ekranie) to na całe szczęście istnieje bardzo proste rozwiązanie.

Poniższy link jest efektem poszukiwań przed napisaniem czegoś własnego i w zupełności wystarczył na potrzeby projektu:

http://stephband.info/jquery.event.swipe/

Autor wpisu: zleek, dodany: 07.05.2015 08:59, tagi: javascript, jquery

sgCounter is a tiny jQuery plugin which allows live control of your text fields in form. This plugin works with input text fields and textarea fields, which contains appropriate attributes set. It is also a visual friendly, because information about

Autor wpisu: batman, dodany: 22.04.2015 09:00, tagi: javascript

Przed kilkoma tygodniami zmieniłem Windows Phone na Androida. Od tamtej pory kompletuję zestaw aplikacji, które ułatwią mi korzystanie z telefonu. W większości przypadków znalazłem ciekawe propozycje, brakowało mi tylko jednej aplikacji – wykonującej czynności wtedy, gdy jakieś wydarzenie będzie miało miejsce. Brzmi nieco skomplikowanie? Już wyjaśniam o co chodzi.

Chcielibyście mieć aplikację, która sama włączy WiFi gdy jesteście w domu lub w pracy? Lub aplikację, która wyśle SMS z informacją, że nie możecie odebrać telefonu, ponieważ prowadzicie samochód? Od teraz możecie skorzystać z takiej aplikacji. Jest nią on{X}.

on{X} daje możliwość praktycznie nieograniczonego tworzenia reguł związanych z naszym telefonem. Wyzwalaczem może być zmiana lokalizacji, sposobu przemieszania się (chodzenie, bieganie, jazda samochodem), przychodząca rozmowa, SMS, uruchomienie aplikacji, zmiana pogody i wiele innych. Reakcją na wyzwalacz z kolei może być wszystko, co jest związane z naszym telefonem, czyli SMS, powiadomienie, uruchomienie aplikacji, połączenie się z usługą sieciową, włączenie/wyłączenie WiFi, itd. Jedyne co nas ogranicza, to nasza własna wyobraźnia. I nie jest to puste hasło, ponieważ receptury (akcje wykonywane w przypadku wystąpienia odpowiedniego wydarzenia) możemy tworzyć sami w JavaScipt. Na stronie on{X} dostępna jest dokumentacja wraz z opisem wyzwalaczy dla każdego elementu telefonu. Dostarcza ona kompletnych informacji na temat szczegółów tworzenia receptur. Jeśli nie chcecie pisać własnych receptur, możecie wykorzystać już gotowe, stworzone przez społeczność. Mamy w czym wybierać, ponieważ gotowych receptur jest około pięćdziesięciu i każda z nich jest przydatna.

Na koniec nieco niepokojąca informacja – projekt sprawia wrażenie co najmniej zaniedbanego. Od dawna nie pojawiła się aktualizacja aplikacji, a ostatni wpis na blogu pochodzi z 2014 roku. Szkoda, ponieważ jest to aplikacja, której szukałem od momentu wyjęcia telefonu z pudełka. Inne aplikacje oferujące podobne możliwości, nie były w stanie wykonać wszystkich czynności, których potrzebowałem.

Aplikację znajdziecie w Google Play po adresem https://play.google.com/store/apps/details?id=com.microsoft.onx.app.

 

Autor wpisu: Michał Janicki, dodany: 15.03.2015 20:47, tagi: css, javascript

Jakiś czas temu wyczytałem, że ok 60% informacji jakie znajduje się w Internecie można spokojnie wyrzucić do śmieci. Trudno się z tym nie zgodzić – znalezienie informacji opisujących rozwiązanie jakiegoś zadania „zgodnie ze sztuką” może przysporzyć czasami sporo problemów.

Ponad rok temu opisywałem wam inicjatywę Josha Lockharta, która ma za zadanie zebranie w jednym miejscu wszystkich najlepszych praktyk i sprawdzonych źródeł wiedzy związanych z PHP. Inicjatywa spodobała mi się do tego stopnia, że umieściłem na blogu baner promujący ten projekt.

Kwestą czasu było pojawienie się podobnych projektów dotyczących innych języków i wychodząc z tego właśnie założenia znalazłem niedawno projekt HTML & CSS The Right Way. Projekt ten prowadzony jest przez Reinora Boulangera, któremu przyświecał bardzo podobny cel co Lokhartowi czyli zgromadzenie sprawdzone źródła i najlepsze praktyki z tworzeniem dotyczących wybranej technologii. W swoim projekcie pan Boulanger nie ogranicza się tylko do opisu zagadnień związanych z HTML i CSS – wspomina także o JS – i właśnie JavaScript będzie dotyczył kolejny projekt z cyklu „The Right Way”.

JavaScript The Right Way jest projektem Williama Oliveira i sporej ilości innych osób (pełna lista na stronie projektu). Jak wiadomo JS już od dawna jest wykorzystywany do zupełnie innych celów niż pierwotnie przewidzieli to jego projektanci – tak więc na stronie projektu znajdziecie także informacje o silnikach używanych do tworzenia gier uruchamianych w przeglądarce a także sporo materiałów dotyczących node.js.

Nie pozostaje więc nic innego tylko czytać i wprowadzać w życie dobre praktyki programowania – to zawsze procentuje. Do przeczytania już wkrótce!

The post Front – End The Right Way appeared first on Michał Janicki.

Wszystkie wpisy należą do ich twórców. PHP.pl nie ponosi odpowiedzialności za treść wpisów.