В тази категория ще слагам основно по-интересните задачи от домашните и проектите, правени по време на обучението ми в Академията на Телерик, заедно с разяснения по тях, където съм преценила,че има нужда. Проектите по програмиране ще са основно на C#,а по уеб дизайн - съответно с HTML,CSS и Javascript.
сряда, 29 май 2013 г.
сряда, 20 март 2013 г.
Ресурси за обучение онлайн
Местата в интернет за безплатно самообучение
За хората, които обичат да учат нови неща и ученето не е нещо, което се изчерпва с училището и университета има добри новини - все повече стават сайтовете, специализирани в безплатно обучение чрез видео.Какво по-лесно и приятно от това :)В България все още може да се каже, че Телерик А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 и други
Определено има какво да учат любознателните :) Така е, изберете вашия курс и започвайте !!!
събота, 16 февруари 2013 г.
Малко вдъхновение
Полезни инструменти за уеб дизайн
Отдавна замислям да напиша една статия, която систематизира някои полезни инструменти за уеб дизайн. Ползата им за по-бързата и по-качествена работа е безспорна и определено вече си имам някои любими тулчета, с които стилизирането става хем по-лесно, хем по-бързо, хем по-приятно. Защото понякога става малко досадно за един начинаещ, без много опит в стилиизирането с 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...
вторник, 5 февруари 2013 г.
Цветовете в уеб дизайна
В момента се подготвям за изпита по CSS и неминуемо ми се налага да задавам цветове на елементите. По принцип предпочитам да използвам шестнадесетичните им стойности. За по-специфичните цветове, разбира се, ползвам програмки от типа на Color Cop или Photoshop, за да получа точно същия цвят като искания.
За използване на основните цветове,както и просто за упражнение, е добра идея да се знаят 16-те основни цветови имена:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white и yellow
Освен тях има още 130 допълнителни цветови имена,поддържани от всички браузъри. А вече да избиране на конкретен цвят добра работа ще свърши този списък с шестнадесетичните кодове на цветовете.
неделя, 20 януари 2013 г.
Cross browser testing
So what's your favorite browser...?
Интересно представяне на браузърите
Склонна съм да се съглася, само лисицата си я представям по малко по-различен начин...
И още нещо по темата, което много добре обрисува нещата :)
Въпреки личните ни пристрастия обаче и дори това,че фактите говорят сами за себе си ( за справка и за тесване на вашия предпочитан браузър на този сайт), като уеб девелопъри сме длъжни да се съобразяваме и с чуждите браузърни предпочитания и да се стараем сайтовете да изглеждат доколкото е възможно еднакво добре.
В тази връзка ще споделя няколко сайта, които позволяват доста удобно тестване на сайта ни в различни браузъри :
и за тестване на мобилни устроиства :
[CSS] CSS Presentation - Calculator
create a windows Calculator
Отново познатия калкулатор, но този път в програмистки режим.
На вид изглеждаше като семпла и лесна задачка, но истината е, че отне доста време докато се наместят всички детайли на правилните им места и с подходящите цветове. Остава само калкулатора да проработи, но и това ще стане като се стигне до javascript :)


