Ресурси за обучение онлайн

Местата в интернет за безплатно самообучение

За хората, които обичат да учат нови неща и ученето не е нещо, което се изчерпва с училището и университета има добри новини - все повече стават сайтовете, специализирани в безплатно обучение чрез видео.Какво по-лесно и приятно от това :)В България все още може да се каже, че Телерик Аcademy са единствените, който предлагат подобно безплатно и качествено ит обучение в такъв мащаб.

Ще се опитам да систематизирам на едно място няколко международни сайта за онлайн видеообучение, които определено смятам да следя редовно.

Coursera

Поставям го на първо място, защото е най-богатия сайт както откъм съдържание, така и откъм тематика. Предлага безплатни обучения от водещи международни университети, а категориите, от които можете да избирате са наистина разнообразни:

Изкуство, Биология, Химия, Компютърни науки, Икономика и Финанси, Науки за земята, Хранене, Обазование, Общество и здраве, Хуманитарни науки, Право, Математика, Медицина, Музика, филми и аудио, Информация, технологии у дизайн, Физика, Социални науки, Статистика и анализ на данни

Codecademy - Learn to code

Обучение чрез видео и упражнения под формата на игра.Предлага обучение по HTML,CSS, Javascipt, PHP,Python и Ruby

Code school

Обучение чрез видео и упражнения под формата на игра, в която събираш точки за всяко направено упражнение и получаваш правото да отключиш следващото ниво.Предлага обучение по HTML,CSS,SASS, Javascipt,jQuery, Ruby и iOS. Има безплатни обучения, както и платен месечен абонамент от 25$

Canvas network

Представлява отворена, онлайн мрежа за обучения в сътрудничество с различни университети. Темите също са разнообразни - Изкуство, История, Математика, Технологии и Хуманитарни науки

Udemy

Основно платени обучения,като най-евтините са по 19$.Има обучения по Ексел, уеб разработка и дизайн, iPhone приложения, PHP, Фотошоп и фотография И други.

Udacity - Learn. Think. Do.

Предлага курсове за начинаещи и напреднали в категориите Бизнес, Компютърни науки, Математика и Физика

Edx The Future of Online Education

Предлага безплатни курсове от водещите университети, с основни партньори Харвард и МИТ, създаден спесиално за интерактивно обучение през интернет

Class Central

Този сайт систематизира и предосатавя накуп обученията, предлагани от водещите международни университети като Станфорд, МИТ и Харвард по други подобни онлайн платформи за обучение - тук са включени курсовете от Coursera, Udacity, Canvas Network и други

Определено има какво да учат любознателните :) Така е, изберете вашия курс и започвайте !!!

Малко вдъхновение

Just for inspiration

В тази категория ще публикувам линкове към сайтове, които са ме вдъхновили или са ме впечатлили с нещо.

Ето едно добро начало за вдъхновение :

to be continued...

Полезни инструменти за уеб дизайн

Отдавна замислям да напиша една статия, която систематизира някои полезни инструменти за уеб дизайн. Ползата им за по-бързата и по-качествена работа е безспорна и определено вече си имам някои любими тулчета, с които стилизирането става хем по-лесно, хем по-бързо, хем по-приятно. Защото понякога става малко досадно за един начинаещ, без много опит в стилиизирането с CSS, да задава за н-ти пореден път някоя стойност в пиксели и да се окаже,че отново не е точната ... още повече когато някой друг вече е създал чудесен иструмент за измерването й :)

Накратко, това ще бъде статия с продължение, в която ще систематизирам полезни инструменти за уеб дизайн - плъгини, малки програмки или просто сайтове, които улесняват работата ни. Ще започна с инструментите, които влязоха за постоянно в арсенала ми и постепенно ще добавям нови, след като съм ги тествала и са ми харесали.

Цветове

Вземане на цветове от изображение

Color Cop e безплатна, интуитивна и лека програмка, която позволява да се вземат RGB и шестнадесетичните стойности на даден цвят от екрана само с едно щракване с пипетката.Цветът се копира автоматично в клипборда.

Генериране на градиенти

Ultimate CSS Gradient Generator e инструмент, чрез който могат да се създават градиенти по подобен на Photoshop начин директно в браузъра, без нужда от исталиране на допълнителни програми. Единственото, което трябва да се направи е да се избере типа на градиент и да се зададат желаните цветове и позициите им. Директно се генерира CSS или SASS(за използване в mixins посредством compass)

Цветови съчетания

Color Sheme Designer предлага подходящи цветови съчетация на базата на избрани 1,2, 3 или 4 цвята.

Шрифтове

Разпознаване на шрифтове

myfonts.com whatfontis

Два сайта, които рапознават шрифтове от снимка. Проверяват буква по буква и търсят прилика или съвпадение с базата им от безплатни и платени шрифтове. За целта трябва снимката да е с високо качество и с добър контраст между буквите и фона зад тях.За предпочитане е фонът да е бял или в краен случай едноцветен и буквите да са отделение една от друга (да не се допират или препокриват)."Whatfontis" предлага и добавка към браузъра за Firefox и Chrome.

Измерване и позициониране

Пикселна линийка

Pixel Ruler е инструмент, който позволява точно измерване в пиксели по хоризонтала или вертикала на всеки елемент на екрана.

to be continued...

Цветовете в уеб дизайна

В момента се подготвям за изпита по CSS и неминуемо ми се налага да задавам цветове на елементите. По принцип предпочитам да използвам шестнадесетичните им стойности. За по-специфичните цветове, разбира се, ползвам програмки от типа на Color Cop или Photoshop, за да получа точно същия цвят като искания.

За използване на основните цветове,както и просто за упражнение, е добра идея да се знаят 16-те основни цветови имена:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white и yellow

Освен тях има още 130 допълнителни цветови имена,поддържани от всички браузъри. А вече да избиране на конкретен цвят добра работа ще свърши този списък с шестнадесетичните кодове на цветовете.

Cross browser testing

So what's your favorite browser...?

Интересно представяне на браузърите

Склонна съм да се съглася, само лисицата си я представям по малко по-различен начин...

И още нещо по темата, което много добре обрисува нещата :)

Въпреки личните ни пристрастия обаче и дори това,че фактите говорят сами за себе си ( за справка и за тесване на вашия предпочитан браузър на този сайт), като уеб девелопъри сме длъжни да се съобразяваме и с чуждите браузърни предпочитания и да се стараем сайтовете да изглеждат доколкото е възможно еднакво добре.

В тази връзка ще споделя няколко сайта, които позволяват доста удобно тестване на сайта ни в различни браузъри :

Browsershots

Adobe browserlab

Browserstack

Netrenderer

и за тестване на мобилни устроиства :

Android emulator

Blackberry simulators

[CSS] CSS Presentation - Calculator

create a windows Calculator

Отново познатия калкулатор, но този път в програмистки режим.

На вид изглеждаше като семпла и лесна задачка, но истината е, че отне доста време докато се наместят всички детайли на правилните им места и с подходящите цветове. Остава само калкулатора да проработи, но и това ще стане като се стигне до javascript :)

HTML

CSS Styles

Happy New 2013 Year !

Честита Нова Година!

Пожелавам на себе си и на вас много здраве и успехи и нека 2013 наистина да бъде едно ново начало, изпълнено с положителни емоции и сбъднати мечти !