2013年八月GBin1月刊

傷城~ 2022-12-15 06:02 127阅读 0赞

## 2013年八月GBin1月刊 ##

![title.jpg][]

## 推荐十款来自极客标签的超棒前端特效\[第十二期\] ##

[![使用CSS 实现的圆圈的组合效果。L.O.V.E][CSS _L.O.V.E]][CSS _L.O.V.E_CSS _L.O.V.E]

本周，我们带来了[极客社区][Link 1]推荐的10款前端特效，仍然是非常有趣的小动态效果的页面生成。喜欢的可以直接将我们的在线调试代码插入，希望可以带给大家一些更好的帮助和不同以往的更好的体验！

[阅读更多 ][Link 2]

## 17种新型的响应式开发框架 ##

[![17种新型的响应式开发框架][17]][17_17]

对于所有Web开发人员和设计者而言，在建立网站的时候有很多不同资源供他们使用。其中之一便是框架，框架定义为一个普遍的或受规范准则、概念和实 践来解决典型问题。

[阅读更多][Link 3]

## 来自极客标签10款最新设计素材-系列十四 ##

[![通过缩略图表扩展预览内容][1.JPG]][1.JPG 1]

本周我们推荐来自[极客标签社区][Link 1]带来的10款免费设计素材，大家可以在这里免费下载你需要的内容。如果你也有更好的作品，欢迎分享到社区中来，在得到帮助的同时，也能与更多人分享来自你的作品。

[阅读更多][Link 4]

## 极客技术专题【008期】：CSS3核心技术：选择器 ##

![极客技术专题【008期】：CSS3核心技术：选择器][008_CSS3]

在这节技术分享课中， 大漠将帮助大家深入了解CSS3选择器的奥秘.

[阅读更多][Link 5]

## 重新设计网站的10点建议 ##

[![重新设计网站的10点建议][10]][10_10]

当你需要重新设计现有网站的时候，通常你会想从头开始做，然而这样的话可能会丢失一些网站特有的元素。在做之前进行彻底的检查，以确保现有站点的特点和优势，保证网站修改和网站维护的方便，尽可能使用最好的方式来开发网站，这是比较好的做法。

[阅读更多][Link 6]

## 创建CSS3警示框渐变动画 ##

[![创建CSS3警示框渐变动画][CSS3]][CSS3_CSS3]

现代的网页设计技术已经允许开发人员在大多数浏览器中快速实现所支持的动画，其中消息警示是非常普遍的。由于默认的[JavaScript][]警示框往往设计不佳和过于侵入式，这导致开发人员想到找出一个更友好的用户界面解决方案。

[阅读更多][Link 7]

## 使用jQuery创建模态窗口登陆效果 ##

[![使用jQuery创建模态窗口登陆效果][jQuery]][jQuery_jQuery]

隐藏模态窗口技术是一种很好的解决方案，用于处理不是特有必要出现在网页上的界面元素。社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单。

[阅读更多][Link 8]

## 如何构建下拉滑动式响应导航菜单 ##

[![如何构建下拉滑动式响应导航菜单][title.jpg 1]][title.jpg 1 1]

经过长时间研究移动响应布局，我花了很大功夫研究不同的UI设计。在页面上的主要亮点往往是网站主导航。用户需要快速访问到内容页面，而且这一点是最基本的，无论是在完整的显示器或较小的移动响应屏幕。

[阅读更多][Link 9]

........

阅读全文：[2013年八月GBin1月刊][2013_GBin1]

[title.jpg]: http://www.gbin1.com/tutorials/gbcollection/2013august/title.jpg
[CSS _L.O.V.E]: http://www.gbin1.com/technology/javascript/20130819-front-end-demo/6.jpg
[CSS _L.O.V.E_CSS _L.O.V.E]: http://www.gbtags.com/gb/share/1471.htm
[Link 1]: http://www.gbtags.com
[Link 2]: http://www.gbin1.com/technology/javascript/20130819-front-end-demo/
[17]: http://www.gbtags.com/gb/networks/uploadimgthumb/b5a337d7-3c23-4520-962e-8f2b9c3088a5.png
[17_17]: http://www.gbtags.com/gb/networks/uploadimg/b5a337d7-3c23-4520-962e-8f2b9c3088a5.png
[Link 3]: http://www.gbin1.com/technology/css/20130821-responsive-frameworks/
[1.JPG]: http://www.gbin1.com/tools/design/20130820-design-freebie/1.JPG
[1.JPG 1]: http://www.gbtags.com/gb/share/1541.htm
[Link 4]: http://www.gbin1.com/tools/design/20130820-design-freebie/
[008_CSS3]: http://www.gbin1.com/tutorials/knowledge-sharing/20130819-knowledge-sharing-no8/title.jpg
[Link 5]: http://www.gbin1.com/tutorials/knowledge-sharing/20130819-knowledge-sharing-no8/
[10]: http://www.gbin1.com/tools/design/20130824-ten-advices-for-redesign-website/title.jpg
[10_10]: http://www.gbin1.com/tools/design/20130824-ten-advices-for-redesign-website/index.html
[Link 6]: http://www.gbin1.com/tools/design/20130824-ten-advices-for-redesign-website/
[CSS3]: http://www.gbin1.com/technology/css/20130823-css3-alert-effect/title.jpg
[CSS3_CSS3]: http://www.gbin1.com/technology/css/20130823-css3-alert-effect/index.html
[JavaScript]: http://www.gbin1.com/bloghome.html?tag=javascript
[Link 7]: http://www.gbin1.com/technology/css/20130823-css3-alert-effect/
[jQuery]: http://www.gbin1.com/technology/jquerytutorial/20130822-jquery-login-form/title.jpg
[jQuery_jQuery]: http://www.gbin1.com/technology/jquerytutorial/20130822-jquery-login-form/index.html
[Link 8]: http://www.gbin1.com/technology/jquerytutorial/20130822-jquery-login-form/
[title.jpg 1]: http://www.gbin1.com/technology/css/20130827-responsive-slidedown-nav/title.jpg
[title.jpg 1 1]: http://www.gbin1.com/technology/css/20130827-responsive-slidedown-nav/index.html
[Link 9]: http://www.gbin1.com/technology/css/20130827-responsive-slidedown-nav/
[2013_GBin1]: http://www.gbin1.com/tutorials/gbcollection/2013august/