Sticky header koji se smanjuje kada skrolamo

Potrebno je da kreirate 3 dokumenta.

index.html

style.css

skripta.js

U index.html potrebno je da pozovete style.css i skripta.js u head, a  u body da upišete sljedeći kod.


<div class="container">
<div id="header" class="header">Pozdrav svijete!</div>
</div>
Definisanje kontejner klase i unutar njega id zaglavlje

Continue reading “Sticky header koji se smanjuje kada skrolamo” »

rent a car tuzla

Online zarada i realni biznis

Mnogo malih i srednjih kompanija u našoj zemlji i zemljama regiona, uopšte, ne razmišlja o online poslovanju. Neki čak idu i korak dalje pa nemaju ni svoju web stranicu na kojoj bi predstavili svoju firmu, nemaju niti facebook page, ali zato imaju sve manju prodaju i njihovo poslovanje je svedeno na nivo da lokalni stanovnici samo nekad u prolazu navrate da bi imali o čemu pričati u društvu.

Mnogi od vlasnika firmi, brinu o svojoj kompaniji i rade sve kako bi poboljšali promet i prodaju, a danas ću predstaviti jednu malu kompaniju koja je ionako dobru prodaju, dodatno pojačala preko interneta.

Radi se o kompaniji Rent a car Tuzla koja posluje pod imenom “MOMENT AUTO d.o.o.”, Continue reading “Online zarada i realni biznis” »

15 zanimljivih i korisnih Javascript i CSS biblioteka

CSS I JAVASCRIPT BIBLIOTEKE

CSS I JAVASCRIPT PROGRAMIRANJE.

U ovoj objavi vam predstavljam mjesečnu zbirku biblioteka za razvoj web-a, koje su momci sa tutorialzine.com pronašli za nas. Svaka od ovih biblioteka je pažljivo izabrana između ostalih i označena kao korisna, pouzdana i dovoljno izgrađena za korištenje u najnovijim tehnologijama i idejama. Nadam se da ćete uživati.

CSS office ui fabric
CSS office ui fabric

Office UI Fabric

Ovo je Microsoftov projekat otvorenog koda, ako želite da gradite svoju aplikaciju uz izgled MS Office paketa onda je ovo biblioteka za vas. Posjeduje mnogo jQuery ukrasa, a dizajn se radi kao i kod ostalih. Continue reading “15 zanimljivih i korisnih Javascript i CSS biblioteka” »

Najlakši način za pravljenje prilagodljivog web zaglavlja

Da bi napravili lijep, odgovarajući i prilagodljiv ( responsive ) header uvijek se morate dobro potruditi, osim ako skidate neke gotove skripte. Do sada sam koristio mnogo komplikovanih trikova i mnogo vremena sam gubio za ručno podešavanje vrijednosti piksela u css-u. Ali sada je mnogo lakše!

Tehnika koju ću predstaviti se oslanja na flexbox i uradit će sve teške poslove umjesto Vas. Flexbox je fleksibilni okvir, novi mod u CSS3. Korištenje flexbox-a osigurava da se elementi web stranice ponašaju onako kako to zahtjeva određeni uređaj ili veličina zaslona i prikazuje elemente tako, a kod ostaje jednostavno čist i lakši za čitati.

Tehnika
Web Responsive header flexbox
Napravite jednostavno i brzo responsive header / prilagodljivo zaglavlje vaše web stranice

U ovom primjeru je napravljen header / zaglavlje, koji se sastoji iz tri dijela, sva tri dijela se koriste skoro za svaki header:

  • Lijeva strana: Logo firme
  • Sredina: Navigacija i linkovi
  • Desna strana: Dugme

Ispod možete pogledati pojednostavljenu verziju koda.

Continue reading “Najlakši način za pravljenje prilagodljivog web zaglavlja” »

  • logo

    Izvorni kodovi i tehnike koje su korištene u mojim objavama, mogu se slobodno koristiti na besplatnim i komercijalnim projektima. Za napisane članke zadržavam pravo, molim sve koji članak prenesu na svoj medij, da unutar teksta naprave link prema ovoj stranici.

  • email: office@nimra.pro
    (Armin Ahmetovic)

    Bosna i Hercegovina
    72000 Zenica