m4txblog++

7

Jakieś 2,5 roku temu informowałem o m4txblogu 2.0. Dziś inkrementujemy numerek: nadeszła era m4txbloga³.

A w nowym m4txblogu? Oczywiście nowy theme. Tym razem w odstawkę poszły gotowce. No, prawie. O ile sama baza motywu nie jest moja, o tyle cały wygląd strony już tak. I choć mam chore poczucie estetyki, myślę, że wyszło nienajgorzej 😉

Wspomniałem o bazie theme’u. Otóż oparty on jest przede wszystkim na dwóch frameworkach:

  • Roots, czyli bazowy motyw dla WordPressa, pozbawiony wszelkich śmieci
  • Twitter Bootstrap, czyli funkcjonalny framework do tworzenia UI webaplikacji

Co można powiedzieć o tych dwóch?

  • Roots robi to, co powinien robić i robi to dobrze. Nie tylko sam jest pozbawiony śmieci, ale również usuwa część śmieci z WordPressa. Jest dość dobrze konfigurowalny i dostosowywalny; dzięki prostej i (w większości) intuicyjnej budowie łatwo dodać lub zmienić określoną funkcjonalność.
  • Bootstrap to kombajn do robienia GUI. Zawiera masę (nie zawsze) przydatnych kontrolek, a przede wszystkim mocno ułatwia tworzenie responsywnych layoutów (a właściwie odwala 90% roboty z tym za webmastera). Dzięki temu, że jest oparty na LESS-ie (którego niedawno opisywałem) modyfikacja go jest nie tylko prosta, ale i wygodna. Warto jednak powiedzieć o głównej wadzie: generuje sporo zbędnego kodu.

Rozpisywanie się o zaletach, wadach i poradach dotyczących użytkowania jednego i drugiego to temat na 2 osobne wpisy, dlatego odpuszczę sobie to w tym momencie; tak czy inaczej, polecam te 2 pozycje każdemu webmasterowi, który przy rozsądnym nakładzie pracy chce zbudować fajnie działającą stronę, i to nie tylko na desktopy… 🙂

Odpowiem teraz na pewne pytanie: na czym się skupiłem w tym theme’ie?

  • Dostosowaniu motywu do wyświetlaczy o dużej gęstości pikseli (Retiny i inne): layout zawiera tylko 1 obrazek rastrowy i jest nim tło strony. Wszystko inne to albo efekty CSS3, albo tekst (tekstem są m.in. również ikonki), albo obrazki wektorowe w SVG (logo HTML5 w stopce). Inaczej mówiąc: skalujcie sobie ile chcecie, i tak wszystko będzie idealnie ostre… 🙂 (btw., jest jeszcze jedna grupa obrazków rastrowych – są nimi avatary komentujących, których nie mogłem już zamienić na wektorowe wersje z oczywistych względów)
  • Responsywności layoutu: dzięki użyciu Bootstrapa w prosty sposób mogłem dostosować stronę do różnej wielkości urządzeń – można wygodnie przeglądać m4txbloga na dekstopie, tablecie i smartfonie
  • Czytelności i schludności: starałem się tak dobrać kolorystykę i czcionki, by dało się wygodnie czytać tekst na stronie.

Layout nie jest jeszcze perfekcyjny, zawiera jeszcze sporo błędów, które starał się będę sukcesywnie naprawiać. Jednakże na chwilę obecną jest wystarczająco używalny, by go zamieścić na m4txblogu 🙂

Podziękowania należą się jeszcze przede wszystkich do dwóch osób (kolejność alfabetyczna):

  • Sobak – informacja o Bootstrapie
  • xevuel – pomoc i cierpliwość w przypadkach problemów z themem.

Na koniec jeszcze 2 screeny – jeden ze starej wersji bloga:

m4txblog 2.0 - screen

 

A drugi z nowej:

m4txblog³ - screen

 

Pozdrawiam.

7 komentarzy

  1. xevuel

    A gdzie ten cień pod navbarem? Miał być wczoraj.

    A po prawej w komentarzach dziwnie wyglądają Twoje wpisy. Tak jakby nie było ich na głównej. I na dodatek nie mają avatara, jeśli się zdecydujesz je zostawić, to przynajmniej jakiś domyślny avatar dodaj.

    Odpowiedz
    • m4tx

      admin

      To po prawej w komentarzach to pingbacki są, a nie wpisy 🙂 A z avatarem może być problem – jaki mógłbym dać avatar dla pingbacka?
      A cień nie „miał być” tylko „pomyślę nad nim” 😛

      Odpowiedz
      • xevuel

        Jedno i to samo, jak pisze „ostatnie komentarze” to powinny być komentarze, a nie.

        Takie 😛 A tak serio, to np. Twój gravatar z jakąś zieloną strzałką? Nie wiem.

        Odpowiedz
  2. Mrowqa

    Jak już wcześniej Ci pisałem – kawał świetnej roboty! Po prostu muszę to napisać – świetnie Ci poszło 🙂 Ja nadal jestem z tyłu z moim kiepskim modem domyślnego motywu… W mojej ostatecznej desperacji/leniwości użyczyłbyś kodu? 😀 W sumie nie chcę robić kopii, więc i tak zapewne bym go nie użył, ale kto wie… 😛 Kiedyś może będzie trzeba się pobawić w webmasterstwo – na pewno mi nie zaszkodzi 😉

    Odpowiedz
  3. Sobak

    To ja też się dorzucam do gratulacji. Theme iście zajebisty, amen.

    Odpowiedz
  4. Wiemac

    No świetnie!!! Poprzednia wersja wyglądała trochę staroświecko… Jestem pod wrażeniem.

    Odpowiedz
  5. Anikarab

    Ԝіtamǃ!ǃ
    Βуć możе mоjа wіadоmоść jeѕt zbyt ѕрeсyfісzna.
    Αle mоϳа stаrszа sіоѕtra znalazłа tutaϳ wsрanіаłеgо mężсzуznę i maϳą śwіеtny związеk, ale сo zе mną?
    Μаm 25 lat, Αnikа, z Czеch, znаm język angіelѕki równіеż
    I… leрiеj powіedzіeć tо od rаzu. Jеstem bisekѕualnу. Nie ϳestеm zаzdroѕnу o inną kоbiеtę… zwłаszczа jеślі koсhamy ѕіę rаzem.
    Ach tаk, gotuϳę bаrdzо smасzniе! i koсham nіе tylkо gоtować ;))
    Im prawdziwa dziеwczуna і ѕzukа powаżnego i gorąсegо związku…
    Ԝ kаżdym rаzіe, mоżesz znаleźć mój profil tutaj: http://vetecneolob.ga/usr-58567/

    Odpowiedz

Zostaw komentarz

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>