学步园

这是一款使用HTML5 SVG和CSS3制作的非常棒的select下拉菜单美化效果。我们可以通过JavaScript来将表单中元素修改为更加好看的样式，甚至是更复杂的表单元素，例如select下拉菜单。我们可以有非常多的表单美化方案，使用户可以得到更加好的用户体验。

在布局页面时，有时会遇到大图片将页面容器“撑破”的情况，尤其是加载外链图片（通常是通过采集的外站的图片）。那么本文将为您讲述使用jQuery如何按比例缩放大图片，让大图片自适应页面布局。

在过去的几年中，CSS已经成为一大部分开发者和设计者的最爱，因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS库，框架，应用这样的工具能够为开发者做很多事，而且可以使开发者创造出创新立异的WEB应用。

HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。

FullCalendar的使用非常简单，首先需要获取Fullcalendar，可以使用npm安装，或者引入cdn资源，或者下载到本地再引入。然后就可以按照文档接口调用建立属于自己的日历。

如何创建一个不需要Javascript而仅仅只需CSS的background-attachment属性就能实现页面背景固定和滚动效果。我们看到现在有很多的网站项目使用了视差效果，通过图片和背景的动态变化以及js脚本来产生视差，而今天我们只需要CSS即可。

Fullcalendar是一款用来管理日程安排、工作计划的日历工具，它功能非常强大而且非常实用。而目前网络上没有很好的中文文档，为了更好的和大家分享Fullcalendar的相关使用，即日起计划将Fullcalendar的英文文档翻译成中文版。

今后，helloweba会在每月适当的时候发布一些精心收藏的好的前端和后端资源，时刻关注web发展的最新趋势，将认为对大家最有帮助的国内外优秀的资源分享给大家，请持续关注helloweba。

Family tree（族谱），也称家谱，用来记录家族世系繁衍辈份关系。本文结合实例，不借助任何js脚本，使用纯CSS打造一个漂亮的Family tree（族谱），也可以应用的企业组织架构图中。

Fullcalendar对日程安排提供了非常细致的选项设置，你可以设置周视图和天视图的外观选项，控制到每一个细节。以下选项仅适用于AgendaWeek和AgendaDay视图：