HTML5 Startup Packs

本文介绍了三款优秀的HTML5前端启动包,包括HTML5 Boilerplate、HTML5 Starter Pack by Radu Chelariu及Less Frameworks 2。这些框架不仅提供强大的移动设备兼容性,还覆盖了从基本支持到高度定制化的各种需求。

同时欢迎到我的BLOG讨论 : http://pagetalks.com/

 

当我们还在考虑JS或CSS框架的时候,有一群人已经在考虑整个站点的前端框架了。在这个层次,具体使用什么JS库已经不重要了,而是整个站点的结构,对客户端的兼容能力,以及测试等环节的把我。

 

在这里我介绍三个比较优秀的HTML Start-up Packs。

 

<h3><a href="http://html5boilerplate.com/" title="link to HTML5 BOILERPLATE">HTML5 BOILERPLATE</a></h3>

非常帅的一个站点前端骨架。不仅包括apache、nginx的配置文件、crsossdomain.xml、robots.txt、单元测试,它的HTML和CSS文件为移动设备提供了很完善的兼容性(基于Media Query)。

 

对于新手来说,可能有点太过了。不过即使这样,你也可以抱着学习的心态去学习整个HTML框架的结构。

 

<a href="http://pagetalks.com/wp-content/uploads/2010/10/boilerplate2.png"><img src="http://pagetalks.com/wp-content/uploads/2010/10/boilerplate2.png" alt="Boilerplate" title="HTML5 Boilerplate" border="0" width="322" height="434" class="aligncenter" /></a>

 

<h3><a href="http://sickdesigner.com/resources/HTML5-starter-pack/index.html">HTML5 Starter Pack by Radu Chelariu</a></h3>

这个骨架就相对于简单的多,更适合个人网站。仅仅包括必要的font-face和css query支持,以及html5 shim的简单代码。可定制性比较强。

 

<a href="http://pagetalks.com/wp-content/uploads/2010/10/radu-chelariu.png"><img src="http://pagetalks.com/wp-content/uploads/2010/10/radu-chelariu.png" alt="HTML5 Starter Pack by Radu Chelariu" title="HTML5 Starter Pack by Radu Chelariu" border="0" width="324" height="457" class="aligncenter" /></a>

 

<h3><a href="http://lessframework.com/">Less Frameworks 2</a></h3>

这个框架强调的就是设备兼容性,思路很清晰,其余部分也是留下很多空间自由发挥的。也是个非常棒的框架。而且它的文件都是在线生成的。

 

<a href="http://pagetalks.com/wp-content/uploads/2010/10/less-frameworks-2.png"><img src="http://pagetalks.com/wp-content/uploads/2010/10/less-frameworks-2.png" alt="Less Frameworks 2" title="less frameworks 2.png" border="0" width="287" height="539" class="aligncenter" /></a>

 

<h3>Some Final Thoughts</h3>

HTML5的时代其实已经来临,这里也不是讨论HTML5还是Flash的问题了。去迎接HTML5的最好方法还是积极的融入这些技术洪流之内啊。

 

可以说HTML5解决了一些以往无法解决的问题,例如本地存储、动画、高级选择符等等,可是时代又给了我们新问题,例如浏览设备兼容性。

 

有一点可以肯定,没有HTML5,Web Developer的日子会更糟糕!


Rebuild started: Project: STM32_Proj *** Using Compiler 'V5.06 update 6 (build 750)', folder: 'D:\Keil_v5\ARM\ARMCC\Bin' Rebuild target 'STM32F103ZE' compiling stm32f10x_adc.c... ..\Libraries\FWlib\src\stm32f10x_adc.c(23): error: #5: cannot open source input file "stm32f10x_adc.h": No such file or directory #include "stm32f10x_adc.h" ..\Libraries\FWlib\src\stm32f10x_adc.c: 0 warnings, 1 error compiling stm32f10x_cec.c... ..\Libraries\FWlib\src\stm32f10x_cec.c(23): error: #5: cannot open source input file "stm32f10x_cec.h": No such file or directory #include "stm32f10x_cec.h" ..\Libraries\FWlib\src\stm32f10x_cec.c: 0 warnings, 1 error compiling stm32f10x_can.c... ..\Libraries\FWlib\src\stm32f10x_can.c(23): error: #5: cannot open source input file "stm32f10x_can.h": No such file or directory #include "stm32f10x_can.h" ..\Libraries\FWlib\src\stm32f10x_can.c: 0 warnings, 1 error compiling stm32f10x_crc.c... ..\Libraries\FWlib\src\stm32f10x_crc.c(23): error: #5: cannot open source input file "stm32f10x_crc.h": No such file or directory #include "stm32f10x_crc.h" ..\Libraries\FWlib\src\stm32f10x_crc.c: 0 warnings, 1 error compiling stm32f10x_exti.c... ..\Libraries\FWlib\src\stm32f10x_exti.c(23): error: #5: cannot open source input file "stm32f10x_exti.h": No such file or directory #include "stm32f10x_exti.h" ..\Libraries\FWlib\src\stm32f10x_exti.c: 0 warnings, 1 error compiling stm32f10x_flash.c... ..\Libraries\FWlib\src\stm32f10x_flash.c(23): error: #5: cannot open source input file "stm32f10x_flash.h": No such file or directory #include "stm32f10x_flash.h" ..\Libraries\FWlib\src\stm32f10x_flash.c: 0 warnings, 1 error compiling stm32f10x_dac.c... ..\Libraries\FWlib\src\stm32f10x_dac.c(23): error: #5: cannot open source input file "stm32f10x_dac.h": No such file or directory #include "stm32f10x_dac.h" ..\Libraries\FWlib\src\stm32f10x_dac.c: 0 warnings, 1 error compiling misc.c... ..\Libraries\FWlib\src\misc.c(24): error: #5: cannot open source input file "misc.h": No such file or directory #include "misc.h" ..\Libraries\FWlib\src\misc.c: 0 warnings, 1 error compiling stm32f10x_dma.c... ..\Libraries\FWlib\src\stm32f10x_dma.c(23): error: #5: cannot open source input file "stm32f10x_dma.h": No such file or directory #include "stm32f10x_dma.h" ..\Libraries\FWlib\src\stm32f10x_dma.c: 0 warnings, 1 error compiling stm32f10x_bkp.c... ..\Libraries\FWlib\src\stm32f10x_bkp.c(23): error: #5: cannot open source input file "stm32f10x_bkp.h": No such file or directory #include "stm32f10x_bkp.h" ..\Libraries\FWlib\src\stm32f10x_bkp.c: 0 warnings, 1 error compiling system_stm32f10x.c... compiling stm32f10x_i2c.c... ..\Libraries\FWlib\src\stm32f10x_i2c.c(23): error: #5: cannot open source input file "stm32f10x_i2c.h": No such file or directory #include "stm32f10x_i2c.h" ..\Libraries\FWlib\src\stm32f10x_i2c.c: 0 warnings, 1 error compiling stm32f10x_iwdg.c... ..\Libraries\FWlib\src\stm32f10x_iwdg.c(23): error: #5: cannot open source input file "stm32f10x_iwdg.h": No such file or directory #include "stm32f10x_iwdg.h" ..\Libraries\FWlib\src\stm32f10x_iwdg.c: 0 warnings, 1 error compiling stm32f10x_pwr.c... ..\Libraries\FWlib\src\stm32f10x_pwr.c(23): error: #5: cannot open source input file "stm32f10x_pwr.h": No such file or directory #include "stm32f10x_pwr.h" ..\Libraries\FWlib\src\stm32f10x_pwr.c: 0 warnings, 1 error compiling stm32f10x_fsmc.c... ..\Libraries\FWlib\src\stm32f10x_fsmc.c(23): error: #5: cannot open source input file "stm32f10x_fsmc.h": No such file or directory #include "stm32f10x_fsmc.h" ..\Libraries\FWlib\src\stm32f10x_fsmc.c: 0 warnings, 1 error compiling stm32f10x_gpio.c... ..\Libraries\FWlib\src\stm32f10x_gpio.c(23): error: #5: cannot open source input file "stm32f10x_gpio.h": No such file or directory #include "stm32f10x_gpio.h" ..\Libraries\FWlib\src\stm32f10x_gpio.c: 0 warnings, 1 error compiling stm32f10x_rcc.c... ..\Libraries\FWlib\src\stm32f10x_rcc.c(23): error: #5: cannot open source input file "stm32f10x_rcc.h": No such file or directory #include "stm32f10x_rcc.h" ..\Libraries\FWlib\src\stm32f10x_rcc.c: 0 warnings, 1 error compiling stm32f10x_dbgmcu.c... ..\Libraries\FWlib\src\stm32f10x_dbgmcu.c(23): error: #5: cannot open source input file "stm32f10x_dbgmcu.h": No such file or directory #include "stm32f10x_dbgmcu.h" ..\Libraries\FWlib\src\stm32f10x_dbgmcu.c: 0 warnings, 1 error assembling startup_stm32f10x_hd.s... compiling stm32f10x_rtc.c... ..\Libraries\FWlib\src\stm32f10x_rtc.c(23): error: #5: cannot open source input file "stm32f10x_rtc.h": No such file or directory #include "stm32f10x_rtc.h" ..\Libraries\FWlib\src\stm32f10x_rtc.c: 0 warnings, 1 error compiling stm32f10x_sdio.c... ..\Libraries\FWlib\src\stm32f10x_sdio.c(23): error: #5: cannot open source input file "stm32f10x_sdio.h": No such file or directory #include "stm32f10x_sdio.h" ..\Libraries\FWlib\src\stm32f10x_sdio.c: 0 warnings, 1 error compiling stm32f10x_spi.c... ..\Libraries\FWlib\src\stm32f10x_spi.c(23): error: #5: cannot open source input file "stm32f10x_spi.h": No such file or directory #include "stm32f10x_spi.h" ..\Libraries\FWlib\src\stm32f10x_spi.c: 0 warnings, 1 error compiling stm32f10x_tim.c... ..\Libraries\FWlib\src\stm32f10x_tim.c(23): error: #5: cannot open source input file "stm32f10x_tim.h": No such file or directory #include "stm32f10x_tim.h" ..\Libraries\FWlib\src\stm32f10x_tim.c: 0 warnings, 1 error compiling stm32f10x_usart.c... ..\Libraries\FWlib\src\stm32f10x_usart.c(23): error: #5: cannot open source input file "stm32f10x_usart.h": No such file or directory #include "stm32f10x_usart.h" ..\Libraries\FWlib\src\stm32f10x_usart.c: 0 warnings, 1 error compiling stm32f10x_wwdg.c... ..\Libraries\FWlib\src\stm32f10x_wwdg.c(23): error: #5: cannot open source input file "stm32f10x_wwdg.h": No such file or directory #include "stm32f10x_wwdg.h" ..\Libraries\FWlib\src\stm32f10x_wwdg.c: 0 warnings, 1 error compiling main.c... D:\Keil_v5\ARM\Packs\Keil\STM32F1xx_DFP\2.4.1\Device\Include\stm32f10x.h(486): error: #5: cannot open source input file "core_cm3.h": No such file or directory #include "core_cm3.h" ..\Source\Main\main.c: 0 warnings, 1 error compiling stm32f10x_it.c... D:\Keil_v5\ARM\Packs\Keil\STM32F1xx_DFP\2.4.1\Device\Include\stm32f10x.h(486): error: #5: cannot open source input file "core_cm3.h": No such file or directory #include "core_cm3.h" ..\Source\Main\stm32f10x_it.c: 0 warnings, 1 error compiling core_cm3.c... ".\Objects\STM32_Proj.axf" - 25 Error(s), 0 Warning(s). Target not created. Build Time Elapsed: 00:00:05
最新发布
09-12
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值