HTML + CSS

10 listopada 2018

GRID CSS


Możliwość komentowania GRID CSS została wyłączona

Prosty wzorzec HTML oparty na trzech kolumnach (ale środkowa jest szeroka na dwie) oparty na tak zwanej kracie (grid).
Czytaj dalej »

21 czerwca 2018

Framework7 VirtualList – dynamiczne menu

Kategoria: HTML + CSS, JavaScript, PHP

Możliwość komentowania Framework7 VirtualList – dynamiczne menu została wyłączona

Dynamicznie wczytywana lista dwupoziomowa z pliku JSON pobranego z zewnętrznego serwera do aplikacji Phonegap z użyciem wirtualnej listy wygląda następująco.
Czytaj dalej »

JSON służy do wymiany danych głównie w kierunku z PHP/MySQL do aplikacji Html/JS (Angular).

Rozdzielamy kod w taki sposób, aby aplikacja PHP nie generowała w ogóle kodu HTML tylko czyste dane zapisane w postaci JSON.
Czytaj dalej »

Angular jest biblioteką javascript o dużych możliwościach, do zalet należy m. in. iterowanie HTML (pętle), obsługa Ajaxa i in.
Czytaj dalej »

Phonegap to framework firmy Adobe, rodzaj wrappera umożliwiający pisanie aplikacji w HTML5 i CSS z wykorzystaniem JavaScript działających na telefonach komórkowych z dowolnym popularnym systemem operacyjnym (iOS, Android itp.). Dzięki temu aby programować na Androida nie trzeba uczyć się Javy, a na iOS C++.
Jest to o tyle przydatne, że liczba programistów HTML/CSS/JavaScript jest znacznie większa.
Czytaj dalej »

WSTĘP

Skrypt tworzący generator liczb losowych w formie prostej strony www.
Do wykonywania obliczeń wykorzystuje zarówno JS jak i PHP.

INDEX.PHP

Kod odpowiedzialny za działanie naszego generatora.
Każda z kolumn spełniających określone działanie opisana jest poniżej.

Czytaj dalej »

Przykład na dynamiczną zmianę kodu HTML. Pusta warstwa DIV staje się niepusta po użyciu .innerHTML w JavaScript. Zwróć uwagę, że warstwa DIV musi mieć tą samą nazwę „warstwa” co argument funkcji getElementById (‚warstwa’).

Czytaj dalej »

Program przygotowany na zamówienie Dyrekcji Zespołu Szkół Nr 2 w Ostrzeszowie.

Maturzysta wchodzi do sali egzaminacyjnej i losuje stolik w aplikacji, numer wyświetla się jako duża liczba na środku ekranu i zostaje wpisany do kolejki. Przy kolejnym losowaniu numery wylosowane nie są brane pod uwagę
Czytaj dalej »

UWAGA! Metoda jest przestarzała (deprecated), obecnie lepiej tworzyć takie szablony z użyciem GRID CSS np.
http://fx-team.fulara.com/grid-css/

Jednym z zadań na egzaminie dla profilu Technik Informatyk może się okazać stworzenie strony internetowej jak na zamieszczonym poniżej wzorze. Jest to prosty układ 3-kolumnowy, banalny do wykonania z pomocą tabel. Jednak w jaki sposób wykonać go bez ich użycia? Odpowiedź jest prosta – należy użyć CSS.

layout

Czytaj dalej »