Garść inspiracji na ten tydzień #3

Witam z cotygodniową listą ciekawostek/nowości/rzeczy wartych do nauczenia we front-endzie.

1 Prawdziwym odkryciem tego tygodnia było dla mnie Backstop.js, aplikacja umożliwiająca skuteczne testowanie front-endu stron WWW. Dzięki niemu, możesz zapisać sobie wygląd poszczególnych podstron i następnie, porównać je w stosunku do wprowadzonych zmian.

2 Jakby brakowało wam jeszcze testowania wizualnego, polecam rozszerzenie do Chrome o nazwie Look Alike. Działa podobnie jak Backstop.js, ale uruchamia się je z poziomu przeglądarki. Przydatne, gdy chcemy sprawdzić, czy nasze zmiany nie zepsuły czegoś na produkcji. Koniec z nieoczekiwanymi zmianami na stronach i telefonami od klienta o 20 w piątek, że coś się zepsuło :)

3 Polecam też ciekawą konferencję na temat Internet of Things, która jeszcze bardziej utwierdza mnie w przekonaniu, że nie potrzebuję czajnika z Wi-Fi.

4 Z ciekawostek - jeśli kod JS ma komentarz "Super safe equal height column", powinna zapalić Ci się czerwona lampka. Przy wolnym internecie, nawet rozwiązania "super safe" mogą wyglądać jak kupa i warto im zapewnić fallback. Kolumny o równej wysokości możesz zrobić na przykład w ten sposób.

See the Pen Equal Height and Width Columns using Flexbox by Kamil (@KamilNaja) on CodePen.

5 Rozpocząłem prace e-bookiem na temat testowania CSS - będzie dostępna na blogu oraz przez GitHuba.

6 Polecam książeczkę "Jeszcze wydajniejsze witryny WWW" - autorami są takie znakomitości, jak Nicholas Zakas czy Douglas Crockford. Szczególnie ciekawy jest rozdział dotyczący pisania szybkiego CSS.

Garść inspiracji na ten tydzień #2

Witam po przerwie
W tym tygodniku trochę nowych materiałów do polecenia, a szczególnie:

• https://www.youtube.com/watch?v=JSaMl2OKjfQ - Lea Verou wyjaśnia tajniki border radius
• https://www.youtube.com/watch?v=WjP7TEKB7Uo - prezentacja, która zrywa czapki z głów - cuda w CSS
• Przyjemny tutorial od Net Ninja na temat API w MEAN https://www.youtube.com/watch?v=BRdcRFvuqsE . . . 
• . . . oraz Vue JS - wygląda jako przyjemna (bo łatwiejsza) alternatywa dla Angulara. Net Ninja nie ustaje we wrzucaniu nowych nagrań i nie jestem w stanie teraz przerabiać ich wszystkich :)
• zajrzałem też do książki MySQL Vademecum Profesjonalisty Paula Duboisa . . . 
• oraz do książki na temat Angulara 2 - https://books.ninja-squad.com/angular, która omawia od podstaw zagadnienia związane z ES 6 oraz Typescriptem, a także Angularem 2, oraz różnice między nim, a poprzednią wersją.

Jeśli masz jakieś sprawdzone materiały na temat programowania, daj o nich znać w komentarzu !!!

Kamil 

Garść inspiracji na ten tydzień

1 – Z zainteresowaniem przejrzałem strony największych firm zegarkowych. Bardzo spodobała mi się strona czapek.com z piękną typografią oraz intro na stronie Grand Seiko. Warto zajrzeć, szczególnie dlatego, że te firmy sprzedają zegarki w cenach dobrych samochodów.

2 – Kontynuuję pracę z tutorialami Mariusza Jurczenki z YT na temat Angulara2. Są ciekawe, ponieważ uczą one podstaw, których brakuje przy innych tutorialach.

3 – Polecam też nagrania Clarissy Peterson na temat typografi na stronach RWD. Napisała ona także niezłą książkę na temat responsywnych stron.

4 – Zaskoczyło mnie nagranie na temat prawidłowego ustawiania wysokości linii oraz marginesów na stronie WWW, opublikowane przez Paqmind

5 – Warto zajrzeć także do tutoriala od Net Ninja na temat podstaw Reacta. Na razie udało mi się wypisać hello world :)

6 - … a także do świetnej książki Ethana Marcotte „Responsive Web Design”, którą sobie odświeżyłem.

7 – Zajrzałem także do frameworka front-endowego Foundation, który w praktyce przypomina mi Bootstrapa, z wyciętą klasą .container :)

8 - Blogger robi nadal wszystko, by tekst nie wyglądał w nim, tak, jak chcę.