Brackets

Сүрөттөмө

Багытталган визуалдык инструменттер жана препроцессордун колдоосу менен Brackets - бул браузерде дизайнды жеңилдеткен заманбап текст редактору. Түздөн-түз PSDден таза, минималдуу CSS алуунун оңой жолу үчүн Кашалар үчүн Creative Cloud Extract (алдын ала көрүү) колдонуп көрүңүз.

PSDден код боюнча кеңештерди алыңыз

Каша үчүн Extract (Алдын ала көрүү) кеңейтүүсү PSDден дизайн маалыматын, анын ичинде түстөрдү, шрифттерди, градиенттерди жана өлчөө маалыматын таза, минималдуу CSS катары контексттик код кеңештери аркылуу алып чыгууга мүмкүндүк берет. Сиз ошондой эле катмарларды сүрөттөр катары чыгарып, препроцессордун өзгөрмөлөрүн аныктоо үчүн PSDден маалыматты колдонуп, объекттердин ортосундагы өлчөмдөрдү оңой ала аласыз.

Inline редакторлору

Файл өтмөктөрүнүн ортосунда секирүүнүн ордуна, кашаалар сизге эң маанилүү коддун терезесин ачууга мүмкүндүк берет. Белгилүү ID'ге тиешелүү CSSде иштегиңиз келеби? Чычкан курсоруңузду ошол идентификаторго коюңуз, Command/Ctrl+E баскычтарын басыңыз жана кашаалар сизге ошол идентификатор менен бардык CSS селекторлорун саптык терезеде көрсөтөт, ошондуктан сиз кодуңузда эч кандай калкыма терезелерсиз жанаша иштей аласыз.

Live Preview

Браузериңизге реалдуу убакытта туташыңыз. CSS жана HTML'ге өзгөртүүлөрдү киргизиңиз жана ошол өзгөрүүлөрдү экранда заматта көрөсүз. Курсоруңузду жөн гана коюу менен браузерде CSS селекторуңуз кайда колдонулуп жатканын көрүңүз. Бул браузердеги иштеп чыгуу куралдарынын ыңгайлуулугу менен код редакторунун күчү.

Препроцессорду колдоо

Препроцессорлор менен жаңыча иштеңиз. Биз препроцессорлор сиздин иш процессиңиз үчүн канчалык маанилүү экенин билебиз. Ошондуктан биз кашааны препроцессорлор үчүн эң мыкты код редактору кылгыбыз келет. Каша менен сиз LESS жана SCSS файлдарыңыз менен Ыкчам Түзөтүүнү жана Live Highlightты колдоно аласыз, бул алар менен иштөөнү мурдагыдан да жеңилдетет.