Fri, 05 Aug 2011 02:16:02 GMTW3C验证 / 多浏览器支持 / WordPress模板 / Joomla模板http://www.feedsky.com/feed/sonichtml/sc/gifhttp://www.sonichtml.comhttp://www.sonichtml.comhourly1enFri, 05 Aug 2011 09:25:03 GMThttp://www.sonichtml.com/2011/08/05/web-development-resources/http://www.sonichtml.com/2011/08/05/web-development-resources/feed/6<p>好久更新博客了，最近<a href="http://www.sonichtml.com" target="_blank">SonicHTML</a>一直在忙项目，学习<a href="http://www.w3.org/TR/html5/" target="_blank">HTML5</a>方面知识，都把大家冷落了，实在抱歉。<br />最近有一个非常全面的阶段性收集，忍不住转过来，大家可以多学习学习！</p> <h3>学习HTML 5编程和设计</h3> <img title="wallOfWonder" src="http://www.sonichtml.com/wp-content/uploads/2011/08/05/wallOfWonder.png" alt="" width="600" height="238" /> <ul> <li>★ <a href="http://www.html5rocks.com/" target="_blank"><strong>HTML5 Rocks</strong></a> : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). <a href="http://code.google.com/p/html5rocks/" target="_blank">源码</a></li> <li>很不错的 <a href="https://mozillademos.org/demos/dashboard/demo.html" target="_blank"><strong>HTML5 Dashboard</strong></a> – Mozilla，效果很炫。</li> <li><a href="http://developers.whatwg.org/" target="_blank"><strong>WhatWG Developers</strong></a>, 一个清楚的 HTML5 技术规格说明书。</li> <li>★ <a href="http://stackoverflow.com/" target="_blank"><strong>StackOverflow</strong></a> : 大名鼎鼎的技术问答式论坛。</li> <li>★ <a href="http://addyosmani.com/blog/" target="_blank"><strong>Addyosmani</strong></a>, jQuery 和 JavaScript 文章教程</li> <li><a href="http://www.sohtanaka.com/web-design-tutorials/" target="_blank"><strong>Sohtanaka</strong></a>, jQuery 和 JavaScript 文章和教程</li> <li>★ <a href="http://net.tutsplus.com/category/tutorials/" target="_blank"><strong>Nettuts+</strong></a> 是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.</li> <li><a href="http://tympanus.net/codrops/" target="_blank"><strong>Codrops</strong></a>, 教程和 web 资源</li> <li><a href="http://www.webappers.com/" target="_blank"><strong>WebAppers</strong></a>, 最好的开源资源</li> <li><a href="http://tutorialzine.com/" target="_blank"><strong>Tutorialzine</strong></a> – PHP MySQL jQuery CSS 教程, 资源和赠品</li> <li><strong><a href="https://developer.mozilla.org/en/JavaScript/Guide" target="_blank">Mozilla JavaScript guide</a></strong></li> <li><a href="http://code.google.com/p/molokoloco-coding-project/" target="_blank"><strong>codes snippets</strong></a>, 作者自己收集的一些代码片段</li> </ul> <a href="http://www.sonichtml.com/2011/08/05/web-development-resources/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286002/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2011/08/05/web-development-resources/" border="0" height="0" width="0" style="position:absolute" />开源资源与技巧html5资源HTML5web开发资源web开发Fri, 05 Aug 2011 10:16:02 +0800sonichttp://www.sonichtml.com/2011/08/05/web-development-resources/#commentshttp://www.sonichtml.com/?p=1353sonichttp://www.sonichtml.com/2011/08/05/web-development-resources/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286002/5408391http://www.sonichtml.com/2011/07/03/case-roodo_v4/http://www.sonichtml.com/2011/07/03/case-roodo_v4/feed/0所用技术 PSD 转换 HTML PNG 透明图片 jQuery Tabs 演示页面 1234567891011121314<img src="http://www1.feedsky.com/t1/628286003/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2011/07/03/case-roodo_v4/" border="0" height="0" width="0" style="position:absolute" />案例展示roodoSun, 03 Jul 2011 13:47:27 +0800sonichttp://www.sonichtml.com/2011/07/03/case-roodo_v4/#commentshttp://www.sonichtml.com/?p=1349sonichttp://www.sonichtml.com/2011/07/03/case-roodo_v4/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286003/5408391http://www.sonichtml.com/2011/03/23/case-byjjudo/http://www.sonichtml.com/2011/03/23/case-byjjudo/feed/0<p><img src="http://www.sonichtml.com/wp-content/themes/sonichtml_v2/images/work/byjjudo.jpg" alt="百瀛家柔道馆" /></p> <dl> <dt>所用技术</dt> <dd>PSD 转换 HTML</dd> <dd>PNG 透明图片</dd> <dd>jQuery Slider</dd> <dt>演示页面</dt> <dd><a target="_blank" href="/demo/[2011]/judo/HTML/index.html">1</a></dd> </dl> <a href="http://www.sonichtml.com/2011/03/23/case-byjjudo/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286004/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2011/03/23/case-byjjudo/" border="0" height="0" width="0" style="position:absolute" />案例展示Wed, 23 Mar 2011 16:09:45 +0800sonichttp://www.sonichtml.com/2011/03/23/case-byjjudo/#commentshttp://www.sonichtml.com/?p=1327sonichttp://www.sonichtml.com/2011/03/23/case-byjjudo/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286004/5408391http://www.sonichtml.com/2011/03/05/sonichtml-v2-en/http://www.sonichtml.com/2011/03/05/sonichtml-v2-en/feed/0<p><a href="http://www.sonichtml.com/en/">SonicHTML</a> not only Slicing Service. <strong>We Design, We play WordPress</strong>.</p> <p><a href="http://www.sonichtml.com/en/">SonicHTML</a> is the fastest and easiest template slicing service. Just send us your design in any of common formats (PSD or even HTML of existing markup) and we’ll convert it to <strong>xHTML / CSS3 markup in just 3 days after order confirmation.</strong></p> <p>Designs are accepted in almost any format, Popular formats include PSD, PNG, etc. Please provide us with custom fonts if any.</p> <a href="http://www.sonichtml.com/2011/03/05/sonichtml-v2-en/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286005/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2011/03/05/sonichtml-v2-en/" border="0" height="0" width="0" style="position:absolute" />团队新闻Sat, 05 Mar 2011 15:16:59 +0800sonichttp://www.sonichtml.com/2011/03/05/sonichtml-v2-en/#commentshttp://www.sonichtml.com/?p=1320sonichttp://www.sonichtml.com/2011/03/05/sonichtml-v2-en/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286005/5408391http://www.sonichtml.com/2011/02/17/destination/http://www.sonichtml.com/2011/02/17/destination/feed/1所用技术 PSD 转换 HTML PNG 透明图片 MooTools MooFlow jQuery Slider 演示页面 123456789<img src="http://www1.feedsky.com/t1/628286006/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2011/02/17/destination/" border="0" height="0" width="0" style="position:absolute" />案例展示Thu, 17 Feb 2011 13:25:05 +0800sonichttp://www.sonichtml.com/2011/02/17/destination/#commentshttp://www.sonichtml.com/?p=1302sonichttp://www.sonichtml.com/2011/02/17/destination/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286006/5408391http://www.sonichtml.com/2010/12/24/highly-resolution-christmas-wallpaper/http://www.sonichtml.com/2010/12/24/highly-resolution-christmas-wallpaper/feed/7<p>今天是平安夜，<a href="http://www.sonichtml.com"><strong>SonicHTML</strong></a>祝大家 圣诞快乐！好好放松一下，尽情的enjoy这个周未吧。</p> <p>收集了一些高分辨率 高质量的圣诞壁纸，在这个节日里，为您的桌面换上圣诞气氛的壁纸吧！HOHO~~</p> <h3><a href="http://www.wallcoo.net/holiday/Christmas_Still_Life/html/wallpaper8.html">Christmas Still Life</a></h3> <a href="http://www.wallcoo.net/holiday/Christmas_Still_Life/html/wallpaper8.html"><img src="http://www.sonichtml.com/wp-content/uploads/2010/12/24/christmas-shortcrus-biscuits.jpg" alt="Christmas-shortcrus-biscuits in Highly Addictive Christmas Wallpapers" width="500" height="300" /></a> <em>Sizes available: 1024×768, 1280×800, 1280×1024, 1440×900, 1600×1200, 1680×1050, 1920×1200</em> <a href="http://www.sonichtml.com/2010/12/24/highly-resolution-christmas-wallpaper/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286007/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2010/12/24/highly-resolution-christmas-wallpaper/" border="0" height="0" width="0" style="position:absolute" />圣诞资源与技巧壁纸wallpaperchristmasFri, 24 Dec 2010 10:42:24 +0800sonichttp://www.sonichtml.com/2010/12/24/highly-resolution-christmas-wallpaper/#commentshttp://www.sonichtml.com/?p=1297sonichttp://www.sonichtml.com/2010/12/24/highly-resolution-christmas-wallpaper/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286007/5408391http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-image-crop/http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-image-crop/feed/2<h3><a href="http://deepliquid.com/content/Jcrop_Download.html" target="_blank" title="Image Crop">Image Crop</a></h3> <p><img src="http://www.sonichtml.com/wp-content/uploads/2010/12/20/image-crop.jpg" target="_blank" alt="Image Crop" /></p> jQuery图片裁切工具，鼠标圈定图片的有效区域，生成裁切后的局部新图片。 <a href="http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop" target="_blank" class="btn_demo">Demo</a> <a href="http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-image-crop/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286008/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-image-crop/" border="0" height="0" width="0" style="position:absolute" />jQuery插件图片裁切实用Mon, 20 Dec 2010 17:47:23 +0800sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-image-crop/#commentshttp://www.sonichtml.com/?p=1273sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-image-crop/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286008/5408391http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-accordion/http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-accordion/feed/1<h3><a href="http://plugins.jquery.com/project/accordion" target="_blank" title="jQuery Accordion">jQuery Accordion</a></h3> <p><img src="http://www.sonichtml.com/wp-content/uploads/2010/12/20/accordion.jpg" alt="jQuery Accordion" /></p> jQuery手风琴效果 <a href="http://jquery.bassistance.de/accordion/?p=1.1.1" target="_blank" class="btn_demo">Demo</a> <a href="http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-accordion/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286009/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-accordion/" border="0" height="0" width="0" style="position:absolute" />jQuery插件实用手风琴Mon, 20 Dec 2010 17:46:28 +0800sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-accordion/#commentshttp://www.sonichtml.com/?p=1270sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-accordion/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286009/5408391http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-date-picker/http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-date-picker/feed/2<h3><a href="http://kelvinluck.com/assets/jquery/datePicker/v2/demo/" target="_blank" title="Date Picker">Date Picker</a></h3> <p><img src="http://www.sonichtml.com/wp-content/uploads/2010/12/20/date-picker.jpg" alt="Date Picker" /></p> 一个灵活个性、功能强大的jQuery日历插件。 <a href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPastDate.html" target="_blank" class="btn_demo">Demo</a> <a href="http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-date-picker/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628286010/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-date-picker/" border="0" height="0" width="0" style="position:absolute" />日历jQuery插件实用Mon, 20 Dec 2010 17:46:04 +0800sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-date-picker/#commentshttp://www.sonichtml.com/?p=1271sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-date-picker/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628286010/5408391http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-slider/http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-slider/feed/2<h3><a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" target="_blank" title="Easy Slider">Easy Slider</a></h3> <p><img src="http://www.sonichtml.com/wp-content/uploads/2010/12/20/easy-slider.jpg" alt="Easy Slider" /></p> jQuery幻灯片插件，非常小巧简单实用，可选择是否出现数字导航。 <a href="http://cssglobe.com/lab/easyslider1.7/03.html" target="_blank" class="btn_demo">Demo</a> <a href="http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-slider/">Continue reading <span class="meta-nav">&#8594;</span></a><img src="http://www1.feedsky.com/t1/628835060/sonichtml/feedsky/s.gif?r=http://www.sonichtml.com/2010/12/20/jquery-useful-plugins-slider/" border="0" height="0" width="0" style="position:absolute" />sliderjQuery插件幻灯片画廊实用Mon, 20 Dec 2010 17:45:37 +0800sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-slider/#commentshttp://www.sonichtml.com/?p=1274sonichttp://www.sonichtml.com/2010/12/20/jquery-useful-plugins-slider/http://www.sonichtml.com/feed/feedsky/sonichtml/~8501192/628835060/5408391