Zrobiłem SVG Sprite z plikoow SVG gulpem. I teraz gdy wklejam sobie poszczególne ikonki tagiem I to nie mogę zmienić ich koloru. Dlaczego ?! #webdev #css #sass #javascript #programowanie #frontend
Wszystko
Najnowsze
Archiwum
Wprowadzenie do SASS - Cztery Tygodnie
Jeśli chcecie poznać bliżej możliwości pre procesora SASS to zapraszam do wpisu...
z- 2
- #
- #
- #
- #
- #
@Ananasz: w osobnych plikach np. variables, mixins itd. wtedy tylko importujesz do głównego pliku że stylami i to wszystko
@Requiescant:
Kto mówi o osobnych plikach w czasach
chociaż osobne pliki to zawsze 2 pliki więcej do wczytywania
Kto mówi o osobnych plikach w czasach
Czy jest jakiś najbardziej odpowiedni, prawilny sposób stylowania komponentów w react?
Co guglam to mi wyskakuje co innego. Już mi się we łbie gotuje !@#$%^&
#react #programowanie #css #sass #naukaprogramowania #javascript
Co guglam to mi wyskakuje co innego. Już mi się we łbie gotuje !@#$%^&
#react #programowanie #css #sass #naukaprogramowania #javascript
Treść przeznaczona dla osób powyżej 18 roku życia...
Treść przeznaczona dla osób powyżej 18 roku życia...
Wykonywałem kilka obliczeń na zmiennych w JS i chciałem wstawić obliczenia do `
źródło: comment_OoARJubEtnWd3p9QrIf7K8YvJxaoE9P5.jpg
Pobierz@Djaangoo:
Powiedz to programistom React'a :)
Nie zaleca się łączyć ze sobą JS/CSS/HTML w jednym pliku
Powiedz to programistom React'a :)
@Djaangoo: To w ogóle było dość zabawne, bo całe życie mi wtłaczano do głowy aby oddzielać JS/CSS/HTML, czyli nie robić tzw. spaghetti code'u, a tutaj przyszli Panowie/Panie z Facebooka i bach: JSX.
@pomarancza_: Pozostaje tylko skel.io, inne rzeczy jakie znajduję mają już nałożoną własną warstwę. Przykładem może być bulma.io
Jakie starterkity do najnowszego webpacka polecacie?
Potrzebuję coś do ES6, typescript, redux, rxjs i Sass, dodam że kilka polecanych starterkitów znalazłem ale jest od groma do starych webpacków.
Wiem że jest taka lista jak poniżej ale który warto zastosować?
https://webpack.js.org/starter-kits/
#
Potrzebuję coś do ES6, typescript, redux, rxjs i Sass, dodam że kilka polecanych starterkitów znalazłem ale jest od groma do starych webpacków.
Wiem że jest taka lista jak poniżej ale który warto zastosować?
https://webpack.js.org/starter-kits/
#
Komentarz usunięty przez autora
Jakiej metodologii/struktury CSS używasz w projektach?
- Żadnej 27.8% (20)
- Mojej własnej 20.8% (15)
- Atomic CSS 0% (0)
- OOCSS 2.8% (2)
- SMACSS 2.8% (2)
- BEM 40.3% (29)
- OOCSS + BEM 1.4% (1)
- OOCSS + BEM + SMACSS 2.8% (2)
- OOCSS + SMACSS 0% (0)
- Inna znana - napiszę w komentarzu 1.4% (1)
@folxuxd: a wiesz, że można odpalić serwer, który robi Ci to automatycznie na czas pisania kodu, a potem robi gotowego builda ze wszystkich plików?
Nowy tydzień - nowy wspaniały standard w #javascript... A tak poważnie, i bardziej #html / #css / #frontend. Co to jest #postcss? Znaczy przeczytałem sobie opis na stronie i technicznie wiem, ale jakoś nie widzę tej wyższości nad #sass / #less... Może ktoś z was ma jakieś opinie wyrobione w praktyce?
Sass w Web Components
Nawiązując do poprzedniego artykułu, chciałbym zwrócić uwagę na problem związany z umieszczaniem stylów wewnątrz pliku HTML.
z- 0
- #
- #
- #
- #
- #
- #
Treść przeznaczona dla osób powyżej 18 roku życia...
#sass #css #webdev Hej, chciałem sobie skonfigurować grunt-a normalnie na dysku.
dałem normalnie npm install grunt i nie działa mi a chyba jak taki dam polecenie to inastaluje wszystkie paczki nie ?
[http://grafmag.pl/artykuly/automatyzujemy-prace-za-pomoca-grunt/](http://grafmag.pl/artykuly/automatyzujemy-prace-za-pomoca-grunt/) - według tego. dałem normalnie npm install grunt i nie działa mi a chyba jak taki dam polecenie to inastaluje wszystkie paczki nie ?
@krzysztofu:
npm install -g grunt-cli
@grzesiek123321: @krzysztofu: albo krócej: npm i -g grunt-cli (aczkolwiek grunt to już relikt przeszłości, zapomniałem już, że to w ogóle istniało :P)
Jak poprawnie pisać w SASS? Założmy, że mam kod:
Który sposób stylowania będzie poprawniejszy?
Który sposób stylowania będzie poprawniejszy?
nav { header { h2 {} } }
@TwigTechnology: No dobra, ale założmy, że h2 występuje tylko raz - w headerze właśnie i nie ma potrzeby stylizowania go globalnie. Zagnieżdżać, czy nie?
@Trustm3: skoro sam piszesz, że samo h2 wystarczy, więc po co dodawać przed nim cokolwiek innego?
Mam aplikacje korzystającą z Anglara 2, Webpacka 2 i Bootstrapa 4. Wszędzie zalecają, żeby style Bootstrapa podpinać pod główny komponent app.component, co nie koniecznie mi się podoba. Chciałbym, żeby Webpack kompilował Bootstrapa do pliku dołączonego w klasyczny sposób, a style poszczególnych komponentów były dołączane dynamicznie. Jak się za to zabrać? Jest to w ogóle możliwe? Czy musiałbym mieć do tego celu Gulpa + Webpacka?
#webdev #webpack #
#webdev #webpack #
@veranoo: Nie
@FunkyFresh: To spróbuj zainstalować, następnie w pliku .angular-cli.json w "styles" możesz wrzucać style do kompilowania
Learn SASS: from beginner to expert
Everything you need to know about SASS. Level up your CSS and get better results faster with SASS!
z- 0
- #
- #
Znajdą się jakieś fajne poradniczki jak zarządzać podziałem elementów na pliki w #sass?
Czyli każdy może napisać kompilator (transpilator w przypadku SASS), ważne żeby był zgodny ze specyfikacją czyli w taki sam sposób przerabiał SASS na CSS.
Oryginalnie SASS pochodzi z kręgów Ruby. Jednak ponieważ instalowanie całego Ruby tylko po to, żeby używać SASS jest uciążliwe, napisano transpilatory w innych językach, w tym w JS.
Jako ciekawostka powiem, że podobnie jest z Javą, czy JavaScript. ;-)
Node-sass to tylko bindingi do Libsassa (który jest w c++)
@Copperhead: Ruby sass już nie jest wspierany. Twórca porzucił Rubiego na rzecz Darta, więc teraz Dart Sass jest oficjalną aplikacją. Libsass ( na którym opiera się node-sass) to twór społeczności.