Skocz do zawartości

Devzan

Bywalec
  • Zawartość

    162
  • Rejestracja

  • Ostatnia wizyta

  • Opinia

    Brak

Reputacja

27 Przyzwoita

O Devzan

  • Tytuł
    Wygadany

Dodatkowe informacje

  • Imię
    Michał
  • Płeć
    Mężczyzna
  • Program graficzny
    Photoshop
  • Edytor tekstu
    Inny
  • Skrypt CMS
    phpBB3
  1. A mi się wydaje, że nie rozumiecie o co mi chodzi. Cofnijmy się do czasów sprzed RWD. Strony projektowało się na 960px, żeby nawet na rozdzielczości 1024x768 zawartość nie była ucinana. Dziś większość użytkowników ma rozdzielczość, której szerokość strony to minimum 1280px. Moje pytanie w sumie nie dotyczy RWD w samego sobie, wiem czym to jest. Nie pytam jak stworzyć stronę RWD. Pytam, czy w dzisiejszym czasie, w 2016, jest jeszcze "poprawnym" robić strony z 960px szerokości, czy to już za mało i powinno się skupić na np. 1140 lub 1200. Chodzi mi o trendy, a może i nawet o standard. Bo to, że RWD, to wiem. Chodzi mi o max-width jako taki dla strony. Znów posilę się przykładem - Pecetowicz.pl ma szerokośc 1200px. Jest RWD, ale nie ma różnicy czy oglądam go na 1440px czy 1920px, nie rozciąga się ponad to 1200px.
  2. Ale właśnie chodzi mi o RWD ale z maksymalną szerokością. I właśnie o to "maksymalne rozciągnięcie" pytam. Np. TO forum ma 1200px. Na stronie nad którą teraz siedzę, 1200 to z kolei za dużo, kolumny wychodzą zbyt szerokie, a odstępów też nie chcę robić kilometrowych. I nie wiem jaki mógłby być na to złoty środek.
  3. Witam. Dopiero wchłaniam wszystko co z RWD związane, stąd moje pytanie: jak obecnie ma się tworzenie stron w gridzie 960 piks? Mam tu na myśli robienie maksymalnej szerokości dla kontentu strony (reszta po bokach to tło). Wiem, że RWD powinno bazować na %, ale cały szyk "wrapa" zamknięty w 960 nie powinien być zły? Cóż, nie każda strona jest kompatybilna z rozciąganiem na 100% każdej kolumny, ale czy 960 px jest ok? Czy może to już za mało, gdy większość użytkowników ma rozdzielczość >1280px? Jeśli tak, to ile? 1200?
  4. Witam. Co musze zrobić, by mów używać SCSS? Jak ogólnie wygląda korzystanie z niego? Pogooglowałem trochę i w wielkim misz-maszu doczytałem coś o instalowaniu Ruby i kompilowaniu, ale nie rozumiem jak coś takiego miałoby działać potem w edytorze?
  5. Witam. Na samym starcie nadmieniam, że zapoznałem się z czymś, co tak często jest tu polecane, tj. A complete guide to flexbox. Jak pierwszy raz tę stronę poznałem, jakoś udało mi się osiągnąć to, co zamierzałem. Ale teraz, po powrocie do zabawy w CSS coś mi nie idzie i nie wie gdzie robię błąd. Chcę dojść do takiego szyku: Przy czym prawy podłużny box będzie rozciągał się tak, by wyrównać się do drugiego lewego. Cały ten szyk jest zamknięty w kontenerze "content" z width 1000px. W HTMLu rozpisałem to tak: <section class="content" id="nw"> <div class="right"> prawy box </div> <div class="leftside"> <div class="left"> lewy box 1 </div> <div class="left"> lewy box 2 </div> </div> </section> Jeśli chodzi o section.content to wygląda on tylko tak: .content{ width:1000px; padding:25px 0; margin:0 auto; box-sizing:border-box; } Jeśli o boxy chodzi, to właśnie nie wiem. Obecnie mam to w floatach (które także mnie irytują, bo pod tym co widnieje na obrazku, chcę zrobić drugą podobną kopię, co wymusza na mnie zamknięcie tego w jeszcze dodatkowy box) bo w flexie nie wiedziałem jak to dobrze rozpisać, bo jak próbowałem z czymś w stylu justify-content czy align-items, to nie działało. Raz nawet coś dziwnego się stało, że prawy box mając ustawiony width:400+ liczył tylko ~200.
  6. A jak wygląda sprawa wymagań pracodawców webdesignerki/webmasterki? Jest jakiś framework, którego wymaga większość korpo, np. bootstrap?
  7. Witam. Tak mnie naszło pytanie... Na czym obecnie się skupiać w tworzeniu web? Chodzi mi o tym o jakie technologie się oprzeć, jakie CMSy ogarniać, a których nie, bo już się nie opłaca etc.? Po prostu chcę już na poważnie się tym zacząć bawić, a potem już nie bawić a zajmować, więc chciałbym wiedzieć na czym się skupiać w nauce.
  8. O, flexboxy są super. Przy okazji znalazłem sposób na inny patent, jak wyśrodkować div względem wolnej przestrzeni, którą tworzą dwa boczne ;D Dzięki!
  9. Witam. Zawsze jak robię poziome menu, używam line-height do centrowania w pionie tekstu. Wygląda to np. tak: .padding10px 0;line-height35px; I mam ogólnie podzielone menu na 3 sekcje LOGO | MENU | PRZYCISKI ZALOGUJ / ZAREJESTRUJ Wykorzystałem metodę przycisków, którą wczoraj znalazłem w internecie, czyli po prostu link z klasą "button" (do tej pory przyciski robiłem jako input button). I teraz, jak ustalam line-height dla całej nav, to dotyczy ona wszystkich 3 sekcji, więc także przycisków, które mają jeszcze swoje paddingi (dla prostokątnego wyglądu). Przez co tekst w sekcji logo & menu zostaje w miejscu, a przyciski Zaloguj / Zarejestruj ściągają cały navbar w dół, co w efekcie wygląda tak: I teraz zastanawiam się jak się wydostać z tej sytuacji. Zrezygnować z buttonów w postaci <a href="" class="button"> na rzecz input/button, czy inaczej stylizować wyrównanie w pionie? Dodam jeszcze, że dodawanie osobnego line-height do konkretnych sekcji nic nie dawało :s
  10. Czyli po prostu, jak mam: .top-nav > .wrapper > ul > li > ul > li > a{ xxx } To zamiast tego zrobić: .klasa { xxx } ? W sumie nie wiem czemu tak męczę te parent-child, chyba dlatego, że dzięki temu chcąc nie chcąc tylko jeden konkretny element będzie mieć te klasy :v Teraz w sumie faktycznie to takie na siłę. Tego nie rozumiem. Tak jakbyś tłumaczył zupełnie na odwrót to co Salvation, żebym właśnie używał rodziców i dzieci, co dotychczas robiłem.
  11. Bootstrapa nie strawię, już wolę sobie sam pisać RWD niż brać "gotowce". Dłużej mi schodzi ogarnięcie jak je modyfikować, i robię większy syf w kodzie, niż samemu pisać od zera. No i jakoś tak więcej satysfakcji. PHP Storm którego mam daje fajne możliwości tworzenia projektów pod różne tego typu bajery, ale korzystam z Boilerplate co najwyżej. Bootstrap nigdy :v Takie skrzywienie. @Mativve Nie zauważyłem Twojego postu najpierw. Ten link do CAŁEGO kursu html i css to jakaś sugestia? Nie znajdę tam chyba odpowiedzi na moje pytanie nie wałkując całego kursu, a jakoś nie lubię przerabiać czegoś, co umiem >.>
  12. Witam Od razu zaznaczę, że w sumie nie wiedziałem jak to nazwać, więc nazwałem tak... dziwnie. Ogólnie nie chodzi mi tu o stricte pomoc, a radę, czy też opinię. Ogólnie polubiłem robienie stron na zasadzie dwóch divów: pierwszy, który ma tło i rozciągnięte jest na 100%, a w nim właściwa zawartość z X width. I obecnie realizuje to na tej zasadzie, że: - Mam diva konkretnego elementu, np. nav/header/footer/main który ma width: 1000% i drugą klasę, która ustala tło (np. .stopka green-bg); - Druga diva, "wrapper" który jest wewnątrz nav/header/footer/main, który ma width w media queries i margin:0 auto. I w nim jest cała treść, tj. menu, zawartość danej podstrony itd., czyli wygląda to tak dla przykładu: <header class="header"> <div class="top"> <div class="wrapper"> <div class="title"> <h1><a href="index.html"></a></h1>> </div> <div class="account"> <span class="login"><a href="#"></a></span> <span class="register grn"><a href="#"></a></span> </div> <div style="clearboth"></div> </div> </div> </header> Gdzie klasa "header" nie ma żadnego CSS, wrapper width zależnie od RWD i margin:0 auto dla wyśrodkowania, a klasa "top" ma width 100% i wszystko czego chcę. I ogólnie pytam o to dlatego, że kiedy chcę robić bardziej "skomplikowane" treści, to bawię się w rodziców i dzieci, więc wszędzie tego wrappera musze ustalać. Przez co jak mam rozwijane menu to linijka wygląda tak: .top-nav > .wrapper > ul > li > ul > li > a{ I nie wiem, czy poprawniej byłoby dać wrappera na 100%, a ustaloną szerokość dawać konkretnemu elementowi (header/nav/main/section/footer), czy zostawić tak jak jest Obecna opcja daje mi ten profit, że przy media queries muszę ustalać tylko szerokość wrappera, a nie osobno headeru/nav/main/footer, ale z kolei wszedzie musze ustawiać rodzicielstwo wrappera (nie mogę tego robić na zasadzie top-nav li bo mam ich kilka). Więc jak będzie poprawniej i "lepiej"?
  13. Akurat pisałem, że widziałem te sposoby (no nie nadmieniłem co prawda, że te konkretnie, ale w sumie widziałem 11, tu jest 6). Dzięki, przydatne. Nie wiem po co to pisać, zero informacji. Zwłaszcza, że już poprzednicy dali o wiele bardziej wartościowe materiały. Ale ogólnie, jestem debilem. Żaden ze sposób w linku @Mativve mi nie działał, nie umiałem odkryć dlaczego. Dopiero w guide od @Salvation zauważyłem wpis, że float się z tym gryzie. Rozwiązane, dziękować.
  14. Witam. Posiadam taki box newsa: I teraz chciałbym wyśrodkować tą lewą cześć z avatarem i nickiem w pionie. Mam Google'a, wygooglowałem, znalazłem nawet 11 różnych sposobów - żaden nie działał, albo nie umiałem go przełożyć na swój kod. Najprostszym sposobem byłoby position:absolute i ustalenie wymiarów z odjętym marginem-top, ale niestety - newsy jak to newsy, mają dynamiczną wysokość. Nie chcę jej usztywniać. Metoda z table-cell i vertical-align:middle posypało mi newsy, że były dwa obok siebie, a sekcja z autorem i tak nie była wyśrodkowana... Element jest zrealizowany takim kodem: HTML: <div class="news"> <div class="author"> <time class="news-date">24 lip 2016</time> <img src="img/doctor.png" alt="No avatar" /><br /> <p>Devzan</p> </div> <div class="news-content"> <h1>Jakiś przykładowy tytuł newsa</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec velit fermentum, viverra erat sed, vestibulum magna. Duis non tellus eu dui feugiat sollicitudin non quis tellus. Aenean et varius turpis, non faucibus urna. Morbi luctus consectetur velit, at viverra enim cursus at. Integer sed est est. Aliquam porttitor fermentum ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <br /><br /> Cras fringilla nec ex ac tristique. Nam volutpat, mi in gravida tristique, sem urna venenatis tortor, id cursus orci massa eget neque. Fusce at pulvinar enim. Cras sodales commodo leo vel lobortis. Sed lacus odio, sodales id efficitur vitae, placerat ut tellus. Nam sed ipsum a magna aliquet consectetur. Mauris egestas auctor nisl, nec condimentum quam euismod id. Donec vitae feugiat lectus. Ut non dapibus erat. Donec neque ex, consectetur non finibus eu, hendrerit sed elit. Nunc nec lacus non metus auctor commodo quis vel risus. Morbi vel semper ante. Morbi ut ultricies sapien, ac euismod velit. Aenean in risus blandit, iaculis nibh quis, sollicitudin justo. </p> </div> CSS: .news { width:960px; min-height:150px; margin:10px auto 35px auto; border:1px solid #d5d5d5; padding:0; border-radius:7px; background:#fff; } .author{ width:140px; float:left; box-sizing:border-box; padding:15px 10px; text-align:center; font-weight:bold; } .author p{margin:0;padding:5px 10px;background-color:#2ba05f;color:#FFF;border-radius:5px;} .author > img{width:50px;height:50px;border-radius:50%;margin-bottom:10px;border:1px solid #9f9f9f;} .news-date{display:block;width:100px;margin:0 auto 9px auto;text-align:center;padding:0;} .news-content{width:815px;min-height:155px;float:left;padding:15px 15px;box-sizing:border-box;border-left:1px solid #d5d5d5;}
  15. Witam. Mam taki sobie dylemat. Zakładam forum i w sumie docelowo zainstalowałem phpBB 3.1.9. Ale zastanawiam się, czy to najlepszy wybór z darmowych? Support na polskiej stronie leży i kwiczy (od miesiaca czekam aż mi odpiszą w temacie :X), bazy stylów też są takie... przedwojenne? Wiele modyfikacji mi nie działa (wyświetlają się w PA ale nie w miejscach docelowych, albo w ogóle ich nie widać, a są dobrze instalowane bo na localhoście działają) etc. etc. W związku z tym zacząłem się zastanawiać czy nie ma przypadkiem lepszego wyboru? I jak wygląda obecnie stołek phpBB2 by Przemo? Również archaizm? Swego czasu mega dużo na tym działałem, znam każdy zakamarek tego skryptu, z chęcią bym przy nim został, jeśli chodziłoby tylko o moją wygodę :x
×