site logo
  • Կայքի մասին
  • Ծրագրավորում
  • Ժեշտ
  • Անվտանգություն
  • Հարց ու Պատասխան (ՀուՊ)
Սեպտեմբեր 3, 2012  |  By Էդգար Մարուքյան In

CSS… դա լուրջ ա.. լուրջ արվեստ

css3-markup

փաստորեն լավ CSS գրելը դա արվեստ ա… ու շատ ավելի բարդ քան բուն կայքի ծրագիրը..

դա վերջերս գրածս front-end-ից հասկացա.. քանի որ ժամանակ ունեի սեփական govnokod-ը վերանայելու, դզել-փչելու ու լավ պրակտիկաները կիրառելու:

իսկ լավ CSS նշանակում ա
1. REUSABLE classes
2. minimum classes,
3. layout and color distinction
4. ability of application of different color schemes..
5. NO ID selectors like #something

էս թեմայով
Breaking Good Habits (Harry Roberts) – Video


սա էլ նորաթուխների համար
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

CSS... դա լուրջ ա.. լուրջ արվեստ, 8.3 out of 10 based on 4 ratings
best practices css css3 front-end Վեբ
Previous StoryOSI մոդել
Next StoryԻնչպե՞ս լուծել Windows 7 օպերացիոն համակարգի անջատոումների խնդիրը

Comments: 10 replies added

  1. Gevorg Սեպտեմբեր 3, 2012 Մեկնաբանել

    Այ 5-րդ կետը չհասկացա, թե խի... Դե թեմայով ել հա, օպտիմալ CSS գրելը հեչ հեշտ գործ չի ))) Ու աստված չանի հանկարծ IE6ի տակ էլ քրոսբրաուզերության պահանջ լինի...

  2. Էդգար Մարուքյան Սեպտեմբեր 3, 2012 Մեկնաբանել

    5-րդ կետը բխում ա 1-ին կետից: բացի դա, ID-ները CSS-ում գրելով, մենք արդեն իսկ սահմանափակումներ ենք առաջացնում JavaScript-ի համար: իսկ եթե JavaScript-ի նպատակահարմարությունից ելնելով, պահի տակ պետք եղավ ինչ-որ էլեմենտի ID փոխել ... ?? և առհասարակ, պետք ա առանձնացնել տեսքը բովանդակությունից, գունային ինֆորմացիան layout-ից..

  3. Gevorg Սեպտեմբեր 6, 2012 Մեկնաբանել

    Էդգար ջան, բայց ասենք ունենք մի հատ DIV օրինակ #header, ի՞նչ իմաստ ունի իրա CSS-ը հայտարարել կլասսով, եթե այդ էլեմենտը ունիկալա ու հետագայում անհավանականա որ JS օվ պետք լինի իրա ID-ն փոխել:

  4. էդգար Սեպտեմբեր 6, 2012 Մեկնաբանել

    էս հարցին կարելիլ ա մյուս կողմից էլ նայել.. իսկ ինչ առավելություն ա տալիս #header-ը .header-ի նկատմամբ ? ոչ մի :Ճ երկրորդ. հարցին նայում ենք html5-ի կոնտեքստում, որտեղ կան header, article, ... և այլ սեմանտիկ թագեր. այսինքն տվյալ դեպքում էլեմենտին կարելի ա տալ style.

  5. Gevorg Սեպտեմբեր 9, 2012 Մեկնաբանել

    Հենց նոր CSS էի բզբզում ու ID ի մի հատ վատ կողմ կար իմ համար, որ եթե ID օվ ենք ինչ որ style տալիս, հետո կլասսի style օվ ինքը overwrite չի լինւմ... Փաստորեն իսկապես կլասսներով CSS ի վիզուալ մասը արժի իրականացնել Class-ներով, իսկ ID ները օգտագործել JS ի համար :-)

  6. Էդգար Մարուքյան Սեպտեմբեր 9, 2012 Մեկնաբանել

    ինչ-որ բան են չես արել... նման սահմանափակում չկա:

  7. sarhov Փետրվար 5, 2013 Մեկնաբանել

    մինիմումի հասցնել կլասների քանակը այդքան էլ միանշանակ չէ իմ համար, օրինակ արդյոք այս դեպքում ավելո՞րդ է li -ին տված կլասը, չէ որ եթե չտանք՝ ապա եթե ցանկանաք li-ին տալ որևէ հատկություն պետք է գրենք. առանց կլասս՝ .navigation li{ display:inline-block; } կլասսով՝ .item{ display:inline-block; } կլասս տալով հեշտացնում ենք բրաուզերի գործը, չէ որ այն կարդում է ցսս կոդը աջից ձախ. գտնում է li հետո ման է գալիս դրա ծնողին, իսկ կլասս տալով ուղղակի արագացնում ենք գործընթացը: Ինքս ժամանակին շատ ժլատ էի կլասսների հարցում, աշխատում էի քիչ տալ, իսկ հետո հասկացա, որ ուղղակի ինքս ինձ ու բրաուզերին տանջում եմ: ID-իների պահի հետ, լրիվ համամիտ եմ, դրանք արժե թողնել սկրիպտների համար:

    • sarhov Փետրվար 5, 2013 Մեկնաբանել

      պարսերը կերավ հտմլ-ը <!-- -->

    • sarhov Փետրվար 5, 2013 Մեկնաբանել

      մի խոսքով չի ստացվում դնել հտմլ օրինակի ռազմետկեն

      • aggregator Փետրվար 9, 2013 Մեկնաբանել

        Կոդը կարող եք գրել pre թագերի մեջ, այդ դեպքում չի փարսերը չի ուտի կոդը

Join in: leave your comment Cancel Reply

(will not be shared)

Որոնում

Նշագրեր

*Nix-եր (18) android (17) C++ (19) C և C++ (27) Excel (10) html (10) Network Administration (16) System Administration (28) Windows 7 (14) Ալգորիթմներ (15) Անվտանգություն (29) ԳՆՈՒ/Լինուքս (16) Թեյնիկներին (57) Ժեշտ (44) Լակոնիկ (21) Լինուքս/Յունիքս հրամաններ (29) Լուսանկարչություն և մշակում (15) Խելախոսներ (19) Ծրագրավորման լեզուներ (16) Ծրագրավորում (64) Ծրագրեր (48) Հայականացում (28) Հումոր (11) Ուսումնական նյութեր (34) Սոցցանցային Հմտություններ (19) Վեբ (25) Վերլուծություն (10) Վորդպրես (21) ՏՏ և փիլիսոփայություն (21) Տվյալների բազաներ (12) Օպերացիոն համակարգեր (27) Օֆիսային ծրագրեր (22) անդրոիդ (16) բաշ (10) ինտերնետ (11) խելախոսներ (13) համացանց (15) հայատառ (10) հայերեն (11) հայերեն ստեղնաշար (11) հայկական սոֆթ (11) ստեղնաշար (10) սքրիփթ (14) վինդոուս (12) տեսանյութ (23)
Copyright ©2017 ThemeFuse. All Rights Reserved