中网科技(苏州)股份有限公司ChinaNetTechnology(SuZhou)CO。
LTD
中国苏州园区西沈浒路535号国际中心5层邮编:215028
Copyright2002-2015ChinaNet。
CCAllRightsReserved
《中华人民共和国增值电信业务经营许可证》
IDC。
ISP。
ICP:苏B1。
B2-20040016
IDC。
ISP。
ICP:皖B1。
B2-20060047
ICP备:苏ICP备09005438号
苏公网安备:32059002001070号
搜索
近期文章
在真菌中使用光碳核肥料
金昌代替破碎锤部和动石部机
他和齐之间有10首很难复制的歌曲。
为什么中药为什么要叫“金汁”呢?
在韩国从事音乐事业很长的宋Yo终于受到了所有人的喜爱。
近期评论文章归档
2019年十一月
2019年十月
2019年九月
2019年七月
2019年六月
2019年五月
2019年四月
2019年三月
分类目录
365betapp中文
365bet亚洲投注
365bet会员登录
365bet官方博客
365bet官网哪里找
365b体育在线投注
功能
登录
文章RSS
评论RSS
WordPress。
搜索
近期文章
在真菌中使用光碳核肥料
金昌代替破碎锤部和动石部机
他和齐之间有10首很难复制的歌曲。
为什么中药为什么要叫“金汁”呢?
在韩国从事音乐事业很长的宋Yo终于受到了所有人的喜爱。
近期评论文章归档
2019年十一月
2019年十月
2019年九月
2019年七月
2019年六月
2019年五月
2019年四月
2019年三月
分类目录
365betapp中文
365bet亚洲投注
365bet会员登录
365bet官方博客
365bet官网哪里找
365b体育在线投注
功能
登录
文章RSS
评论RSS
WordPress。
CSS?
代码是很难管理,尤其是在大型项目。
样式都写在一个全局作用域里,通过复杂的选择器来指向特定的页面元素。
冗余、膨胀和维护可以成为前端开发人员的一场噩梦。
幸运的是我们有一些?
CSS?
工具来帮助开发者克服这种情况。
这里集合了15款个优秀的CSS解决方案和工具,分享给大家。
1。
Ballon。
css
Balloon。
cssletsyoucreatesimpletooltipswithpureCSS。
ItrequiresonlyafewlinesofCSStowork,andnoJavaScript。
Alsokeepinmindthatifpseudoelementsarealreadyinuseonanelement,thetooltipwillconflictwiththemresultinginpotentialbugs。
2。
Hugo
HugoisastaticHTMLandCSSwebsitegeneratorwritteninGo。
Itisoptimizedforspeed,easyuseandconfigurability。
HugotakesadirectorywithcontentandtemplatesandrendersthemintoafullHTMLwebsite。
HugoreliesonMarkdownfileswithfrontmatterformetadata。
AndyoucanrunHugofromanydirectory。
Thisworkswellforsharedhostsandothersystemswhereyoudon’thaveaprivilegedaccount。
3。
AtomizerWeb
AtomizerisatoolforcreatingAtomicCSS。
GenerateanAtomicstylesheetdynamicallyfromtheAtomicclassesyou’reactuallyusinginyourproject(nounusedstyles!
),orpredeclarestylesinconfiguration–it’suptoyou。
Atomizerisnotopinionated,bringsnoCSSofitsown,andintegratesnicelywithyourfavouritetaskrunner。
4。
Repaintless
Repaintless。
cssinalightweightanimationlibrarythatconsistsonlyofanimationsthatdon’tcausereflowsandrepaintsofawebsitewhenusedcorrectly。
TheideaforalibrarycameafterseeingthetalkbyPaulLewisonanimationsandFLIPtechnique。
Basicideaistoremovetransitionfromelement,nottoapplyitwhileanimating。
Itsavesuseratinylagbeforeanimationstartsandfeelssupersmooth。
Tounderstandtheconceptbetteryoucanreadablogpostonthatoratleastthisquotefromthepost:
5。
Bemify
BemifyisasetofSassmixinsforwritingmaintainable,idiomatic,well-structuredBEM-style。
scsssourcecode。
ItcanbeinstalledasaRubyGem,NPMmodule,orviaBower。
6。
Stellar
StellarisaLESSlibrarythathelpsyouscaffoldyourwebapps。
It’ssimpletouseandsupportedonmostmodernbrowsers。
7。
StringBean
ThefeatherweightresponsiveCSSFrameworkbasedona24-pointsystem,ratherthanthetraditional12-pointsystemthatotherframeworksuse。
Sometimes,12isjusttoofew,especiallyonahighresolutionscreen,suchas4K–at4KStringBeancomesintoitsown!
Thisgivesthedeveloperthepowertodividethescreenupinmorefinitesegmentsprovidingyouwithgreatercontroloverthewidthsofcontentonyoursite,especiallyathigherresolutions(thinkHDUHD(2K,3K,4K,andabove)。
8。
Min
MinisasupertinyCSSframework,cominginatonly995bytes。
Ithasexceptionalbrowsersupportandsemanticmarkup。
Minisextremelylightweightanddoesn’tprescribeacertaindesignforyou,likeBootstrap。
It’seasytooverridethedefaultrulessincetherearesofewofthemandtheyareatlowspecificitylevels。
ThiscustomizabilityhelpsyouavoidtheYetAnotherBootstrapSitephenomenon。
9。
Voxel。
css
Voxel。
cssmakesiteasytorender3D。
ItsupportsallimagetypesandincludesGPUaccelerationandCSS3transitions。
10。
Timelined
TimelinedisaCSS-onlyverticaltimelinethat’sfullycustomizable。
Youcanuseittocreatestaticordynamictimelines。
11。
Colorfilter
Colofilter。
cssletsyoueasilyaddduotonefilterstophotosusingCSS。
It’sacooleffect,butdoesn’tworkineverybrowser,somakesureyoudon’tuseitonanythingmission-critical。
12。
UnMQ
UnMQremovesmediaqueriesfromyourCSSwhilepreservingrulesthatmatchahard-codedviewport。
It’susefulforoutputtingCSSforolderdesktopbrowsers,likeIE8。
13。
UtlityOpenType
UtilityOpenTypeofferssimple,CSSutilityclassesforcreatingadvancedtypographicfeatures。
Itincludescommonanddiscretionaryligatures,smallcaps,casesensitiveforms,andmuchmore。
14。
Flexbox。
help
Flexbox。
helpletsyoutestCSSflexboxruleslive。
It’sagreatsandboxforfiguringouthowbesttouseflexbox。
15。
CSSketch
CSSketchaddsCSSsupporttoSketch3tospeedupyourworkflow。
Justattachastylesheettoyourdesignstoquicklychangecolorsandshadows,layoutyourdesign,andmore。
本站大部分资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费内容,请在下载后24小时之内自觉删除,若作商业用途请购买正版;如果有版权争议,请发送邮件至master@digac。

相关推荐【干货】APP推广笔记:100天的渠道推广汇总!
移动互联网时代,怎样利用最低的成本找到精准用户,获取一手流量?
青瓜早报:阿里,腾讯竞购30亿屈臣氏股份;抖音不满法院对多闪裁定抖音作品没有推荐咋办呢?
ASO优化工具基于数据的运营推广之道!
细数8类你必须学会的运营工具5年7000万用户,小红书是如何在电商红海杀出来的?
一问3不知,你竟然还敢做推广?
《传奇世界3D》今日上线,拿下免费榜TOP1,最大亮点竟然是“传奇+吃鸡”?