Wszystko
Wszystkie
Archiwum
6
Jak zrobić "full screen landing page"

Travis z DevTips pokazuje jak zrobić "full screen landing page"
z- Dodaj Komentarz
- #
- #
- #
- #
- #
- #
- 3
- 3
@Linux__Shines: co to za strona? Podobna jakby do wykopu, ale przecież on nie ma białej szaty...
- 1
Mircy, pomóżcie (╯︵╰,) bo się pogubiłem
Mam sobie tekst a obok input. np.:
Start [input]
Cel [input2]
Chodzi o to, aby input ten pomniejszał się wraz ze zmniejszaniem strony, natomiast tekst stał sobie z lewej w jakiejśtam odległości i żeby się to nie rozjeżdżało. I żeby nigdy np. input nie zszedł niżej.
Wszystko znajduje się w boxie, które od 540 do 320 px zajmuje 100% width.
Mam nadzieję,
Mam sobie tekst a obok input. np.:
Start [input]
Cel [input2]
Chodzi o to, aby input ten pomniejszał się wraz ze zmniejszaniem strony, natomiast tekst stał sobie z lewej w jakiejśtam odległości i żeby się to nie rozjeżdżało. I żeby nigdy np. input nie zszedł niżej.
Wszystko znajduje się w boxie, które od 540 do 320 px zajmuje 100% width.
Mam nadzieję,
konto usunięte via Android
- 0
Wklej to na jsFiddle, bo Twoje slowa mozna interpretowac roznie https://jsfiddle.net/
- 2
#css Pozytywne zaskoczenie, że ten minus przez kropką zadziałał. Pewnie to nic szczególnego.
źródło: comment_SwYVOPG5E9nlyTBDoa3hmlXwZ2fklgGt.jpg
Pobierz- 1
Mirki znacie jakiś dobry darmowy kurs htmla po polsku dla osoby początkującej?
#html #css #informatyka
#html #css #informatyka
@terror_blade: codeacademy albo Microsoft virtual Academy
Osobiście czerpałem wiedzę głównie z ...
http://kurshtml.boo.pl
Fakt, było to kilka lat temu, ale sobie cenię. ( ͡° ͜ʖ ͡°)
W sumie to już z 8 latek minęło od tamtej pory.
Co nie zmienia faktu że źródło sprawdzone i robi robotę dobrze, przynajmniej patrząc z dzisiejszej perspektywy.
http://kurshtml.boo.pl
Fakt, było to kilka lat temu, ale sobie cenię. ( ͡° ͜ʖ ͡°)
W sumie to już z 8 latek minęło od tamtej pory.
Co nie zmienia faktu że źródło sprawdzone i robi robotę dobrze, przynajmniej patrząc z dzisiejszej perspektywy.
- 2
Użyłam tego "upiększacza" kodu css, choć mój kod i tak był uporządkowany.
Po tranformacji i wklejeniu, "upiększony" kod oczywiście nie działał... Co to ma być?
http://www.cleancss.com/css-beautify/
Tak robi na przykład:
#css
Po tranformacji i wklejeniu, "upiększony" kod oczywiście nie działał... Co to ma być?
http://www.cleancss.com/css-beautify/
Tak robi na przykład:
#
page.entry - meta {
line - height: 1.4;
}#css
@moon5: Upiekszacz css? Toz od razu pisz w sass/less
- 1
@latajacy_pomidor: Ja się chcę specjalizować w backendzie ;) Na razie nauka i testy.
- 2
Mirki, napisałem sobie prostą webową aplikację, wszystko jest na jednej stronie przesuwanej na boki przy pomocy suwaków lub rolki w myszce. Niestety na monitorze dotykowym przy przesuwaniu palcem, treść na stronie się zaznacza zamiast przesuwać całą stronę w prawo/lewo :( Podejrzewam, że trzeba napisać do tego skrypt w JS, ale niestety nie mam pomysłu jak...
#css #javascript #html5
#css #javascript #html5
- 1
- 1
@sebask: obczaj:
https://github.com/azoff/overscroll
http://cubiq.org/iscroll-5
http://www.zackgrossbart.com/hackito/touchslider/
zapewnej jest tego więcej w google ;)
https://github.com/azoff/overscroll
http://cubiq.org/iscroll-5
http://www.zackgrossbart.com/hackito/touchslider/
zapewnej jest tego więcej w google ;)
- 1
Mireczki... Nie moge sobie z tym poradzić, choć poprzeglądałem już mase postów na http://stackoverflow.com
Mianowicie chciałbym aby menu "zapadało" mi sie przy < 1000px (ekranach które mają mniej jak 1000px). Nijak bez używania LESS nie mogę tego uczynić... Czy ma ktoś jakiś sprawdzony pomysł? Menu mam 2 poziomowe póki co ale będzie 3 poziomwe docelowo. Wszystko czego używałem powodowało iż po zapadnięciu się menu, naciśnięciu na przycisk dropdown w menu kolejna wartwa
Mianowicie chciałbym aby menu "zapadało" mi sie przy < 1000px (ekranach które mają mniej jak 1000px). Nijak bez używania LESS nie mogę tego uczynić... Czy ma ktoś jakiś sprawdzony pomysł? Menu mam 2 poziomowe póki co ale będzie 3 poziomwe docelowo. Wszystko czego używałem powodowało iż po zapadnięciu się menu, naciśnięciu na przycisk dropdown w menu kolejna wartwa
@yozz84: masz w bootstrapie gotowe klasy - http://getbootstrap.com/components/#navbar
- 0
Za pomocą Bootstrap Customize zmieniłem wartość @grid-float-breakpoint z @screen-sm-min na @screen-md-min, nastepnie wygenerowałem raz jeszcze pliki Bootstrapa, podmieniłem z tymi w themie i to w sumie rozwiązało mój problem. Dobrze że własne zmiany nanoszę w osobnych plikach css / js :) Najprostrze rozwiązanie okazało się nalepsze... szkoda ze wczesniej o tym nie pomyslalem... tylko chciałem to za pomocą "własnego css-a zmieniac ;P
Dziękuje za chęć pomocy i wskazówki.
Teraz musze poszukać
Dziękuje za chęć pomocy i wskazówki.
Teraz musze poszukać
- 4
- 4
Słuchajcie, mam do oddania trzech klientów, którzy mają swoje strony internetowe jakie im od czasu do czasu aktualizuję. Są to strona pizzerii, strona szkoły nauki języków obcych oraz strona usług blacharskich. Nic się na nich praktycznie nie dzieje. Zwykle klienci aktualizują ją raz lub dwa razy do roku, prosząc mnie o podmianę treści. Oczywiście za wszystko płacą. Ale liczę im naprawdę groszowe stawki skoro chodzi wyłącznie o podmianę tekstu. Strony leżą od
- 3
Próbuję poprawić css-a na stronie by nie tylko wyglądał ale również był odpowiednio napisany i nie mogę rozkminić dlaczego nie działa mi tutaj float. Białe pole jest ustawione jako table, data to table-row z float: left i jedyne co chcę od pola żółtego ustawionego na table-row to by opływało datę z prawej strony (obrazek również jest częścią żółtego pola). Już wcześniej korzystałem z takiego rozwiązania i działało a tu dupa. Ma ktoś
źródło: comment_go8JhmgR2NbAlROqMXuz9q6rc2UJQJ5x.jpg
Pobierz- 0
@tomash-pl: a dobra nie ważne, overflow: hidden załatwił mi sprawę.
konto usunięte via Android
- 0
Podpowiem:
clear: both;
overflow: hidden;
height: 100%;
Pokombinuj, jak tego użyć do spółki z floatem :)
clear: both;
overflow: hidden;
height: 100%;
Pokombinuj, jak tego użyć do spółki z floatem :)
- 1
Witajcie Mirki. Od pewnego czasu targają mną mieszane uczucia na temat dołaczania niestandardowych czcionek do strony. Rozważam realnie tylko dwie prawilne metody (#cufonaltofdejt): font-face i załączanie fonta przez bezpośredni link do google. Problem wygląda tak: gdy zassysam czcionkę z własnego serwera to rozmiary niektórych elementów zaczynają się różnić rozmiarem (w przykładzie liczba 17). Wszystko się poprawia, gdy pobieram czcionkę bezpośrednio z serwera google'a poprzez . Ktoś ma może jakiś pomysł jak
źródło: comment_kcGOQ4unw6nFSk3zmVM0fvo8AVt1MtGk.jpg
Pobierz- 0
@sonars: jedyny powód żeby nie używać google to obawa przed tym, ze font zniknie im z serwera. Poza tym same plusy.
- 0
- 0
@JavaEngineer: Zaskakująco czytelny kod jak na JSF wyszedł z tego ;) Jeśli to nie błąd importu pliku CSS, to pewnie więc jakaś bzdura niezwiązana z JSF
- 1
@jestem_specjalista_od_spraw: Jak masz dużo warningów o ID to powinieneś na to zwrócić uwagę
- 1
@jestem_specjalista_od_spraw: Idiotyzmem jest stylizować IDki więc nie widzę tutaj by był on bez sensu.
Drogie Mirki, chciałbym zasięgnąć Waszej opini jako ekspertów od wszystkiego.
Pytanie jest krótkie:
Co sądzicie o tym kursie http://www.theodinproject.com/courses?ref=home_b jeśli potrakotwać go jako kurs niejako kompleksowy?
#webdev #css #html5 #javascript #ruby
Pytanie jest krótkie:
Co sądzicie o tym kursie http://www.theodinproject.com/courses?ref=home_b jeśli potrakotwać go jako kurs niejako kompleksowy?
#webdev #css #html5 #javascript #ruby
- 0
@Pietras55: komplekosowe w tym sensie ze zgodnie z tym co tam pisza po sumiennym przerobieniu tego wszystkiego co tam jest (ok 1000h) jestes gotow do podjecia pracy jako junior
Ciężko gdybać, na pewno nie zaszkodzi. W Polsce wymagają praktyki (zwyczajnie obycia, również we własnym zakresie). Na zachodzie bankowo masz wzięcie - nawet jako trainee albo apprentice. Trzeba przyznać, że program jest bogaty, ale wszystko wchodzi dopiero jak świadomie coś robisz, nie jedziesz tylko z tutorialem. To czego tu nie widzę to php i mysql, mimo to czy jako front-end potrzebujesz tego?
konto usunięte via Android
- 0
@Mateusz15936: MOZE eksperci z #webdev beda zainteresowani praca za 10zl :)
@JavaEngineer: jego filmy są najlepsze :)



























http://testowe24.pl
#webdev #webmastering #webdesign #html #css