Полезни ресурси за курса по CSS


35

Колеги, дано тестът по HTML е минал добре за всички.

Както обаче казва Кобрата - продължаваме напред. :)

Намерих няколко готини линка за качествено писане на CSS и ми се прииска да ги споделя. Надявам се да са от полза, както и да допълвате темата. :)


в HTML/CSS от dentia (12519 точки)


Отговори



6

Готини css изпълнения, е плюс малко javascript.

http://tympanus.net/Development/ModalWindowEffects/

Разгледай го, има много красиви неща, особено "newspaper"  ми е любимото.





2

Наистина са много ефектни - на мен определено последните 3 (let me in, make way! и slip from top) ми допадат много. Мога ли някъде да видя кода зад тях? :)

едит: ма, разбира се, че мога. :Д


от dentia (12519 точки)

1

Е тука са им всичките изпълнения, има такива красоти:

http://tympanus.net/codrops/category/tutorials/

Ето ти и кода за това горното:

http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/




5

Да допълня с Bootstrap - когато става дума за бърз и качествен респонсив дизайн, Bootstrap е сред фаворитите. :)


от dentia (12519 точки)


1
Да споменем  и Академията малко :D.  Семинар за адаптивен дизайн и Bootstrap

от sa66eto (1945 точки)

2

Трябва си! :)

Аз разгледах курсовете към академията от миналата година, но явно е трябвало да прегледам и външните - благодаря! :)


от dentia (12519 точки)


11

Аз се включвам с няколко ресурса, които са ми били полезни. Надявам се, че и на вас ще ви бъдат от полза:

Също така допълнително tutorial-и:




1
Видях някои много интересни неща сред линковете. Благодаря ти много за всички ресурси, които си посочил! :)

от dentia (12519 точки)

2
Страхотно полезни ресурси! Хиляди благодарности!

от veselints (506 точки)



2
Това е един сайт,от който могат да се изтеглят много красиви шрифтове: http://www.fontsquirrel.com/fonts/list/find_fonts?filter[tags][0]=bold&sort=popular

от Siyana (27 точки)


2
По темата с фонтовете - Google Fonts има немалък набор от шрифтове, които няма нужда да теглите, за да ползвате. :)

от dentia (12519 точки)

1
DaFont също е един доста добър сайт за шрифтове. Понеже сега ще уча за дизайнер и обичам да практикувам Photoshop във свободното си време, съм си изтеглял много шрифтове от там. ;)

от a.dimitrov04 (57 точки)



2
Еха супер ! Тази темичка е като голяма библиотека за CSS. Всички ресурси събрани на едно място. ;)
BTW: до 13 май няма да ми стигне времето да науча всичко тук :D .

от M.Yankov (1418 точки)


3

С този сайт може да намерим точния цвят на картинка, мисля,че може да бъде полезен : )

http://html-color-codes.info/colors-from-image/

 

от Alex_H (1616 точки)


2

Ехааа искаш ли ресурси! :D

Аз мислия да пробвам тези add-ons за разпознаване на цветовете: 

Chrome 

FF


от FunnyBunny (180 точки)


4

от stoberov (3451 точки)


1
ok!  1вото което накликах ОФТОПИК  :D >

Weekend Punks: Tagging Along with The Clash

Their tough-guy image was something to aspire to, so we took it on the chin—or wherever else the blows landed

By Martin James


от piperche (296 точки)


4

Благодаря на всички споделили полезни ресурси!

Ето и от мен един приятен сайт http://www.quackit.com/css/ . Харесва ми, че освен, че е дадена информация какви са възможностите на отделните пропъртита, но това, че се споменава кое е остаряло или например да не се търси определено пропърти по аналогия от използвано такова в HTML. Ето например:

HTML used to have a cellspacing attribute for defining the space between cells on a table, but it has been phased out (as of HTML version 5).
And there never was a "CSS cellspacing" property.
But, although there isn't a "CSS cellspacing" property, there is a property that may be just what you're looking for.
CSS border-spacing Property

от Campo (85 точки)


0
Кубрат Пулев се возел в такси.
Когато стигнали до желаната дестинация, шофьорът го попитал:
- тук ли да спра?
- не. не... Продължаваме напред!



1

Много удобен инструмен за Chrome, който измерва кое колко е широко/високо и къде на страницата се намира

https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=bg