Materiały z warsztatów: CSS Dla Blogerów

Dziękuję wszystkim uczestnikom za przybycie. Mam nadzieję, że wiedza zdobyta podczas warsztatów pozwoli Wam zbudować swojego bloga marzeń. Poniżej zamieszczam materiały, które mogą Wam w tym pomóc.

Prezentacja

https://krzeminski.net/talks/css-dla-blogerow/#/1

+ lista penów na CodePen
https://codepen.io/collection/632e8be61bea429ff99b43eef24a5d5f/

Link do pustego pliku z selektorami

https://codepen.io/marcinkrzeminski/pen/MWWRawP.css

Link do finalnego pliku CSS

https://codepen.io/marcinkrzeminski/pen/mddgeeO.css

Wygląd przed:

https://wordpress.seohost.com.pl/01

Wygląd po:

https://wordpress.seohost.com.pl/

Źródła i narzędzia

Polecam szczególnie zajrzeć pod te pogrubione. Pozostałe dla kujonów ?

Dokumentacja

• https://www.w3.org/Style/CSS/Overview.pl.html
• https://dev.w3.org/html5/html-author/
• https://developer.mozilla.org/pl/docs/Web/HTML
• https://developer.mozilla.org/pl/docs/Web/CSS
• https://cssreference.io/
• https://htmlreference.io/

hello roman na YouTube

• https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g/search?query=css

Inne filmiki i kursy

• https://frontendmasters.com/courses/web-development-v2/ – bardzo dobry darmowy kurs (trzeba założyć konto). Notatki z tego kursu: https://btholt.github.io/intro-to-web-dev-v2/
• https://www.youtube.com/watch?v=qrduUUdxBSY
• https://www.youtube.com/watch?v=H4UtKu11yXg
• https://www.youtube.com/watch?v=UB1O30fR-EE&list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU
• https://www.youtube.com/watch?v=yfoY53QXEnI&list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU&index=2

Narzędzia, wtyczki, generatory, itp

• Wtyczki do Chrome
  • WhatFont
  • CollorZilla
• Fonty
  • https://fontpair.co/
• Kolory
  • https://www.colourlovers.com/
  • https://coolors.co/
  • http://colormind.io/
• Patterny
  • https://www.toptal.com/designers/subtlepatterns/
  • https://www.heropatterns.com/
  • http://stripesgenerator.com/
  • https://freefrontend.com/css-animated-backgrounds/
• Zdjęcia
  • https://www.pexels.com/
  • https://unsplash.com/
  • https://picsum.photos/
  • https://pikwizard.com/
• Inne
  • https://liveweave.com/cssgen/index.html

Polecane blogi i strony

• https://olagosciniak.pl/
• https://kasiaaleszczyk.pl/
• https://ewelinamuc.com/
• https://css-tricks.com
• https://www.smashingmagazine.com/

Grupa na Facebooku

• https://www.facebook.com/groups/742940452405327/
• https://www.facebook.com/groups/wordpresspolska/

Pozostałe

• https://codex.wordpress.org/CSS
• https://css-tricks.com/how-to-section-your-html/
• https://css-tricks.com/drawing-images-with-css-gradients/
• https://css-tricks.com/how-to-section-your-html/
• https://css-tricks.com/the-c-in-css-the-cascade/#article-header-id-11
• https://css-tricks.com/almanac/properties/b/box-sizing/

Konkurs

Gratulacje dla Łukasza, Adama oraz Piotra, czyli 3 najlepszych w konkursie zorganizowanym na końcu warsztatów.

Podziękowania dla sponsorów nagród w konkursie, tj SeoHost.pl za konta hostingowe oraz Oli Gościniak za e-Booka o CSS w WordPressie.