2012年度最新免费web开发设计资源荟萃
jjfat 12年前
<p>日期：2012-9-11 来源：<a href="/misc/goto?guid=4958523998286308791">GBin1.com</a></p> <p><a title="freebie" href="/misc/goto?guid=4958523998389425246" target="_blank">免费的设</a><a title="freebie" href="/misc/goto?guid=4958523998389425246" target="_blank">计和</a><a title="freebie" href="/misc/goto?guid=4958523998389425246" target="_blank">开发资源</a>大家肯定都喜欢，在这篇文章中我们收集了7月到8月的最新免费开发设计资源，包含<a title="psd" href="/misc/goto?guid=4958523998494499127" target="_blank">PSD UI套件</a>，<a title="icon" href="/misc/goto?guid=4958523998591984299" target="_blank">图标</a>，<a title="javascript" href="/misc/goto?guid=4958523998672368096" target="_blank">javascript</a>，<a title="jquery插件" href="/misc/goto?guid=4958523998768941291" target="_blank">jQuery插件</a>等等，绝对是web开发设计人员必备，如果你也喜欢，过来看看吧！</p> <h3>1. <a title="Smart Time Ago" href="/misc/goto?guid=4958523998855485561" target="_blank">Smart Time Ago（jQuery插件）</a></h3> <p><a href="/misc/goto?guid=4958347467728984897" target="_blank"><img alt="Magnifying Glass for Image Zoom (jQuery/CSS3)" src="http://www.gbin1.com/technology/jquerynews/20120907-jquery-plugin-smart-time-ago/title.jpg" width="550" /></a></p> <h3 class="title">2. <a title="动画文字书写效果" href="/misc/goto?guid=4958523998982951839" target="_blank">使用javascript开发超棒的动画文字书写效果</a></h3> <p><a href="/misc/goto?guid=4958347467728984897" target="_blank"><img alt="Magnifying Glass for Image Zoom (jQuery/CSS3)" src="http://www.gbin1.com/tutorials/hotspot/hotspot7/title_006.jpg" width="550" height="287" /></a></p> <h3>3. <a href="/misc/goto?guid=4958347467728984897" target="_blank">Magnifying Glass for Image Zoom</a> (jQuery/CSS3)</h3> <p><a href="/misc/goto?guid=4958347467728984897" target="_blank"><img alt="Magnifying Glass for Image Zoom (jQuery/CSS3)" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-20_magnifying_glass_image_zoom.jpg" width="550" height="400" /></a></p> <h3>4. <a href="/misc/goto?guid=4958523999103037908" target="_blank">Settings Panel (PSD)</a></h3> <p><a href="/misc/goto?guid=4958523999103037908" target="_blank"><img alt="Settings Panel (PSD)" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-10_settings_panel_psd.jpg" width="550" height="400" /></a></p> <h3>5. <a href="/misc/goto?guid=4958523999192227067" target="_blank">iOS Icon Template</a></h3> <p><a href="/misc/goto?guid=4958523999192227067" target="_blank"><img alt="iOS Icon Template" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-25_ios_icon.jpg" width="550" height="400" /></a></p> <h3>6. <a href="/misc/goto?guid=4958523999294053153" target="_blank">Blitz PSD UI Kit</a></h3> <p><a href="/misc/goto?guid=4958523999294053153" target="_blank"><img alt="Blitz PSD UI kit" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-13_blitz_psd.jpg" width="550" height="400" /></a></p> <h3>7. <a href="/misc/goto?guid=4958523999390810235" target="_blank">PSD Retro Text Effect Vol. 2</a></h3> <p><a href="/misc/goto?guid=4958523999390810235" target="_blank"><img alt="PSD Retro Text Effect Vol. 2" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-02_psd_retro_effect_v2.jpg" width="550" height="400" /></a></p> <h3>8. <a href="/misc/goto?guid=4958523999485845587" target="_blank">Beer Bottle PSD Mockup Template</a></h3> <p><a href="/misc/goto?guid=4958523999485845587" target="_blank"><img alt="Beer Bottle PSD Mockup Template" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-03_beer_bottle_psd.jpg" width="550" height="400" /></a></p> <h3>9. <a href="/misc/goto?guid=4958523999606800318" target="_blank">Merit Badge Icons PSD</a></h3> <p><a href="/misc/goto?guid=4958523999606800318" target="_blank"><img alt="Merit Badge Icons PSD" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-04_merit_badge_psd.jpg" width="550" height="400" /></a></p> <h3>10. <a href="/misc/goto?guid=4958523999705501691" target="_blank">Complete 100 Vector User Icons</a></h3> <p>4个版本的图标：Vector, Windows 8, iPhone 和 Android. </p> <p><a href="/misc/goto?guid=4958523999705501691" target="_blank"><img alt="Complete 100 Vector User Icons" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-05_complete_vector_100.jpg" width="550" height="400" /></a></p> <h3>11. <a href="/misc/goto?guid=4958523999807233575" target="_blank">Contact Form Template</a></h3> <p><a href="/misc/goto?guid=4958523999807233575" target="_blank"><img alt="Contact Form Template" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-06_contact_form_template.jpg" width="550" height="400" /></a></p> <h3>12. <a href="/misc/goto?guid=4958523999905547507" target="_blank">10 Free PSD Backgrounds</a></h3> <p><a href="/misc/goto?guid=4958523999905547507" target="_blank"><img alt="10 Free PSD Backgrounds" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-07_10_free_psd_backgrounds.jpg" width="550" height="400" /></a></p> <h3>13. <a href="/misc/goto?guid=4958524000011219028" target="_blank">200 Web Buttons Pack</a></h3> <p>包含了200个免费按钮集，付费的话将得到更多按钮 </p> <p><a href="/misc/goto?guid=4958524000011219028" target="_blank"><img alt="200 Web Buttons Pack" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-08_2000vector_buttons.jpg" width="550" height="400" /></a></p> <h3>14. <a href="/misc/goto?guid=4958524000108269410" target="_blank">Free Brown Paper Textures</a></h3> <p><a href="/misc/goto?guid=4958524000108269410" target="_blank"><img alt="Free Brown Paper Textures" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-09_free_brown_textures.jpg" width="550" height="400" /></a></p> <h3>15. <a href="/misc/goto?guid=4958524000211963919" target="_blank">App Store Buttons</a></h3> <p><a href="/misc/goto?guid=4958524000211963919" target="_blank"><img alt="App Store Buttons" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-11_appstore_buttons.jpg" width="550" height="400" /></a></p> <h3>16. <a href="/misc/goto?guid=4958524000315562785" target="_blank">CSS/JS Dark Pagination Design</a></h3> <p><a href="/misc/goto?guid=4958524000315562785" target="_blank"><img alt="CSS/JS Dark Pagination Design" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-12_cssjs_dark_pagination.jpg" width="550" height="400" /></a></p> <h3>17. <a href="/misc/goto?guid=4958524000412690806" target="_blank">Portfolio Web Template</a></h3> <p><a href="/misc/goto?guid=4958524000412690806" target="_blank"><img alt="Portfolio Web Template" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-14_portfolio_webtemplate.jpg" width="550" height="400" /></a></p> <h3>18. <a href="/misc/goto?guid=4958524000512584914" target="_blank">Subtle Textures</a></h3> <p><a href="/misc/goto?guid=4958524000512584914" target="_blank"><img alt="Subtle Textures" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-15_subtle_txtures.jpg" width="550" height="400" /></a></p> <h3>19. <a href="/misc/goto?guid=4958524000599859594" target="_blank">CSS Box Machine</a></h3> <p><a href="/misc/goto?guid=4958524000599859594" target="_blank"><img alt="CSS Box Machine" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-16_cssboxmachine.jpg" width="550" height="400" /></a></p> <p>25 content boxes made in CSS.</p> <h3>20. <a href="/misc/goto?guid=4958521906453295199" target="_blank">iView Slider</a> (Responsive/Mobile-Optimized jQuery Slider)</h3> <p><a href="/misc/goto?guid=4958521906453295199" target="_blank"><img alt="iView Slider: Responsive/Mobile-Optimized jQuery Slider" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-17_iviewslider.jpg" width="550" height="400" /></a></p> <h3>21. <a href="/misc/goto?guid=4958524000739402428" target="_blank">Free Photo Editor PSD</a></h3> <p><a href="/misc/goto?guid=4958524000739402428" target="_blank"><img alt="Free Photo Editor PSD" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-18_free_photoeditor_psd.jpg" width="550" height="400" /></a></p> <h3>22. <a href="/misc/goto?guid=4958521906741051580" target="_blank">JZooPraxiscope</a> (jQuery Plugin for Animating Static Images)</h3> <p><a href="/misc/goto?guid=4958521906741051580" target="_blank"><img alt="JZooPraxiscope" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-21_jzoo_praxiscope.jpg" width="550" height="400" /></a></p> <h3>23. <a href="/misc/goto?guid=4958523556013813520" target="_blank">jQuery PowerTip</a> (Create Customizable UI Tooltips)</h3> <p><a href="/misc/goto?guid=4958523556013813520" target="_blank"><img alt="jQuery PowerTip: Create Customizable UI Tooltips" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-22_jquery_powertip.jpg" width="550" height="400" /></a></p> <h3>24. <a href="/misc/goto?guid=4958524000924311621" target="_blank">Wood Texture</a></h3> <p>西部风格的木质排版文字 </p> <p><a href="/misc/goto?guid=4958524000924311621" target="_blank"><img alt="Wood Texture" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-24_wood_textures.jpg" width="550" height="400" /></a></p> <h3>25. <a href="/misc/goto?guid=4958524001026407133" target="_blank">Nexa</a> (Free Font)</h3> <p><a href="/misc/goto?guid=4958524001026407133" target="_blank"><img alt="Nexa (Free Font)" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-26_nexa_free_font.jpg" width="550" height="400" /></a></p> <h3>26. <a href="/misc/goto?guid=4958524001118584551" target="_blank">10 Dark Subtle Patterns</a></h3> <p><a href="/misc/goto?guid=4958524001118584551" target="_blank"><img alt="10 Dark Subtle Patterns" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-27_darksubtle_patterns.jpg" width="550" height="400" /></a></p> <h3>27. <a href="/misc/goto?guid=4958524001212409442" target="_blank">Calendar with Event Preview PSD</a></h3> <p><a href="/misc/goto?guid=4958524001212409442" target="_blank"><img alt="Calendar with Event Preview PSD" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-28_calendar_w_psd.jpg" width="550" height="400" /></a></p> <h3>28. <a href="/misc/goto?guid=4958524001308718309" target="_blank">Hire Me Card</a></h3> <p><a href="/misc/goto?guid=4958524001308718309" target="_blank"><img alt="Hire Me Card" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-29_ffa_hireme_card.jpg" width="550" height="400" /></a></p> <h3>29. <a href="/misc/goto?guid=4958524001406614800" target="_blank">Ecological PSD Tags and Stickers</a></h3> <p><a href="/misc/goto?guid=4958524001406614800" target="_blank"><img alt="Ecological PSD Tags and Stickers" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-30_ecological_stickers_psd.jpg" width="550" height="400" /></a></p> <h3>30. <a href="/misc/goto?guid=4958524001522315438" target="_blank">Metallic Slider and Dropdown PSD</a></h3> <p><a href="/misc/goto?guid=4958524001522315438" target="_blank"><img alt="Metallic Slider and Dropdown PSD" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-31_metallic_psd.jpg" width="550" height="400" /></a></p> <h3>31. <a href="/misc/goto?guid=4958524001621193191" target="_blank">Sreda</a> (Free Font)</h3> <p><a href="/misc/goto?guid=4958524001621193191" target="_blank"><img alt="Sreda (Free Font)" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-32_sreda_freefont.jpg" width="550" height="400" /></a></p> <h3>32. <a href="/misc/goto?guid=4958524001715450787" target="_blank">PSD Upload Interface</a></h3> <p><a href="/misc/goto?guid=4958524001715450787" target="_blank"><img alt="PSD Upload Interface" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-33_upload_psd_template.jpg" width="550" height="400" /></a></p> <h3>33. <a href="/misc/goto?guid=4958521908697185827" target="_blank">Paper Fold Effect for iOS</a></h3> <p>超棒的动画效果，相信应用到你的手机web开发上将会让你的界面效果如虎添翼</p> <p><a href="/misc/goto?guid=4958521908697185827" target="_blank"><img alt="Paper Fold Effect for iOS" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-19_ios_paperfold.jpg" width="550" height="400" /></a></p> <h3>34. <a href="/misc/goto?guid=4958524001852760606" target="_blank">PSD 3D Social Buttons</a></h3> <p><a href="/misc/goto?guid=4958524001852760606" target="_blank"><img alt="PSD 3D Social Buttons" src="http://www.gbin1.com/technology/html/20120911-latest-free-web-resources/0286-23_psd_3d_social_buttons.jpg" width="550" height="400" /></a></p> <h3>34. <a title="impressive-psd-ui-packs" href="/misc/goto?guid=4958524001951966761" target="_blank">免费素材： 4套超棒的免费ui套件</a></h3> <p><a href="/misc/goto?guid=4958524001852760606" target="_blank"><img alt="PSD 3D Social Buttons" src="http://www.gbin1.com/tools/icon/20120907-impressive-psd-ui-packs/17.jpg" width="550" /></a></p> <h3>35. <a title="foldup效果" href="/misc/goto?guid=4958524002058697115" target="_blank">使用oriDomi折纸效果的HTML元素</a></h3> <p><a href="/misc/goto?guid=4958524001852760606" target="_blank"><img alt="PSD 3D Social Buttons" src="http://www.gbin1.com/technology/javascript/20120831-fold-up-html-elements-like-paper/title.jpg" width="550" height="406" /></a></p> <h3>36. <a title="ui psd kit" href="/misc/goto?guid=4958524002157292128" target="_blank">12套超棒的免费PSD格式UI套件</a></h3> <p><a href="/misc/goto?guid=4958524001852760606" target="_blank"><img alt="PSD 3D Social Buttons" src="http://www.gbin1.com/tools/design/20120830-free-ui-psd/uipsds02.jpg" width="550" /></a></p> <p><br /> <a title="2012年度最新免费web开发设计资源荟萃" href="/misc/goto?guid=4958524002255824625" target="_blank"></a></p> <p><span style="font-size:16px;">来源：</span><a href="/misc/goto?guid=4958523998286308791"><span style="font-size:16px;">2012年度最新免费web开发设计资源荟萃</span></a></p>