#css - strona 142 :: Wykop.pl

20.01.2016, 01:13:48

4

Jakiś czas temu miałem fajny plugin js/css do efektów animacji na wejście strony.
Mogłem definiować czy strona ma fadowac od lewej/prawej + kilka różnych innych wariantów. Całość była całkiem szybka i łatwa w obsłudze.
Teraz nie mogę tego znaleźć. Ktoś coś?
Działanie podobne do np. tego http://tympanus.net/Development/PageLoadingEffects

#webdev #css #jquery

s.....a

konto usunięte 20.01.2016, 05:32:54

4

@le1t00: wow.js

le1t00

20.01.2016, 12:28:13

0

@sta: Nope. Nie chodziło mi o wow.js

http://blivesta.github.io/animsition

t.....l

konto usunięte 18.01.2016, 23:09:26

1

Mircy, potrzebuję pomocy, bo zgłupłem.

http://asterysk.pl/an/

Mam takie coś, co pięknie działa w Chrome, Operze, Firefoksie, ale oczywiście w IE w ogóle nie działa. Zarówno powyższe, jak i to: http://asterysk.pl/an/index2.html

Nie

normanos

18.01.2016, 09:12:55

4

Treść przeznaczona dla osób powyżej 18 roku życia...

JackBauer

18.01.2016, 10:09:06

1

@larvaexotech: Nie wiem, nie znam vue i Ember.js, dlatego liczyłem na jakąś konkretną odpowiedź.

larvaexotech

18.01.2016, 10:14:05

1

@JackBauer: nie znam embera dlatego się nie wypowiem.

natomiast co do vue to jest po prostu "angular zrobiony dobrze" i te trzy słowa chyba najlepiej opisują tę bibliotekę.

koch4m_cie

17.01.2016, 13:04:05

1

#html #html5 #css #frontend

https://jsfiddle.net/2e0ox33g/

Co myślicie pod względem budowy? I dlaczego w ostatniej sekcji img tak jakby nie powiększają diva w którym się znajdują? Jak to ladnie zrobic?

laki1

17.01.2016, 13:12:42

1

@koch4m_cie: masz w section też ustawiony height na sztywno więc nie powiększy się ponadto

vibro_vagins

17.01.2016, 15:14:25

0

@koch4m_cie:

 .section {
 padding-top: 15%;
 min-height: 100vh;
}

koch4m_cie

17.01.2016, 11:18:27

1

#frontend #html5 #css

Mirki jak robie sobie stronke na bootstrapie i chce zeby byla taka bajerancka jak te wszystkie to dziele sobie ją na divy z klasami np section-top, section-content, section-bottom. I teraz w sumie dwa pytania:

- czy określać wysokość tych divów?
- czy określać max width?

koch4m_cie

17.01.2016, 13:02:40

0

@Melcma: @gebekzor: spójrzcie i powiedzcie co myślicie? https://jsfiddle.net/2e0ox33g/ also nie wiem dlaczego codepen.io i jsfiddle.net nie czytają body { color:white;}, a chrome już tak. co z tymi nagłówkami?

gebekzor

17.01.2016, 13:10:30

0

@koch4m_cie: https://developer.mozilla.org/pl/docs/Web/HTML/Element/section A co do tego twojego kodu, zauważ że gdy wymuszasz height: 100vh a obrazki na dole w ostatniej sekcji przekraczają wysokość czyjegoś view porta to background się kończy za wcześnie zmień to na min-height

5z7k9

16.01.2016, 16:22:29

18

Luźne pytanie na weekend: co sądzicie o przyszłości single-page application? Wszyscy wiemy jak zawsze(jeszcze nie tak dawno) tworzyło się strony internetowe - #php lub coś innego generowało HTML po stronie serwera, a przeglądarka wczytywała #js, #css i tylko pewne elementy na stronie korzystały z AJAXa. Dziś mamy Angular, Ember, React i wiele innych frameworków, bibliotek i narzędzi, które zmieniły sposób tworzenia stron internetowych. Popularne

5z7k9 - Luźne pytanie na weekend: co sądzicie o przyszłości single-page application? ... — **źródło:** comment_8djdgW8Nq9rW4GHA1hJnPmBIcec4iies.jpg
Pobierz

pulla

16.01.2016, 16:34:41

4

@5z7k9: Ja jestem wielkim fanem podejścia SPA. Jak dla mnie do zalet jeszcze można dodać (choć trochę pokrywa się z pierwszym pkt) bardzo łatwo np. zmienić język backendu. Bo od servera otrzymujemy z konkretnego urla np. jsona. Pracowałem w dwóch projektach jeden był z podejściem SPA (java + angular) drugi SOAP. Muszę powiedzieć, że dużo łatwiej się pracuje z SPA. Jednak tak jak wspomniałeś dużym minusem jest bezpieczeństwo, ale tutaj

5z7k9

16.01.2016, 22:37:50

5

@newblob: spokojnie, bo Ci piana leci z ust.

normanos

16.01.2016, 15:54:45

9

Treść przeznaczona dla osób powyżej 18 roku życia...

MrGreeneye

16.01.2016, 15:55:27

1

@normanos: lepiej późno niż wcale, ósemka przejrzana już ^^

AlvarezCasarez

16.01.2016, 16:02:04

1

@normanos: jaki ten polski internet mały, szanuje za chęci, a tag leci w ulubione :)

m.....5

konto usunięte 16.01.2016, 12:01:56

1

Mirki jak zrobić "drgający" napis?
Np. "Soon.." płynnie przechodzący z większego w mniejszy .BEZ NAJEŻDZANIA NA NIEGO.Automatycznie,żeby tak robił
#html5 #css #javascript
Przepraszam,że tyle osób wołam,ale pilne

TeflonDon

16.01.2016, 12:03:05 via iOS

3

@mati9815: css i keyframes?

rbielawski

16.01.2016, 12:07:10

2

@mati9815: Aha, i jak będziesz miał problem, to odpowiedź brzmi translateZ(0)

Peterov

16.01.2016, 11:06:30

1

Mam zrobić stronę używając tylko HTMLa i CSSa. Zaprojektowałem już sobie.
Jestem bardzo niedoświadczony w kodowaniu i zastanawiam się czy bez problemu to zakoduje?

#webdev #html #css

Peterov - Mam zrobić stronę używając tylko HTMLa i CSSa. Zaprojektowałem już sobie.
... — **źródło:** comment_AziO2BL5poepzEK9Mz5zblIKwhZlolDB.jpg
Pobierz

TeflonDon

16.01.2016, 11:10:35 via iOS

5

@Peterov: szczerze? Graficznie to tragedia.

TeflonDon

16.01.2016, 11:30:23 via iOS

2

@Peterov: Profesjonalni webmasterzy mają swoje autorskie rozwiązania albo dopasowują framework do złożoności projektu. Czasami nie ma sensu używać całego zestawu i szuka się czegoś lżejszego. Ewentualnie można zrobić swój customowy zestaw bootstrapa. Robienie na nim stron jest spoko, dokumentacja jest bardzo dobra więc polecam. Na ww. themeforest ogromna ilość stron jest na bootstrapie.

straggler

14.01.2016, 22:40:06

1

form > p {...;}
#css
Znak większości co oznacza?

TheBestThing

14.01.2016, 22:41:30

1

@straggler: zaznacza wszystkie p, ktore sa "dziecmi" form

pitu120

14.01.2016, 23:24:26

3

@straggler: @TheBestThing: Doprecyzuje, bo pewnie o to chodziło ale może wprowadzać w błąd. Chodzi o bezpośrednie "dzieci" czyli p jest bezpośrednio w elemencie form, a nie np. w jakimś div w form.

G.....r

konto usunięte 14.01.2016, 21:42:42

5

#webdew #css
http://codepen.io/davidkpiano/pen/wMqXea
Teach me mastah (｡◕‿‿◕｡)

wykoszonytrawnik

14.01.2016, 21:29:45

2

Nocny facebook tylko z widocznym czatem. (lista znajomych po prawej stronie pojawia się po najechaniu).

Plik należy wstrzyknąć przez jakiś dodatek, najlepiej Stylish. ( ͡° ͜ʖ ͡°)
http://wklej.org/id/1906183/

#css #facebook

wykoszonytrawnik - Nocny facebook tylko z widocznym czatem. (lista znajomych po prawe... — **źródło:** comment_GDSt1SvBs36K2QHeUbGh7C159ycWpia6.jpg
Pobierz

Mam_Glupi_Nick

14.01.2016, 21:32:22 via Android

0

@wykoszonytrawnik: taktyk

DreqX

14.01.2016, 21:00:49

1

Jak ustawić w CSS by div, którego tłem jest obrazek miał wysokość tego obrazka (jeśli nie ma w nim tekstu ani nic)? Próbowałem z overflow: hidden, ale nie działa. Tutaj kawałek kodu http://pastebin.com/jEhaeNNa
Chodzi o divy #gora i #foto - które się obrazki nie wyświetlają. Nie chce ustawiać dla nich konkretnej wysokości.
#html #css

rbielawski

14.01.2016, 21:05:12

2

@DreqX: jeśli chcesz, by element dopasowywał swoją wysokość do rozmiaru swojego tła, to odpowiedź brzmi: nie da się.

n0xx

14.01.2016, 21:06:44

1

@DreqX: Nie da się, chyba, że tak jak kolega napisał wyżej jako img.

klocus

13.01.2016, 11:46:53

111

➊ Plugin #jquery, przy pomocy którego stworzycie popularne ostatnio animowane "grafy" kołowe.
http://bit.ly/1yricU7

➋ Plugin jQuery, który przypomina działanie lightboxa, ale różni się tym, że obiekty ulegają ładnej animacji powiększania lub unoszenia się na środek ekranu.
http://bit.ly/1Ri4bDM

klocus - ➊ Plugin #jQuery, przy pomocy którego stworzycie popularne ostatnio animowan... — **źródło:** comment_NhWsxnsC64IHMSYzZZlcTaDPGunPfdES.jpg
Pobierz

menesis

13.01.2016, 12:33:40 via Android

2

.

Python

15.01.2016, 13:02:55

2

@klocus: dzięki za dobry kontent ;) Subskrybuje :D

mathix

12.01.2016, 23:32:53

1

Jaka jest przewaga używania em-ów i rem-ów nad procentami?
#css #html

DiKey

13.01.2016, 00:49:13

1

@mathix: responsywność

Pietras55

12.01.2016, 14:43:23

4

#webdev #frontend #html5 #css #webdesign #www
Wieczysty dostęp do SitePoint Premium za 44$, cena całkiem całkiem.
http://www.mightydeals.com/deal/sitepoint-premium.html?ref=wdd-sppremium

lewactwo

12.01.2016, 14:25:46

1

Hej mirki,

Na swojej stronie jako ikonek używam sobie sprajta svg ustawionego jako tło w CSS. Wszędzie to działa całkiem okej - oprócz IE11 gdzie ikonki są lekko przesunięte w dół. Wiecie może co może powodować taki problem?

Tutaj moje pytanie na stacku: http://stackoverflow.com/questions/34745219/svg-sprite-icons-have-top-margin-on-ie11

#webdev #css #svg #sprite #programowanie ( ͡° ͜ʖ ͡°)

lewactwo - Hej mirki,

Na swojej stronie jako ikonek używam sobie sprajta svg ustaw... — **źródło:** comment_4Sfwmqo08s3QcbuxJC6By9wfkiAQPCBS.jpg
Pobierz

k.....n

konto usunięte 12.01.2016, 14:28:10 via Android

18

@lewactwo:

Wiecie może co może powodować taki problem?

Tak, IE ( ͡° ͜ʖ ͡°)

lewactwo

12.01.2016, 14:38:02

2

@HitmaNeK_: ilość żądań do serwera (tak, wiem, w HTTP/2 to nie ma sensu)

mariecziek

11.01.2016, 10:50:23

1

Witam. Mam sobie taki skrypcik w #jquery

var shortestColumn = [].reduce.call(jQuery(".articles-columns .articles-column"), function (sml, cur) { 
 console.log(jQuery(cur).outerHeight());
 console.log(jQuery(sml).outerHeight());
 return jQuery(sml).outerHeight() <= jQuery(cur).outerHeight() ? sml : cur;

Adamus_xxx

11.01.2016, 09:38:19

3

Cześć,

Robię prostą stronkę i chcę mieć małą galerię na podstronie z produktem. Czy można bez przeszkód korzystać z takich wzorców jak ten: http://codepen.io/AMKohn/pen/EKJHf

#webdev #webdesign #css #html

zukuS

11.01.2016, 09:42:24

2

@Adamus_xxx: poszukaj lepiej coś w stylu "best sliders 2015", zeby to bylo responsywne i lepiej wszystko gralo

flamner

11.01.2016, 10:32:45

4

@Adamus_xxx: http://www.owlcarousel.owlgraphic.com/