#orange #flexbox #router #wifi #siecikomputerowe #sieci #javascript

Jak wzbogacić nazwę naszego SSID o znaki niedozwolone - router Orange FlexBox.

Temat co jakiś czas się pojawia, więc pozwólcie, że przedstawię proste rozwiązanie tego problemu. Nie trzeba instalować żadnych aplikacji, jedyne co będzie potrzebne to przeglądarka.

1.Pokaż całość

Po świąteczno-noworocznej przerwie pora rozruszać stawy palcach.
Dzisiejszym tematem będzie centrowanie elementu znajdującego się w kontenerze. Rzecz prosta, lecz często poszukiwana w wyszukiwarkach, szczególnie przez początkujących web-developerów.

O tym, jak wyśrodkować element za pomocą trzech sposobów #css - #flexbox, #grid i #block - przeczytasz na blogu.

https://webroad.pl/html5-css3/7799-jak-wysrodkowac-element-w-kontenerze-3-sposoby-flexbox-grid-i-block
#webroad

#css #flexbox
Jak zrobic aby pierwszy row mial 100% wysokosci i 5% width w kontenerze, drugi mial 95% width, wysokosci 5%, a trzeci natomiast mial 95% , auto height?
a czwarty pod wszystkimi, 95% width, 5 height> XD

#css #flexbox

vs

Ktore lepsze rozwiazanie "zastosowania" flexbox?

Hej, mam jedno pytanie z Flexboxa. Robię stronkę, na której mam w sekcji 4 divy. Flex-direction w sekcji jest ustawione na row i flex-wrap jest ustawiony na wrap.
Chcę zrobić coś takiego, że po zmniejszaniu okna przeglądarki do nowej linii przechodzą od razu dwa divy, a nie tylko jeden.

Na tę chwilę wygląda to tak, że jak strona jest na pełnej rozdzielczości, to mam 4 divy w jednym, tym samym wierszu, jednak jak zmniejszę stronę, to TYLKO ostatni div przechodzi do nowej linii, a w pierwszej linii nadal są 3 divy. Dopiero potem muszę jeszcze bardziej zmniejszyć stronę, aby 3 div przeszedł do nowej linii i żeby w pierwszej linii były dwa divy i w ostatniej. A ja chciałbym, żeby od razu po pierwszym zmniejszeniu w pierwszej linii były dwa divy i w drugiej dwa (nie wiem czy dobrze to wszystko wytłumaczyłem).

Na tę chwilę do głowy przychodzą mi tylko dwa rozwiązania:Pokaż całość

Mam pytanie: jak chcę stworzyć stronkę opartą na Flexbox, to lepiej jest ustawić display: flex; na body i ustawiać sobie potem wszystkie divy i sekcje, czy lepiej jest w body zrobić jednego, głównego diva z display: flex; w którym będzie wszystko na stronie?

Wiem, że można robić to na te dwa sposoby, ale zastanawiam się, który jest częściej stosowany jako "dobra praktyka".

#css #flexbox #javascript #Pokaż całość

Co jest bardziej popularne w frontendzie do tworzenia widoków strony www: Flexbox czy Grid?

Aktualnie uczę się Flexa i wydaje mi się, że mam go już dobrze opanowanego, ale nie wiem, czy jest sens się uczyć Grida, tym bardziej, iż słyszałem, że sam Flex spokojnie wystarczy do tworzenia dobrych, responsywnych stronek.

Powinienem się dobrze nauczyć Grida, skoro znam już Flexboxa?

#frontend #css #flexbox #gridPokaż całość

Siema, jeżeli dobrze ogarniam flexboxa, to opłaca mi się robić stronę internetową z wykorzystaniem frameworka Bootstrap, czy lepiej to robić w czystym flexsie?

Nie wiem czy napiszę teraz jakąś głupotkę, ale gdzieś słyszałem, że przed pojawieniem się flex-boxa strony budowało się głównie za pomocą floatów, ewentualnie właściwości position. Było to jednak dość problematyczne, bo trzeba było się trochę "nagimnastykować", aby zrobić dobrą, responsywną stronę. Potem na ratunek przyszedł Bootstrap, który był właśnie zbudowany na floatach (do wersji 4.0, w wyższych wersja BS jest już chyba zbudowany na flexach), ale jak to framework, "robił to sam" i pozwalał tworzyć łatwo responsywne strony, nie przejmując się różnymi kwiatkami wynikającymi z floatów.

Jednak później pojawił się flexbox, dzięki któremu można szybko i w miarę łatwo robić responsywne stronki z dwoma widokami (desktopowy i mobilny). Co prawda Bootstrap w wersji 4.0 też wykorzystuje już flexboxa, jednak się zastanawiam, czy skoro dobrze ogarniam czystego flexa, to czy opłaca mi się korzystać z tego frameworka. Tym bardziej, że kiedy na mirko przeczytałem komentarz, dlaczego lepiej zrobić stronkę w czystym flexsie, zamiast z wykorzystaniem Bootstrapa:

bo

Pokaż całość

Mam L4 na 3tygodnie pierwszy tydzien bede leżał.
Reszte czasu skoncze utrwalac #css #flexbox #grid. Zrobie kilka responsywnych stronek i biore z sie za #javascript
I zastanawism sie czy wczesniej nie ogarnac #bootstrap

Czy lepiej postepowac według tego roadmap?Pokaż całość

#css #html #flexbox
Jestem w stanie zrobić flexboxami coś takiego?

Najpierw miałem dwie kolumny obok siebie i mój fragment kodu odpowiadający za to wyglądał następująco:
.col-left{flex: 1 0px;}
.col-right{flex: 2 0px;}
Co trzeba zrobić, żeby trzeci box był w tej samej kolumnie, co drugi? Nie muszą przylegać rozmiarem do jedynki

Głupie pytanie ;) Mam takie 3 divy. Da się tak zrobić by trójka wskoczyła mi obok dwójki bez zmiany orientacji na row?

https://codepen.io/anon/pen/OEReWG

@Rst00 zły link wkleiłem, teraz powinno być jasne ;)

#css #flexbox #frontend #naukaprogramowania

Jak we flexbox/css zrobić takie coś bez absolute? by napis zawsze był na środku, a przycisk zamknij (z prawej)?

#webdev #flexbox #css

Bardzo fajna gra do nauki flexboxa :) polecam
http://flexboxfroggy.com/#pl

#frontend #css #flexbox

Jak za pomocą flexboxa/css zrobić, żeby każdy element wyświetlał się teraz obok menu, a nie pod? Przykładowo ten tekst co jest na samym dole.

https://jsfiddle.net/qy9dd75L/1/

#html #css #flexbox #naukaprogramowania #flexbox

Macie takich 5 januszów + flexbox. Jakbyście zrobili by np. po jednym rozłożyło po każdym z boków i jeden był na środku?

Próbowałem tak że na kontenerze ustawiałem reletive i każdego cisnąłem absolutem z tym że to się gryzie z flexboxem i ogólnie jest kupa. Może zupełnie od d--y strony się do tego zabieram? Poradzicie coś mireczki jak to powinno się robić by było dobrze i responsywnie.

https://jsbin.com/peyegupase/edit?html,css,output

#css #Pokaż całość

Czy takie coś da się wypozycjonować na samym flexie czy próbuje zrobić coś niemożliwego? ( ͡° ͜ʖ ͡°)

#flexbox #css #frontend #naukaprogramowania

Rozumiem, że sa różne sposoby pozycjonowania elementów na stronie, floaty, absolute, relative etc. Jest i Flexbox. Czy dobrze rozumiem, że w dzisiejszych czasach flex zastępuje te wszystkie inne wcześniej stosowane metody?

#naukaprogramowania #css #flexbox #frontend

Czy da się wykonać flexboxem gallerie w ,której elementy będą miały różne szerokości i po zejściu do nowego wiersza uzupełniały 'luki' ? Jeśli tak to jak, kombinuje z tym i nic nie idzie..
#flexbox #css

#frontend #flexbox

Mirki a co myślicie o używaniu tego grida? http://flexboxgrid.com/