Categories
School

Как да сменим фона на началния екран при Windows 7?

За повече информация постете : http://www.julien-manici.com/windows_7_logon_background_changer/

И накратко, линк до програмката : http://www.softpedia.com/get/Tweak/System-Tweak/Windows-7-Logon-Background-Changer.shtml

win7bg[1]

Categories
School Software

NetBeans: грешка “CLI Application error”

Ако някой ден Ви изпише тази грешка или подобна свързана с CLI application ала бала… има вероятност да: имате инсталиран xampp или версия на php, която нещо не се харесва с NetBeans-а (ако php е версия 2.3 примерно). Тогава просто изтеглете по стара версия на php и я посочете в пътищата на NetBeans-а.

Categories
HTML, CSS, JavaScript

CSS3 и HTML5 – какво ни чака…

/с идеята на nettuts – благодаря/

HTML 5

Та туй животно е следващата версия на така познатия ни HTML. Включва много нови елементи, които правят кода на страниците по семантичен. Това помога на търсещите машини и ще разшири опита на всеки. Но това далеч не е всичко.

Както и да е, ще разгледаме как се описва една блог страница с HTML 5….

Опа… това бе началото на оригиналната статия. Аз ще разчупя малко нещата и ще ви демонстрирам новостите, както и това което ми направи най-голямо впечатление. И така… започваме с HTML5…

Основното което знаем е именуването на таговете в HTML5- те вече описват самото съдържание на тага. Леко като XML. Което няма нищо лошо- напротив. Хората са казали – кода изглежда много по смислен, подреден и красив. А ние обичаме красивите неща 🙂

Така… ето и пример на енда страница с няколко прости елемента:


  1: <!doctype html>  
  2: <html>  
  3:      <head>  
  4:           <title>Page title</title>  
  5:      </head>  
  6:      <body>  
  7:           <header>  
  8:                <h1>Page title</h1>  
  9:           </header>  
 10:           
 11:           <nav>  
 12:                <!-- Navigation -->  
 13:           </nav>  
 14:           
 15:           <section id="intro">  
 16:                <!-- Introduction -->  
 17:           </section>  
 18:           
 19:           <section>  
 20:                <!-- Main content area -->  
 21:           </section>  
 22:           
 23:           <aside>  
 24:                <!-- Sidebar -->  
 25:           </aside>  
 26:           
 27:           <footer>  
 28:                <!-- Footer -->  
 29:           </footer>  
 30:      </body>  
 31: </html>

Очаквайте продължение…

Categories
HTML, CSS, JavaScript School

jQuery fade toggle – как?

Ето един вариант как да имаме fade toggle за даден елемент.  По принцип имаме възможност да ползваме $(‘element’).toggle() – което прави hide() or show() на желания елемент. Но не можем да му дадем коя анимация да ползва. Затова варианта е следния:

1. създаваме анонимна функция /трябва да се добави в основния ви javascript файл или в head-а./- те тва е тя:

jQuery.fn.fadeToggle = function(speed, easing, callback) {
   return this.animate({opacity: ‘toggle’}, speed, easing, callback);
};

2. използваме я 🙂 по същия начин като toggle но с fadeToggle() – $(‘element’).fadeToggle();

Успех.

Categories
HTML, CSS, JavaScript School

Добри практики при писането на CSS

Реших да предприема поредица от уроци или както искайте ги наричайте, за CSS, HTML, JavaScript. Ще са в помощ на всички начинаещи, дори и за напреднали програмисти, които желаят да разширят или опреснят знанията си. Съдържанието във всички постове ще са лично мои творения, така че може и да не ви допада особено. Просто времето и опита са ми помогнали да ги открия, така че: ето ви ги на тепсия.
Започваме с едно леко подсещане: пишете хубав и четлив код. А това се постига, разбира се, чрез различни и установени добри практики. Няма да ви занимавам с глупости, просто ще спомена, че понякога нещо да работи правилно- не е достатъчно.

– коментирайте. Ще отделим по нататък специално внимание на коментарите. Все пак в началото на css документа декларирайте кратко описание на версията, авторът, контакти и тн. Другото важно е: кратко описание на структурата, нещо като легенда с основните части и елементи.

– слагайте интервали преди стойностите и таб на декларациите.

– с таб измествайте суб селекторите

body { 
    color: red;
}
  #wrapper { 
       background: green;
   }

В конкретния случай, имаме интервал пред red и таб отстояние преди color.  Както и #wrapper е изместен с таб по-навътре, като под елемент на body. Така получаваме доста подреден css с дървовидна структура- винаги може да разчетете, кой елемент след кой следва.

– съкратете синтаксиса. Като основен пример давам присъствието на margin-left: 10px и margin-top: 20px в един блок. Спокойно може да съкрати на margin: 20px 0 0 10px; Което от своя страна води до по бързо корегиране при проблем.

– отбележете главните и най-често ползваните класове в началото (Global)

– лично аз ползвам reset.css на Yahoo, за уеднаквяване на елементите под всички браузъри. (или на Ерик Мейър)

– за центриране на блок елементите използвайте margin: 0 auto;

– изчиствайте float-ните елементите, примерно като на следващия елемент използвате clear: both; или на родителския дадете overflow: hidden; а под IE6 задължително zoom: 1;

– различен css за фиксовете на различните браузъри

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

Извод: ако отворите css-а, който сте правили, пропуснете няколко страници и ако това което видите ви харесва- значи всичко е наред. Но ако ви изглежда леко объркващо, понякога търсите прекалено много, често използвате !important … то тогава нещо трябва да промените.

… надявам се да ви помогна с това 🙂 Успех