Hej, mirkofrontowcy, szukam jakiejś alternatywy dla Google Timeline Charts (https://developers.google.com/chart/interactive/docs/gallery/timeline ). Potrzebuje zwizualizować na linii czasu kilkadziesiąt wątków, mam dla nich timestamp startu i końca. Niestety wykresy googlowe przy większej ilości danych wariują - tooltipy się pojawiają w złych miejscach, do tego źle wyświetla legendę (pokazuje same sekundy zamiast konkretnych minut i godzin) nie widzę też opcji żeby je wyświetlić bez wewnętrznego scrolla. Może znacie coś prostego (js lub html5) co
Wszystko
Najnowsze
Archiwum
- 3
- 1
#programowanie #css #svg #responsivedesign #html5 #html
Cześć, mam pytanie: otóż stworzyłem sobie jakiś wstępny layout gdzie jako tło mam wrzucone zdjęcie które skaluje się względem tła bo ma ustawione contain. Na tle mam wrzucone obiekty SVG (circle). Każdemu circle ustawiam w % cx i cy i r. Da się jakoś zrobić przez media żeby np. na danej rozdzielczości ten circle
Cześć, mam pytanie: otóż stworzyłem sobie jakiś wstępny layout gdzie jako tło mam wrzucone zdjęcie które skaluje się względem tła bo ma ustawione contain. Na tle mam wrzucone obiekty SVG (circle). Każdemu circle ustawiam w % cx i cy i r. Da się jakoś zrobić przez media żeby np. na danej rozdzielczości ten circle
Jak zrobić w CSS żeby najechanie myszką na element (wiem że trzeba użyć :hover) wpływało na inny element w innej części strony. Co ważne (chyba) w HTMLu ten element jest przed tym który ma go aktywować, odwrotnie mi się udało samemu zrobić (tzn napierw jest element na który najeżdżam a później ten który się podświetla)
#css #html #webdev
#css #html #webdev
- 0
@streetpunkpl: właśnie tylda mi zadziałała jak zrobiłem odwrotnie. Chyba faktycznie w zrobię JSem, ale to trochę nieelegancko xD
@Kutalongest ew. zrób pseudoelement i przykryj wcześniejszego diva ( ͡º ͜ʖ͡º) xD będziesz miał purecss :P
2
11 najlepszych edytorów HTML - Blog

1. Sublime Text Sublime Text to bardzo ciekawy edytor, który zadziwia swoimi możliwościami. Jego obsługa opiera się głównie na klawiaturze, ale
z- 3
- #
- #
- #
- #
- #
O 24 godziny przedłużyli promocję na #ebooki związane z programowaniem i nie tylko (14 tysięcy książek i tysiąc audiobooków). Wszystko dostępne od 6,90 zł do maks. 19,90 zł.
W promocji jest np. najnowsza książka Uncle Boba (autora "Czystego kodu" - 19,90 zł ("Czysta architektura ...").
Przypominam - zrobiłem panel do przeglądu wszystkich 15 tysięcy pozycji objętych promocją - jest to obecnie najszybsza dostępna w sieci opcja do przeglądu tych danych:
http://NotatnikProgramisty.pl/files/helion/promocje/11_2018/panel/
W promocji jest np. najnowsza książka Uncle Boba (autora "Czystego kodu" - 19,90 zł ("Czysta architektura ...").
Przypominam - zrobiłem panel do przeglądu wszystkich 15 tysięcy pozycji objętych promocją - jest to obecnie najszybsza dostępna w sieci opcja do przeglądu tych danych:
http://NotatnikProgramisty.pl/files/helion/promocje/11_2018/panel/
Treść przeznaczona dla osób powyżej 18 roku życia...
konto usunięte via Wykop Mobilny (Android)
- 1
@wrexwaz: JavaScript
źródło: comment_tj3AVqKjmx7RiO8vDerAVTh5XE4MApeH.jpg
Pobierz- 0
- 0
#programowanie ? nie zabijcie mnie
@aycan: podeślij linka jakiegoś profilu - się spojrzy.
Strasznie banalne pytanie ale: co oznacza słowo "run" w kontekście HTML? Nie wiem jak je przetłumaczyć, np:
Phrasing content falls into three categories:
Content that is replaced by something visually. (E.g. as ![]() is replaced by an image.
Content that contains text within a run.
Phrasing content falls into three categories:
Content that is replaced by something visually. (E.g. as ![]() is replaced by an image.
Content that contains text within a run.
- 3
@PodprzestrzennyKolektywPizzy: wykonywanie?
@PodprzestrzennyKolektywPizzy: chodzi o ciąg, potok. W każdym razie rzeczownik.
Dziś ostatni dzień największej promocji na #ebooki związane z programowaniem i nie tylko (14 tysięcy książek i tysiąc audiobooków). Wszystko dostępne od 6,90 zł do maks. 19,90 zł.
W promocji jest np. najnowsza książka Uncle Boba (autora "Czystego kodu" - 19,90 zł ("Czysta architektura ...").
Przypominam - zrobiłem panel do przeglądu wszystkich 15 tysięcy pozycji objętych promocją - jest to obecnie najszybsza dostępna w sieci opcja do przeglądu tych danych:
http://NotatnikProgramisty.pl/files/helion/promocje/11_2018/panel/
Nowości
W promocji jest np. najnowsza książka Uncle Boba (autora "Czystego kodu" - 19,90 zł ("Czysta architektura ...").
Przypominam - zrobiłem panel do przeglądu wszystkich 15 tysięcy pozycji objętych promocją - jest to obecnie najszybsza dostępna w sieci opcja do przeglądu tych danych:
http://NotatnikProgramisty.pl/files/helion/promocje/11_2018/panel/
Nowości
- 0
A dla osób mniej zainteresowanych informatyką, ja z kolei przygotowałem wybór także innej literatury: http://cyfranek.booklikes.com/post/1805524/promocja-urodzinowa-ksiegarni-ebookpoint-wybor-literatury-nieinformatycznej
- 0
Właśnie otrzymałem z ebookpointu listę pięciuset najczęściej kupowanych książek - jest zaktualizowane na stronie:
http://NotatnikProgramisty.pl/files/helion/promocje/11_2018/panel/bestsellers.html
http://NotatnikProgramisty.pl/files/helion/promocje/11_2018/panel/bestsellers.html
Większość z Was którzy korzystają z #kindle już pewnie wie o promocji na #ebooki w związku z #7latebookpoint.
TL;DR: do niedzieli ok. 14 tys. ebooków i ponad 1 tys. audiobooków z rabatami do 93%.
Ponieważ nie lubię przeglądać mega list excelowych przygotowanych w innych serwisach, wykonałem najszybszą wyszukiwarkę w kraju do przeglądania książek w tej promocji :)
Miłego szukania!
TL;DR: do niedzieli ok. 14 tys. ebooków i ponad 1 tys. audiobooków z rabatami do 93%.
Ponieważ nie lubię przeglądać mega list excelowych przygotowanych w innych serwisach, wykonałem najszybszą wyszukiwarkę w kraju do przeglądania książek w tej promocji :)
Miłego szukania!
- 1
Pierwszy wynik pod "poland map js": https://cssmapsplugin.com/get/poland/
@Arveit: chyba że chcesz mapke sam zrobić, wtedy polecam http://image-map.weebly.com/
wgrywasz mapkę, zaznaczasz w tym województwa. Potem w kodzie dodajesz wycięte 'podświetlenia' województw razem z danymi, dodajesz js że gdy najedziesz na dany area to ma się wyświetlić konkretne województwo i w sumie tadam.
Ostatnio się z tym meczylm bo klient chciał ładniejszą mapkę niż z tego cssmaps
wgrywasz mapkę, zaznaczasz w tym województwa. Potem w kodzie dodajesz wycięte 'podświetlenia' województw razem z danymi, dodajesz js że gdy najedziesz na dany area to ma się wyświetlić konkretne województwo i w sumie tadam.
Ostatnio się z tym meczylm bo klient chciał ładniejszą mapkę niż z tego cssmaps
- 0
@Internetbox: Już się z nim próbuję zaprzyjaźnić od kilku lat. Cóż.
- 1
@zortabla_rt: zależy co chcesz osiągnąć i czy wynika to z layoutu czy samego ostylowania elementu IMG. Dodawanie klasy do IMG nie jest nietaktem, tak samo jak nie jest nietaktem trzymanie go w nadrzędnym elemencie blokowym, ale jeżeli DIV jest tylko po to, żeby zaadresować wewnętrzne elementy np.:
.x > img {
display:none;
}
-> to jest to zbędne.
.x > img {
display:none;
}
-> to jest to zbędne.
Czy mając taki projekt w .psd jestem w stanie wydobyć informację na jakiej wysokości ma zaczynać się ta warstwa po lewej stronie a na jakiej wysokości ma kończyć się po prawej ?
Chcę to sobie przenieść do css i pytanie czy to muszę robić na oko według uznania czy te wysokości narożnika po lewej na dole a tego po prawej są gdzieś podane ? Używam akurat darmowego rozwiązania photopea.
#css
Chcę to sobie przenieść do css i pytanie czy to muszę robić na oko według uznania czy te wysokości narożnika po lewej na dole a tego po prawej są gdzieś podane ? Używam akurat darmowego rozwiązania photopea.
#css
źródło: comment_qvG0hRmzPuzyE5tDBZblKVdgkMflFUkg.jpg
Pobierz- 0
@getin i jak to potem zainstalować
- 0
- 6
Jak to jest, że..
9 lat temu strony były przeładowane FLASH-em ale spokojnie dało się otwierać po 90-100 stron w odrębnych procesach na starych komputerach i płynnie serfowało się po internecie.
A teraz mimo, że mam 3-4 razy szybszego kompa to już po kilku stronach komputer się dławi. ( ಠ_ಠ)
Weźcie wytłumaczcie to laikowi (
9 lat temu strony były przeładowane FLASH-em ale spokojnie dało się otwierać po 90-100 stron w odrębnych procesach na starych komputerach i płynnie serfowało się po internecie.
A teraz mimo, że mam 3-4 razy szybszego kompa to już po kilku stronach komputer się dławi. ( ಠ_ಠ)
Weźcie wytłumaczcie to laikowi (
źródło: comment_YNNhTznr3xz6AFyk308XPzzltkRNpOof.jpg
Pobierz- 6
@kajbu: nie sa zbytnio zoptymalizowane bo w wiekszosci nie ma to znaczenia. Klienta nie obchodzi, ze strona bedzie dzialac 0.1s szybciej, jezeli poswiecisz na to 2 miesiace. Ma dzialac w miare szybko i po prostu dzialac. Swoja droga zobacz, ze kiedys strony byly mniej przeladowane trescia, jakis tam naglowek, jakas tabelka z trescia i tyle. A teraz spojrz na wykop. Jsowe handlery do otwarcia tagow/powiadomien w nawigacji, hover na nazwie
@kajbu: Chrome ma takie narzędzia. W konsoli deva wystarczy odpalić analizę na urządzenie mobilne.
Dawniej nie było gzipa i słabszy internet. Dzisiaj 10MB JSa nie jest problemem. Bo i tak zostanie pobrany w skompresowanych chunkach, które ładują się dynamicznie, w tle.
Dawniej nie było gzipa i słabszy internet. Dzisiaj 10MB JSa nie jest problemem. Bo i tak zostanie pobrany w skompresowanych chunkach, które ładują się dynamicznie, w tle.
Mam sobie
1 obrazek wysoki bardzo, obok niego stoją 2 obrazki obok siebie.
Ten 1 wysoki jest wrzucony do kontenera BOX1, a te co stoją obok, do BOX2.
Wszystko wrzucone jest do DIV flexbox
Jak zrobić z tego wyświetlanie jeden pod drugim? W media query to jakaś większa zabaw chyba
1 obrazek wysoki bardzo, obok niego stoją 2 obrazki obok siebie.
Ten 1 wysoki jest wrzucony do kontenera BOX1, a te co stoją obok, do BOX2.
Wszystko wrzucone jest do DIV flexbox
Jak zrobić z tego wyświetlanie jeden pod drugim? W media query to jakaś większa zabaw chyba
@zortabla_rt: Przykładowo coś takiego: https://codepen.io/folxu/pen/mzZLNZ
- 0
@folxuxd: Ups, zadziałało. (:
Co prawda wchodzi pod ostatni obrazek (zielony), ale to już sobie poradzę.
Co prawda wchodzi pod ostatni obrazek (zielony), ale to już sobie poradzę.
- 1
#js #javascript #html
Cześć, stworzyłem sobie w javascript drag element w postaci kółka z liczbą. Chciałbym zrobić coś takiego że na podstawie podanej ilości w inpucie (value w input) i kliknięciu buttona wygenerował odpowiednią ilość tych drag elementów z kolejnymi liczbami. Ktoś podpowie jak to szybko zrobić?
Z góry dziękuję za pomoc!
Cześć, stworzyłem sobie w javascript drag element w postaci kółka z liczbą. Chciałbym zrobić coś takiego że na podstawie podanej ilości w inpucie (value w input) i kliknięciu buttona wygenerował odpowiednią ilość tych drag elementów z kolejnymi liczbami. Ktoś podpowie jak to szybko zrobić?
Z góry dziękuję za pomoc!
- 1
Tu jest ten kod: https://pastebin.com/day7P2s0
- 0
@dzimen: no a jak ma działać skoro na start pobierasz listę wszystkich elementów a później je dodajesz dynamicznie i nie odświeżasz pobranej wcześniej listy? Przemyśl najpierw od początku do końca to co chcesz zrobić, rozpisz na kartce i wtedy zabieraj się za pracę bo nigdy tego nie zrobisz.
Przypominam z rana, że zamiast pisać bezduszny kod w korpo można uzdrawiać duszę i ciało programując wodę i to u siebie w domu: https://www.wykop.pl/link/4613243/na-dobre-wejscie-w-poniedzialek-programowanie-wody-od-podstaw/
#programowanie #programista15k #java #python #php #ruby #cplusplus #html #heheszki
#programowanie #programista15k #java #python #php #ruby #cplusplus #html #heheszki
@cieliczka: A później zwiecha, bo błąd logiczny i pętla się kręci w nieskończoność. Nie dzięki, aż tak pewny siebie nie jestem i wolę nie kończyć w Budziku :D
- 3

- 10
Cześć Kraków! Dawna stolica Polski frontendem stoi. Zapraszamy do cotygodniowego przeglądu rynku i technologii.,
pon- javascript, wt. - php, śr. - java/Scala/C++, czw. - Python, pt. - ruby/Mobile, sob. - Testerzy, ndz. - .NET/DevOps
[javascript]⤵
Front
pon- javascript, wt. - php, śr. - java/Scala/C++, czw. - Python, pt. - ruby/Mobile, sob. - Testerzy, ndz. - .NET/DevOps
[javascript]⤵
Front
źródło: comment_lpB1z91HMdCDExs8GIcG6YFuT2yRLhJI.jpg
Pobierz


















źródło: comment_BO0uaRoMPMbo6QJZq1nUAWqA3NwVCGHe.jpg
Pobierz