???????????»?΅?????‹?΅ ???????»???? — ???°????, ????…

31 Mar. 2009

…?»???????? ????-?????΅?Ά???΅???? ???????…???????‚???? ???΅?????‚?°?‚?? ?±?»?????? ???? ???????????»?΅?????‹???? ???????»???°????. ?? ???????????΅???? ???΅ ???‚?????‚ ???° ???΅???‚?΅, ?????????»?????‚???? ???????‹?΅ ???΅?‚?????‹. ?????? ???????????? ?? ???΅?€?΅?????? ?????Ά???? ?????‡???‚?°?‚?? ?? ?±?»?????°?… ?????????΅?? ???????????° ?? ???΅?????΅?? ?§???????‘?????°:

  • http://andrewsumin.livejournal.com/32937.html
  • http://andrewsumin.livejournal.com/33422.html
  • http://chikuyonok.ru/2009/02/rocon-more/

?????????΅???‚?°?????? ?·?°???»???Ά?????°???‚ ???????±?????? ?????????°??????. ?????΅, ?‡?΅?»?????΅????, ?????‚?????‹?? ???°?????? ???΅???΅???‚?°?» ?????»???????°?‚?????? ???? ???????????? ???????????»?΅?????‹?… ???????»??????, ?±?‹?»?? ?????‚?΅???΅?????? ?????‡???‚?°?‚??.

???????΅???‚: http://community.livejournal.com/ru_webdev/2718122.html#comments - ?????????»?‹?΅ ?????»?‹ ?? IE 8 (????. ?????????΅???‚?‹)

???????΅???‚ 2: http://www.noinimod.ru/3/ - ?”?΅?»?°?΅?? ?·?°?????????»?΅?????‹?΅ ???????»???? ?? ?????????‰???? ?????΅?????????»?΅???΅???‚???? :before ?? :after


?? ?»?΅???‹?… ?? ?????°???‹?… (???΅ ?????»???‚?????°)

18 Dec. 2008

?’ ?????????΅???‚?°???????… ?? ?????΅???‹?????‰?΅?? ?·?°???΅?‚???΅ ?±?‹?»?? ???‹?????°?·?°???? ?????΅?????΅, ?‡?‚?? ???»?? ?????????????‹?… ?±?»???????? ?€?°?±?»?????° ???‚???°?????†?‹ ???????±???΅?΅ ?????΅???? ?????????»???·?????°?‚?? (?????????°?‚?΅?»?????‹?΅) ?????΅???°, ?????????‹???°???‰???΅ ???°???????»???Ά?΅?????΅ ???‚???… ?±?»???????? ???° ???‚???°?????†?΅: header, middle, wrap, content, left, right, footer.

? ?°?????€?΅ ?±?‹?» ?±?‹ ???????°?·???°?‡???? ???????‚???? Π”Π°Π»Π΅Π΅ »


HTML Class Names of Web Dev Blogs

16 Dec. 2008

?????±???°?????‹?΅ ?­?????? ???»?°???????? ?????΅???° ???»?°???????? ???»?? ???±???·???°?‡?΅?????? ???»?΅???΅???‚???? ?€?°?±?»?????° ???‚???°?????†?‹ (?????‹?»???° ?????? ???°?‚????). ?? ???°???‚???? ???·???΅???‚???‹?… ?±?»?????΅?????? ???΅?±-???°?·???°?±???‚?‡????????. ?§?????‚?? “?»???±?????‹?‚???? ???????????‚???΅?‚??”.

?’ ?????????»???΅?????΅ ?? “5-?‚?? ???????΅?‚?°?? ???΅?????‚?°?»???‰??????” (???????΅?‚ ?„– 4) ?? ???±?????Ά???΅??????, ???°?·???΅?????????€?΅???????? ?? ?????????΅???‚?°?….

Π”Π°Π»Π΅Π΅ »


? ?΅?·?????° vs Pixel Perfectness

03 Oct. 2008

???΅???? ?? ???????»?΅?????΅?΅ ?????΅???? ?????‡?°?΅?‚ ???????? ???????‚?????????΅?‡???΅. ???°?? ?????»???‡?°?΅?‚????, ?‡?‚?? ?»??????, ?????‚?????‹?΅ ???°?‚?????‚ ?·?° ?????????????΅?»???????΅ ???????‚???΅?‚???‚?????΅ ???‚???°?????†?‹ ???΅?Ά???? ?±???°???·?΅???°????, ?????????????΅???΅?????? ?????»?????‚???? ?????????΅???Ά?΅???†?°???? ???΅?·?????????‹?… ???°???΅?‚????? ?’?΅???? ???΅?·?????° ???????»???‡?°?΅?‚ ?????????????΅?»???????΅ ???????‚???΅?‚???‚?????΅ ???‚???°?????†?‹ ?? ???°?????? ?????±???? ???????‚???? ???????????? ?±???°???·?΅???° ???° ?????????? ?? ?‚???? ?Ά?΅ ?????‚?????????‚???΅ :) ???·???΅?????» ???°?·???΅?? ???????° — ?? ?????????΅?»?? ???Ά?΅ “???????????΅”, ?? ???????????… ???΅???‚?°?… :)) ???????????·???†???? ???΅?????΅?‚????, ?????????????†????, ?…?°???°???‚?΅???????‚?????? ?‚?΅?????‚?° ?? ?????°?„?????? — ?????‘ ???΅?????΅?‚????. ???°?? ?‚?°?????΅ ?????·?????Ά????? ?? ?‡?΅????-?‚?? ???΅ ???????????°?? ???»?? ???‚?? ?»?????? ?????????????????‚???????‚???? ?????΅???? ?»???€?? ???‚?΅???΅???‚?????°?????


? ?°?·?»???‡?????΅ ???‚???±???°?Ά?΅?????΅ text-transform ?? ?±???°???·?΅???°?…

02 Oct. 2008

?’?΅?»???? ?? ?????????‡ ???·?‹?? CSS. ?? ???????????΅ ???·?‹???? — ?‚???Ά?΅ :))

?????‡???‚?°???‚?΅ ?????? ???»???? ???‚???±???°?Ά?΅?????? ???????????‚???° “text-transform” ?? ???°?·???‹?… ?±???°???·?΅???°?….

????, ?‡?‚?? ?? ???????°??, ???°???????°?» ?‚?°??, ?? ?????????΅???‚?°?….


???΅?…???????° Gordi — ???????‚?΅???° ?€?°?±?»???????? ???»?? ???΅?????‚???? ?? ???΅???????»?????? ?????»????????

03 Sep. 2008

? ?΅???????΅???????? ???±???°?‚???‚?? ?????????°?????΅ ???° ?????????????? ?? ???±?»?°???‚?? HTML-CSS-?€?°?±?»????????: “???΅?…???????° Gordi” ???°?? ?΅?΅ ???°?? ?°???‚???? ???°?·?‹???°?΅?‚.

  • http://trifler.ru/blog/i/layouts/ideal/source.htm
  • http://trifler.ru/blog/comment_1219421644.html

???°?????΅ ?????‚?΅???΅???????΅ ?? ???‚???? ?€?°?±?»?????΅ ???»?? ???΅????:

  • ?•???????‹?? ???°?±???? HTML-???»?΅???΅???‚???? ???»?? ???°?·???‹?… ???°?????°???‚???? ?????»????????. ?????????????? ???????‚???°-???°?·???΅?‚????.
  • ? ?΅?·?????° ?? ?„??????, ???° ???‹?±????. ? ?΅?·?????° 100%-?? ?€?????????‹ ???»?? ?? ???????°?????‡?΅?????????? ???° max-min-width.
  • ?????΅???? ???°?????°???‚???? — ?€?°?±?»???? ?? ?‚???? ?????»????????: ?†?΅???‚???°?»?????°?? — ???΅?·?????????°??, ?±?????????‹?΅ — ?„???????????????°???????? ?€?????????‹, ?? ?????°?????»?????‹?? ???°???????»???Ά?΅?????΅?? ?????»???????? ?? ???????΅ (content — first).

???????»?΅?????΅?΅ — ?·?°???°?‡?°, ?‚?°?? ?? ???΅ ???°?€?΅???€?°?? ???????»???‡???????? ???΅?€?΅?????? ?? ?·?°???°?????‹?… ?‚?????°?????‰?΅??. ???‹, ?????…???Ά?΅, ???΅?€???»?? ?΅?΅. ??, ???°???΅??????, ?????? ?????°???? ?????????????‚?? “???‹” :) (?’?‹ ?????????΅?‚?΅ ?????‡?΅????, ???????‡???‚?°?? ???‚?°?‚???? ?? ???°?·?????????΅??????????.)

???°?? ???΅?‚ ???????° ?????‚?????????? ?? ???΅???΅???»?΅?????????? ???????‚???΅?±?»?΅??????, ???°?? ?????΅ ???°?Ά?΅?‚????. ?­?‚?? ?·???°?‡???‚, ?‡?‚?? ???»?? ?????°???‚???‡?΅?????????? ?????????»???·?????°?????? ?€?°?±?»?????‹ ?????Ά???? ?? ?????Ά???? ???????°?±?°?‚?‹???°?‚?? ?????? ???????? ?????Ά???‹: ?????????»?????‚?΅?»?????°?? ???°?·???΅?‚???°, ?…?°????, ???????΅???‹ ???? ??????????. ????-?????΅????, ???‚?? ?…???????€??. ???°?‡?????°???‰???? ?±?????΅?‚ ???΅?????????‚??, ???? ???»?? ?????‹?‚???‹?… — ?‡?΅?? ?·?°?????‚???????° ???°?»???€?΅ ???‚ ???????΅?‡???????? ?????????????‚?°, ?‚?΅?? ?±???»???€?΅ ???????±?????‹.

???????????? ?????΅???? ???????‡?΅????, ???‚?? ???·???°?‡?°?΅?‚, ?‡?‚?? ?? ?????΅?????‚?°???»?΅?????‹?? ?????????? ?????Ά???? ???±???°?‰?°?‚?????? ?????‚???????Ά????: ?‚?΅???‚?????????‚?΅ ?‚?‰?°?‚?΅?»?????΅??.

?????°?????±?? Gordi ?·?° ?????????΅?»?°?????‹?? ???΅???°?»?‹?? ?‚??????!


???????΅?????????‹

26 May. 2008

?§???‚?°?» ?‚???‚ ???‡?΅???΅?????‹?΅ ?Ά?°?»???±?‹ ???° ?‚?????????‚?? ?????†???°?»?????‹?… ???΅????????????, ???‡?΅???΅?????????? ???΅?±-???°?·???°?±???‚?‡?????°. ?????΅???‰?΅????, ?‡?‚?? ???΅???°?»?????°?Ά????, ?±?»???? ???° ???°???????????????? ???????Ά???΅. ???? ?΅???‚??: ???????„??. ???΅ ???????????°?΅?‚ ???????„??, ?‡?‚?? ???°?·???‹?? ?»???????? ?????Ά?΅?? ???°?·???‹?? ???΅?±.

?????†???°?»?????‹?΅ ???΅?????????‹ ?…???????€?? ?‚?΅??, ?‡?‚?? ???‹?‚?°?‰???»?? ?? ???΅?‚?? ???????Ά?΅???‚???? ?»?????΅??, ?????‚?????‹?΅, ?? ???????‚?????????? ???»???‡?°?΅, ???? ?·?° ?‡?‚?? ?? ?????????????° ???΅ ?????·???°?»?? ?±?‹ ???????΅ ?????‚?΅?????΅?‚-?????΅?????‚?°?????‚?΅?»?????‚????. ?????‚?????? ?‡?‚?? ???°???‚ ???»?? ???°?Ά?΅ ?–?– ???»?? ?????… – ???‚?? ?‡?΅???΅?· ?‡???? ???»???Ά????, ???????????? ?? ???΅?????Ά????. Overload.

?? ?‚?????? ?Ά?΅, ?????»???·?????°?‚?΅?»?? ???΅?‚?΅?? – ?????‚?΅???†???°?»?????°?? ?°???????‚????????. ?????΅?†???„???‡?΅?????°??, ???°. ???? ?΅?΅ ?????Ά???? ???????‡?????°?‚??. ???????„?΅???????????°?»?????‹?΅ ???°?·???°?±???‚?‡?????? ?????»?Ά???‹ ???????‚???΅?‚?? ???° ???‚?? ???΅?????????‹ ?????????΅?? ???΅ ?‚?°??, ???°?? ???±?‹?‡???‹?΅ ?????»???·?????°?‚?΅?»??.

?? ???????°?‚?????? ???° ?‚?????????‚?? ???΅????????????, ?????΅ ???°?????? ?‡?‚?? ???΅?‚?????°?‚?? ???° ???΅???????‚?°?‚???‡???‹?? ?????‚?΅?»?»?΅???‚???°?»?????‹?? ?????????΅???? ?‚?΅?»?΅???????΅?????? ???? ?????°?????΅?????? ?? ?????????°???? ???»?°???????‡?΅???????? ?????????????? ?»???‚?΅???°?‚?????‹, ???°?????????΅??.


5 ???????΅?‚???? ???΅?????‚?°?»???‰??????

19 May. 2008

?????????‚?° ???΅?»?΅?†?????? – seleckis.lv – ???΅???΅???°?» ?????΅ ?????‚?°?„?΅?‚?? ???????΅?‚???? ???? ???‘?????‚???΅. ?????΅?±???΅?‚???? ???°?‚?? 5 ???????΅?‚???? ???΅?????‚?°?»???‰?????? ???? ?‚?΅???΅ html-css. ?????΅?? ?????΅ ?????°?????‚????. ?????°?????±??, ?????????‚?°!

?’???‚ ?????? ???????΅?‚?‹:

  1. ?????????΅???????‚?΅ ???°?‡?΅???‚???? ???΅?????‚???? ?????????‚?‹?? ???‚???»???‡?΅?????΅?? CSS. ???‚???°?????†?° ?????»?Ά???° ???‹???»?????΅?‚?? ?????????‚????, ?»???????‡?????? ?? ?°?????????°?‚??????. ???° ???΅?? ???΅ ?????»?Ά???? ?±?‹?‚?? ?????????? ???»?΅???΅???‚???? ???„???????»?΅??????, ???? ???????‚?΅???‚ ?? ???°???????°?†???? ?????»?Ά???‹ ?????‚?°???°?‚?????? ???????‚???????‹????, ?»?΅?????? ???°?…???????‚?????? ?? ?‡???‚?°?‚??????.

    Π”Π°Π»Π΅Π΅ »


Windows, Mac, Vista, Linux, Adobe

23 Apr. 2008

?“?»?°?????°?? ???????‡?????° ???΅???΅?…?????° ?? Windows ???° Mac ???°?·?‹???°?΅?‚???? Vista.

?“?»?°?????°?? ???????‡?????°, ?????‡?΅???? ???΅ ???° Linux, ???°?·?‹???°?΅?‚???? Adobe CS.

???»?? ?????΅ ?‚???»?????? ???°?Ά?΅?‚?????


???·?‹?? HTML: ???°???‹?? ??????????????

22 Apr. 2008

???????????° ?? ???‹?‚?°?????? ???°???‡???‚?? ?‚?????? ???»?? ?????????? ?‡?΅?»?????΅???° ???·?‹???? HTML. ???΅ ???????????‚???????‚?? ???????„?΅???????????°?»?°, ?° ???????±?‰???‚?? ?±?°?·?????‹?΅ ?????????‚????, ?????‚?????‹?΅ ???????????? ???΅ ?????????΅?????‚.

?????Ά???? ???±???????????‚??, ?‡?‚?? ???΅?»?°???‚ ?‡?‚?? ?‚?°?????΅ ?‚?΅????, ?? ???°?????΅ ?????? ?±?‹???°???‚: ?·?°?????‹???°???‰???΅, ???‚?????‹???°???‰???΅, ???????????‡???‹?΅. ???±???????????‚?? ???°?? ?‚?΅???? ???±???°?·???? ???»?΅???΅???‚. ???????°?·?°?‚?? ???΅???????»?????? ???»?΅???΅???‚????.

???°???‹?΅ ???΅???±?…?????????‹?΅ ???»?΅???΅???‚?‹ — ???‚?? ???΅ ???????‚?°????, ?° A (anchor), ?? IMG (image). ?”?°?Ά?΅ ?‚???‚ ???‚?? ???΅ ???‚?°???΅?‚ ???????????»?Ά?°?‚?? ???±???‡?΅?????΅ ???°?»???€?΅, ???????Ά?΅?‚ ?????????»???·?????°?‚?? ???‚?? ?‚?΅???? ?? ???±?‹???΅???????? ?????‚?΅?????΅?‚-?Ά???·????.

???? ???‚?°?????°???‚??, ???????‚?°???? — ?΅?????????‚???΅?????‹?? ???±???·?°?‚?΅?»?????‹??. ???? ???????? ?????Ά?΅?? ?‚?°?????? ???????????΅???‚? ?? ?·?°?‡?΅?? ???΅???????„?΅???????????°?»?? ???‚?? ?·???°?‚??? ?•???? ?±?‹ ?????‹?»???? ???????‚?°?????‚??, ???° ???°???‚???????? ???????΅???‚???‚??…

????, ?° ???°?»?΅?΅ ???????‚ P, H1-H6, UL, OL, TABLE, BR. ?? ?‚?°?????? ?±?°???°?Ά???? ?‡?΅?»?????΅?? ???Ά?΅ ?????Ά?΅?‚ ???°?±???‚?°?‚?? ???????‚?΅???‚-???΅???΅???Ά?΅?????? :)


WebHiTech ??” ???΅?????‹?? ?‚?΅?…?????»???????‡?΅???????? ?????????????? ???΅?±-???°???‚???? ?? ? ?????΅?‚?΅

04 Apr. 2008

???‚?????‹?»???? ???????΅?? ?·?°???????? ???° ?????????????? WebHiTech ??” ???΅?????‹?? ?‚?΅?…?????»???????‡?΅???????? ?????????????? ???΅?±-???°???‚???? ?? ? ?????΅?‚?΅. ???΅?????‹?? ?? ?°???†?΅???‚???? ???° ???΅?±-???‚?°?????°???‚?‹.

?•???»?? ???‹ ?????€?΅?‚?΅ ?‡?????‚?‹?? ?? ???°?»???????‹?? HTML- ?? CSS-??????, ???°?·???΅?»???΅?‚?΅ ???????‚?΅???‚ ?? ?????΅?????‚?°???»?΅?????΅ ???° ???????????΅ ???????΅?‡???????? ???????° ???΅?±-???‚???°?????†, ?????????΅???Ά?????°?΅?‚?΅???? ?????΅?°?»???? ???΅???°???‚???‡?΅???????? ???°?·???΅?‚????, ?? ?????΅?‚?΅?‚???? ???‚?????????‚?΅???? ?? ???»?????? ?«???΅?±-???‚?°?????°???‚?‹?», ?? ?????? ???‚???? ???°?€?? ???°???‚?‹ ?????°???????‹, ?°?????????°?‚???‹, ???????±???‹ ?? ?????????»???·?????°?????? ?? ?„???????†???????°?»?????? ???????‚???????‹ ???°?????????°?»?????? ?€?????????????? ?????????? ?????»???·?????°?‚?΅?»?΅??, ?‚?? ?‚???????° ???°?€ ?????????????? ??” ???»?? ???°??!

?’ ?Ά?????? ?·???°???????‹?΅ ?????΅ ?»???†?°. ?—???°???????‹?΅ ?‚?΅??, ???‚?? ?????‚?΅???΅?????΅?‚???? ???΅?±-???‚?°?????°???‚?°????. ???‡?΅???? ?????‚?΅???΅??????, ?‡?‚?? ?????»???‡???‚???? ?? ???΅?·???»???‚?°?‚?΅: ???°?????? ?±?????΅?‚ ???°???‚-?????±?΅?????‚?΅?»??.


Data URI ?? IE8

06 Mar. 2008

?“???????????‚, ?????????????? IE ?±?????΅?‚ Data URI ?????????΅???Ά?????°?‚??. ?? ???°??.


??in-width ?? max-width ???»?? IE ???΅???????? 5-6 ?????? ?????????‰?? expression

27 Oct. 2007

?‘???°???·?΅?? IE ?????‚???? ?? ?€?΅???‚???? ???΅???????? ???΅ ?????????΅???Ά?????°?΅?‚ CSS-???????????‚???° “min-width” ?? “max-width”. ?”?»?? ?·?°???΅???‹, Neutrino ???????????΅?‚?????°?» ?????????»???·?????°?‚?? expression:

http://www.webmakerslounge.com/css/ie6-min-max-width/

?????°?‡???°?? ?????°?·?°?»?°???? ???‹???»??: ?»?°?‚?°?‚?? ???‹???‹ IE ?????΅?????‚???°???? ???°???????? IE.

?’ ?????????΅???‚?°???????… ?????·?????? ?????? ?????·???°?Ά?΅?????? ?? ?°?»???‚?΅?????°?‚???????‹?… ???΅?€?΅??????. Π”Π°Π»Π΅Π΅ »