Как да намерите правилния набор от CSS инструменти и рамки
Миналата седмица Miriam се присъедини към нашия форум в SitePoint за сесия с въпроси на живо. Тя отговори на различни въпроси за Сузи, други инструменти, а също така говори за това как да решите кои инструменти са ви необходими, когато създавате вашите макети и кои не.
Нека да преминем през този диалог и да подчертаем някои въпроси.!
Вашите въпроси
Въпрос: какво препоръчвате да направите първо, когато избирате рамки, библиотеки, инструменти и т.н., които ще ви трябват, за да създадете CSS оформления и стил?
Мириам Сузани: „Винаги има компромис между осведомеността за скоростта/инструмента и допълнителните зависимости. Ако работите по личен проект, използвайте нещо, което вече знаете. Поглези се. В противен случай започнете с най-малките и абстрактни инструменти и работете с тях. Bootstrap ви поставя много отговорности, което не може да се каже за мащабируеми кутии с инструменти. Имам няколко инструмента, които зареждам незабавно във всеки проект, ако е повече от една страница. Освен това изхождам от нуждите. Ако разбирате, че имате нужда от този инструмент, добавете го веднага. Ако смятате, че може да изчака, добавете го по-късно, ако е необходимо.
Практически курс за оформление на адаптивен уебсайт от нулата!
Вземете курс и научете как да подреждате модерни уебсайтове в HTML5 и CSS3
Винаги трябва да балансирате, не можете да направите всичко както трябва. Бъдете готови за факта, че трябва да промените решението си. Рефакторингът е целият смисъл на итеративния процес. "
Въпрос: защо Сузи?
Мириам Сузани: „През 2009 г. беше много по-трудно да се създадат течни оформления в мрежа мрежа. Браузърите възприемаха всичко по различен начин, но ние имахме само обвивки и нямахме свойството border-box. Използвах техника, която видях от Натали Даун в нейната лекция за CSS системи. Страхотна лекция, тя ме вдъхнови.
Системата на Натали е отлична, но има много математика. Математиката е проста, но често се повтаря. И без Сас резултатът е като безсмислена колекция от числа. Не ми хареса и на едно от нашите работни събития говорих за това. Показаха ми Сас, който по това време едва започваше да набира популярност. Същата вечер написах рамката на Susy. Беше малко и просто ми помогна с повтаряща се математика. Към него добавих и няколко помощници, които отстраняват грешки в браузъра. Това ми беше достатъчно.
По това време беше възможно да се избере някаква огромна CSS библиотека с предварително дефинирани мрежи, но това не ме интересуваше. Доколкото знам, Susy беше първият опит за добавяне на мрежови системи към Sass на родно ниво. Невъзможно беше да се напише Сузи в чист CSS.
За да бъда честен, в момента почти не работя със Сузи. Тази рамка не решава проблемите, с които се сблъсквам постоянно. Но се надявам, че тази рамка все още ще бъде полезна за тези, които все още работят с обгърнати мрежи и по-стари браузъри. "
Въпрос: какви са приликите и разликите в Susy, border-box и flexbox?