Narzędzia i sposoby na efektowne i efektywne strony

1. Efektywnie
i
efektownie
Kasia Świderska

2. Jestem leniwa

3. Efektywnie

4. Emmet
http://emmet.io/
• Sublime Text
• TextMate
• Notepad++
• Netbeans
• i inne…

5. Sprite Cow
http://www.spritecow.com/

6. Colorzilla
http://www.colorzilla.com/

7. Konsola
Wyszukiwanie grepem
$: grep “fraza” * -rl
Zmiana rozmiaru plików graficznych
$: convert duzy-obrazek.jpg -resize 15%
maly-obrazek.jpg
Generowanie haseł pwgenem
$: pwgen 16 1

8. $2 albo i $5
Nie żałuj, jeśli Ci to zaoszczędzi 2h

9. Iframe z Peak App
i dlaczego nienawidzę Yii ;)

10. A co dla WordPressa?

11. WP i SVN
$: mkdir nowy-blog
$: cd nowy-blog
$: svn co http://core.svn.wordpress.org/tags/4.1 .
… a potem, jak wyjdzie nowa wersja
$: cd nowy-blog
$: svn sw http://core.svn.wordpress.org/tags/4.2/ .

12. Wtyczki i SVN
$: cd wp-content/plugins
$: svn nano svn:externals .
Zrób listę swoich ulubionych pluginów:
akismet http://svn.wp-plugins.org/akismet/trunk/
permalink-redirect http://svn.fucoder.com/fucoder/permalink-redirect/
subscribe-to-comments http://svn.wp-plugins.org/subscribe-to-comments/trunk/
$: svn update

13. _S
underscores
http://underscores.me/

14. Efektownie

15. Oczywiste
oczywistości

16. jQuery

17. CSS3
• box-shadow
• border-radius
• text-shadow
• transitions
• transform

18. Google Fonts
http://www.google.com/fonts/

19. scrollReveal.js
http://scrollrevealjs.org/

20. Super paski przewijania
http://jscrollpane.kelvinluck.com/

21. FancyBox
http://fancybox.net/
http://fancyapps.com/fancybox/
https://wordpress.org/plugins/easy-fancybox/

22. jQuery Transit
http://ricostacruz.com/jquery.transit/

23. Fajne chmurki dla mapek Googla
http://google-maps-utility-library-v3.googlecode.com/
svn/trunk/infobox/docs/reference.html#InfoBox

24. FlexSlider
http://www.woothemes.com/flexslider/

25. Dziękuje za uwagę