Меню

CSS3

Влез Излез

Partition – произход и подобрения

Преди 3 седмици написах blogpost, в който показвам demo на един partition ефект, който в последно време ми се струва доста нашумял. От тогава насам ми се случи да го срещна на още 2 места, което потвърждава разпространеността на ефекта, а днес най-сетне намерих от къде идва. Даже си и спомних, че за първи път съм го видял именно там. Ефектът тръгва от default cover картинката на профил в Google+ (https://www.google.com/search?q=google%2B+default+cover+photo&hl=en&safe=off&source=lnms&tbm=isch&sa=X&ei=6-NEUdehKIantAab44DQDA&ved=0CAoQ_AUoAQ&biw=1304&bih=707).

прочети Partition – произход и подобрения

Partition или нещо такова

През последните месеци на няколко различни места видях подобен ефект: https://magadanski.com/demo/partition/. Самият ефект изглежда доста просто – кръгчета с различни размери, разположение на произволно място върху фона. Нека добавим и частична прозрачност да кръгчетата и glow ефект по периферията им и получаваме точно моя пример.

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

Презентация на Subogen

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

Самата презентация вече е реализирана в HTML формат, така че да може да се прегледа направо в браузъра, като освен това са добавени и още няколко слайда.

Можете да я видите на https://magadanski.com/subogen-presentation/ (за следващ слайд натиснете интервал/space; също така за навигация можете да използвате и стрелките).

Остава само да отбележа, че тъй като използвам някои по-модерни техники, най-добре се вижда на Chrome и Safari. На Firefox малко насича, на Opera насича много и част от анимациите се губят. На IE9 няма никакви анимации, но поне слайдовете се сменят. IE7 и 8 не се поддържат.

Създаване на начална страница – част 3

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

прочети Създаване на начална страница – част 3

Стилови декларации в CSS – част 2

В предния урок обяснихме някои от основните стилове, характерни за така наречения box model на елементите. Говорихме за display, margin, padding, border, width и height. В този урок ще представя и едно малко CSS3 допълнение към този модел, както и ще разгледаме някои стилове от гледна точка на текстовото съдържание на HTML елементите.

прочети Стилови декларации в CSS – част 2

CSS Псевдо Селектори

Освен обикновените класови селектори съществуват и псевдо класови селектори. Те не са напълно неподдържани от IE6, но са ограничени в някои отношения. В случая няма да се задълбавам в тях, тъй като е много вероятно и да представя погрешна информация, понеже не съм ги тествал всички прочети CSS Псевдо Селектори