A window on events and their implications.noreply@blogger.com (bosh)Mon, 16 Sep 2024 08:03:36 +0100Blogger http://www.blogger.com528125http://boshy.blogspot.com/en-ushttp://boshy.blogspot.com/2013/02/goodbye-to-posterous-we-love-you.htmldeathofanideagoodbyeposteroustwitteraremadweloveyounoreply@blogger.com (bosh)Thu, 28 Feb 2013 17:55:00 GMTtag:blogger.com,1999:blog-6141252.post-1611661960318396059<div class='posterous_autopost'><p><div class='p_embed p_image_embed'> <a href="http://getfile2.posterous.com/getfile/files.posterous.com/temp-2013-02-28/lmDDdawnBmwtzcHCgpaCHrFehdfrlsogIkxpdbHrjxgGAaxfnIbvmBnaEIdz/P1020661.JPG.scaled1000.jpg"><img alt="P1020661" height="281" src="http://getfile7.posterous.com/getfile/files.posterous.com/temp-2013-02-28/lmDDdawnBmwtzcHCgpaCHrFehdfrlsogIkxpdbHrjxgGAaxfnIbvmBnaEIdz/P1020661.JPG.scaled500.jpg" width="500" /></a> </div> </p> <p><span style="font-size: large;">Thi</span><span style="font-size: large;">s blog has moved to its own space at:</span></p> <div> <p><strong><span style="font-size: large;"><a href="http://takenotes.penworks.net" title="The penworks techblog">http://takenotes.penworks.net</a></span></strong></p> <p><strong><em>All future techblog posts will be there, with usual social media functionality and all the goodwill I can muster. I do hope you will continue to support my posts, and share into your Twitter and Facebook accounts as you have done in the past. It's been cool, but now, it's over.</em></strong></p> <p><strong><em>Thanks Posterous, I'm sad to see you go.</em></strong></p> <p><span style="font-size: medium;">Facebook page is <a href="http://fb.me/penworks.net" title="Facebook penworks.net">http://fb.me/penworks.net</a></span></p> <p><span style="font-size: medium;">Twitter is <a href="http://www.twitter.com/penworks" title="Penworks Twitter">@penworks</a></span></p> <p><span style="font-size: x-small;"><strong><em>[img:xmas 2012, imagining]</em></strong></span></p> </div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/goodbye-to-posterous-we-love-you">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2013/01/get-started-with-webrtc.htmlAPIjavascriptrtcwebdevwebrtcnoreply@blogger.com (bosh)Thu, 3 Jan 2013 11:42:00 GMTtag:blogger.com,1999:blog-6141252.post-3643309715169195150<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile3.posterous.com/getfile/files.posterous.com/penworks/sxmilHzJbJzhfrxJlvBgctwwbdBeHkyiysFcjjqqjvsibGhelzjzhyiaejjo/media_httpmedianetmag_AGpeu.jpg.scaled1000.jpg"><img alt="Media_httpmedianetmag_agpeu" height="273" src="http://getfile0.posterous.com/getfile/files.posterous.com/penworks/sxmilHzJbJzhfrxJlvBgctwwbdBeHkyiysFcjjqqjvsibGhelzjzhyiaejjo/media_httpmedianetmag_AGpeu.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://www.netmagazine.com/tutorials/get-started-webrtc">netmagazine.com</a></div> <p>WebRTC - real time capture from media devices with api.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/get-started-with-webrtc">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/12/kirby-cms-with-no-database.htmlAPIcmsflatfileresourcesnoreply@blogger.com (bosh)Fri, 14 Dec 2012 12:49:00 GMTtag:blogger.com,1999:blog-6141252.post-3201417711455481647<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile4.posterous.com/getfile/files.posterous.com/penworks/hefipGxIlFAixFwIookbhvfEBhramCEdpwJjjxAEvoapIvrjspsFecbdBper/media_httpgetkirbycom_yepuJ.jpg.scaled1000.jpg"><img alt="Media_httpgetkirbycom_yepuj" height="192" src="http://getfile9.posterous.com/getfile/files.posterous.com/penworks/hefipGxIlFAixFwIookbhvfEBhramCEdpwJjjxAEvoapIvrjspsFecbdBper/media_httpgetkirbycom_yepuJ.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://getkirby.com/">getkirby.com</a></div> <p>Kirby CMS. A return to flatfile, only better.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/kirby-a-cms-with-no-database">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/12/xcharts-javascript-library-for-data.htmldatajavascriptpluginsvisualisationvisualizationnoreply@blogger.com (bosh)Thu, 13 Dec 2012 12:54:00 GMTtag:blogger.com,1999:blog-6141252.post-2116737927943806614<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <blockquote><div> <h3>xCharts – A JavaScript library for building custom data-driven chart visualizations</h3> <div>Dated Added → December 13, 2012<span style="float: right;">Categories → <a href="http://codevisually.com/charts-graphs/" title="View all posts in Charts &amp; Graphs" rel="category tag">Charts &amp; Graphs</a>, <a href="http://codevisually.com/javascript-resources/" title="View all posts in Javascript" rel="category tag">Javascript</a></span></div> <p><a href="http://tenxer.github.com/xcharts/" target="_blank">xCharts</a>, using D3.js, is an easy to use JavaScript library for building custom data-driven chart visualizations. Unlike many other charting libraries all visualization styling can be achieved directly through CSS, giving you the control to handle the visualization however you want. xCharts has been designed to be dynamic, fluid, and open to integrations and customization.<br /> <a href="http://tenxer.github.com/xcharts/" target="_blank"><img src="http://codevisually.com/wp-content/uploads/2012/12/codevisuallydec_04_large.jpg" height="249" alt="xCharts - A JavaScript library for building custom data-driven chart visualizations" width="500" /></a></p><p></p> <div> Homepage: <a href="http://tenxer.github.com/xcharts/" target="_blank">http://tenxer.github.com/xcharts/</a><br /> GitHub: <a href="https://github.com/tenXer/xcharts" target="_blank">https://github.com/tenXer/xcharts</a></div> <p> </p></div></blockquote><div class="posterous_quote_citation">via <a href="http://codevisually.com/xcharts/">codevisually.com</a></div> <p>Visualised data with xCharts.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/xcharts-a-javascript-library-for-data-driven">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/12/50-most-useful-jquery-plugins-from-2012.htmlboilerplatescoolhtml5jquerymapspluginsresourcesnoreply@blogger.com (bosh)Mon, 10 Dec 2012 19:45:00 GMTtag:blogger.com,1999:blog-6141252.post-8476433441797359226<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile6.posterous.com/getfile/files.posterous.com/penworks/zbrJBzsnlkCEkjohkdurmfncDioJyqtpJtqEhiBIafsswhlisHmDAwnprxoi/media_httpspeckycdnsd_rldjc.jpg.scaled1000.jpg"><img alt="Media_httpspeckycdnsd_rldjc" height="203" src="http://getfile3.posterous.com/getfile/files.posterous.com/penworks/zbrJBzsnlkCEkjohkdurmfncDioJyqtpJtqEhiBIafsswhlisHmDAwnprxoi/media_httpspeckycdnsd_rldjc.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://speckyboy.com/2012/12/10/jquery-plugins-2012/">speckyboy.com</a></div> <p>Specky lists are always full of useful resources.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/50-most-useful-jquery-plugins-from-2012">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/11/jhere-jquery-plugin-to-add-interactive.htmlAPIinteractiveinterfacesjavascriptjqueryjsmapsnoreply@blogger.com (bosh)Fri, 30 Nov 2012 13:55:00 GMTtag:blogger.com,1999:blog-6141252.post-4938553935170995674<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <blockquote><div> <h3>jHERE – A lightweight jQuery plugin to easily add interactive maps to your website</h3> <div>Dated Added → November 30, 2012<span style="float: right;">Categories → <a href="http://codevisually.com/jquery/" title="View all posts in jQuery" rel="category tag">jQuery</a></span></div> <p><a href="http://jhere.net/" target="_blank">jHERE</a> is a lightweight (only 4kb &amp; 1.95kb Gzipped) jQuery plugin that allows you to easily add interactive maps to your website. You get a powerful map API, highly customizable markers, event handling and info bubbles and comes with KML support and data visualization via heatmaps.<br /> <a href="http://jhere.net/" target="_blank"><img src="http://codevisually.com/wp-content/uploads/2012/11/codevisually_screen_05_large.jpg" height="222" alt="jHERE - A lightweight jQuery plugin to easily add interactive maps to your website" width="500" /></a></p><p></p> <div> Homepage: <a href="http://jhere.net/" target="_blank">http://jhere.net/</a><br /> Demo: <a href="http://bin.jhere.net/" target="_blank">http://bin.jhere.net/</a></div> <p> </p></div></blockquote><div class="posterous_quote_citation">via <a href="http://codevisually.com/jhere/">codevisually.com</a></div> <p>Nice! Looks great for interactive maps.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/jhere-a-jquery-plugin-to-add-interactive-maps">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/11/8-raphael-js-tutorials.htmlanimationcss3datahtml5interactivejavascriptjqueryjssvgtransitionsnoreply@blogger.com (bosh)Tue, 27 Nov 2012 13:38:00 GMTtag:blogger.com,1999:blog-6141252.post-1208454062535540479<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile6.posterous.com/getfile/files.posterous.com/penworks/ucAsaJApxmbDpBzokinkDplduCugfzbEngGnICDEyofzzbGJAczbflxykbub/media_httpbashookacom_xtDuv.jpg.scaled1000.jpg"><img alt="Media_httpbashookacom_xtduv" height="264" src="http://getfile4.posterous.com/getfile/files.posterous.com/penworks/ucAsaJApxmbDpBzokinkDplduCugfzbEngGnICDEyofzzbGJAczbflxykbub/media_httpbashookacom_xtDuv.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://bashooka.com/coding/raphael-js-tutorials/">bashooka.com</a></div> <p>Display data and make it sexy with Raphael Js.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/8-raphael-js-tutorials">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/11/10-awesome-page-flip-jquery-plugins.htmlcss3html5interfacesjqueryresponsivenoreply@blogger.com (bosh)Fri, 23 Nov 2012 13:28:00 GMTtag:blogger.com,1999:blog-6141252.post-184528577926515836<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile9.posterous.com/getfile/files.posterous.com/penworks/hlyikalFqvsHcBkyeDjCvGzHleFljlIhxdaCxJEizEicCskxxHhhDfpxpJrw/media_httpcreativecan_xgnqp.jpg.scaled1000.jpg"><img alt="Media_httpcreativecan_xgnqp" height="336" src="http://getfile3.posterous.com/getfile/files.posterous.com/penworks/hlyikalFqvsHcBkyeDjCvGzHleFljlIhxdaCxJEizEicCskxxHhhDfpxpJrw/media_httpcreativecan_xgnqp.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://creativecan.com/2012/08/page-flip-jquery-plugins/">creativecan.com</a></div> <p>Page flip is sometimes just what you need.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/10-awesome-page-flip-jquery-plugins">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/11/making-website-responsive-in-3-easy.htmlcodehtmlmobileresponsivewebdevnoreply@blogger.com (bosh)Thu, 22 Nov 2012 20:21:00 GMTtag:blogger.com,1999:blog-6141252.post-8268289313257329503<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div style="background: #ddd; padding: 10px;"><p style="font-size: 5em; color: olivedrab; line-height: 100%; font-weight: bold;">Make a website responsive in 3 easy steps!</p> <div class="posterous_quote_citation">via <a href="http://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps">catswhocode.com</a></div></div> <p>Yey! Excellent! Easy!</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/making-a-website-responsive-in-3-easy-steps">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/11/creative-css-loading-animations.htmlanimationbrowserscodecss3html5transitionsnoreply@blogger.com (bosh)Wed, 14 Nov 2012 11:11:00 GMTtag:blogger.com,1999:blog-6141252.post-1307939338285756735<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile7.posterous.com/getfile/files.posterous.com/penworks/AjHhymlJJtDAgfFIgEwqbAmnnGBgFvnCIFEDDoujxFgbrEouneqgiqgrGqyI/media_httptympanusnet_GIiJj.jpg.scaled1000.jpg"><img alt="Media_httptympanusnet_giijj" height="272" src="http://getfile5.posterous.com/getfile/files.posterous.com/penworks/AjHhymlJJtDAgfFIgEwqbAmnnGBgFvnCIFEDDoujxFgbrEouneqgiqgrGqyI/media_httptympanusnet_GIiJj.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://tympanus.net/codrops/2012/11/14/creative-css-loading-animations/">tympanus.net</a></div> <p>Beautiful examples of the power of CSS3 animations.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/creative-css-loading-animations">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/11/all-content-is-marketing.htmlcontentinterfacesmarketingwebdevnoreply@blogger.com (bosh)Thu, 8 Nov 2012 08:08:00 GMTtag:blogger.com,1999:blog-6141252.post-7683859993273248684<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile4.posterous.com/getfile/files.posterous.com/penworks/vksfdvkdAikcArueCAddiDkDIeFqinEjvqnJnFmuncJBIfeqtaItliuCCouG/media_httpbloginterco_DGlnA.jpeg.scaled1000.jpg"><img alt="Media_httpbloginterco_dglna" height="379" src="http://getfile1.posterous.com/getfile/files.posterous.com/penworks/vksfdvkdAikcArueCAddiDkDIeFqinEjvqnJnFmuncJBIfeqtaItliuCCouG/media_httpbloginterco_DGlnA.jpeg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://blog.intercom.io/all-content-is-marketing/">blog.intercom.io</a></div> <p>Your content is more important than any design or fancy interface.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/all-content-is-marketing">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/10/front-end-code-standards-best-practices.htmlbest-practicecodecssdoctypeshtmlscriptstandardswebdevnoreply@blogger.com (bosh)Sat, 27 Oct 2012 12:59:00 +0100tag:blogger.com,1999:blog-6141252.post-4443993330147259427<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile0.posterous.com/getfile/files.posterous.com/penworks/xCsGxvHbtxixJhvhkoqgbnxnkowCnkqeiBDhEnFaamDCHHseJhjibkBBmgJq/media_httpisobaridevg_sAsEi.jpg.scaled1000.jpg"><img alt="Media_httpisobaridevg_sasei" height="96" src="http://getfile8.posterous.com/getfile/files.posterous.com/penworks/xCsGxvHbtxixJhvhkoqgbnxnkowCnkqeiBDhEnFaamDCHHseJhjibkBBmgJq/media_httpisobaridevg_sAsEi.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://isobar-idev.github.com/code-standards/">isobar-idev.github.com</a></div> <p>Standards - we need them, even though we should be doing most of this already.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/front-end-code-standards-best-practices-round">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/10/25-jquery-plugins-to-help-with.htmlboilerplatescarouselcss3fontsformshtml5jquerymedia-queriespluginsresponsiveslideshowwebdevnoreply@blogger.com (bosh)Sat, 20 Oct 2012 09:08:00 +0100tag:blogger.com,1999:blog-6141252.post-2582046109546869108<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile4.posterous.com/getfile/files.posterous.com/penworks/aAngrqknGkEtJJCEIjBhGIkbeAzrCldnDzBFFpqeGJlrztHufIfohpICckfG/media_httpspeckycdnsd_bczgv.jpg.scaled1000.jpg"><img alt="Media_httpspeckycdnsd_bczgv" height="195" src="http://getfile1.posterous.com/getfile/files.posterous.com/penworks/aAngrqknGkEtJJCEIjBhGIkbeAzrCldnDzBFFpqeGJlrztHufIfohpICckfG/media_httpspeckycdnsd_bczgv.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://speckyboy.com/2011/10/24/25-jquery-plugins-to-help-with-responsive-layouts/">speckyboy.com</a></div> <p>This might be the most useful page on the web atm. Really.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/25-jquery-plugins-to-help-with-responsive-lay-54445">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/10/svg-fallback-vertical-rhythm-css.htmlboilerplatescodecsscss3html5sasssvgnoreply@blogger.com (bosh)Tue, 16 Oct 2012 08:28:00 +0100tag:blogger.com,1999:blog-6141252.post-5067273679807275429<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <img alt="Media_httpmediasmashi_cdsce" height="358" src="http://getfile9.posterous.com/getfile/files.posterous.com/penworks/BaxcBjCHdmmoffpumhIAnElljcbBBhrmFFrrfIoltouJtozptyigFqCIhyvr/media_httpmediasmashi_CDsce.png.scaled500.png" width="500" /> </div> <div class="posterous_quote_citation">via <a href="http://coding.smashingmagazine.com/2012/10/15/css-qa-4/">coding.smashingmagazine.com</a></div> <p>Great info here on CSS hierarchy and some fallback methods using SVG.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/svg-fallback-vertical-rhythm-css-project-stru">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/10/sass-syntactically-awesome-stylesheets.htmlboilerplatescodecss3html5sassnoreply@blogger.com (bosh)Tue, 16 Oct 2012 08:25:00 +0100tag:blogger.com,1999:blog-6141252.post-8865257135691829966<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div style="padding: 20px;"> <h3 style="color: pink; font-size: 5em; font-family: helvetica neue, arial, sans-serif;">Sass…?</h3> </div> <p> </p><div class="posterous_quote_citation">via <a href="http://sass-lang.com/">sass-lang.com</a></div> <p>- It's technical, but is the future and very useful to get into.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/sass-syntactically-awesome-stylesheets">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/10/50-free-web-based-apps-and-tools-for.htmlresourcestoolsweb-appswebdevnoreply@blogger.com (bosh)Sun, 7 Oct 2012 14:19:00 +0100tag:blogger.com,1999:blog-6141252.post-7726762449832079791<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile8.posterous.com/getfile/files.posterous.com/penworks/JJuyzJfcspzyfkDBimkjdqrHmmIeBqbxmwfhwseyJgnodcuvserbFAtppIEi/media_httpspeckycdnsd_drGBe.jpg.scaled1000.jpg"><img alt="Media_httpspeckycdnsd_drgbe" height="195" src="http://getfile4.posterous.com/getfile/files.posterous.com/penworks/JJuyzJfcspzyfkDBimkjdqrHmmIeBqbxmwfhwseyJgnodcuvserbFAtppIEi/media_httpspeckycdnsd_drGBe.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://speckyboy.com/2012/10/01/50-free-web-services-apps-and-tools-for-web-developers/">speckyboy.com</a></div> <p>Great list, as usual from Speckyboy.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/50-free-web-based-apps-and-tools-for-web-dev">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/10/html5-blank-for-wordpress.htmlboilerplateshtml5templatesthemeswordpressnoreply@blogger.com (bosh)Sun, 7 Oct 2012 14:16:00 +0100tag:blogger.com,1999:blog-6141252.post-8645051375767242539<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <img alt="Media_httphtml5blankc_unfed" height="124" src="http://getfile6.posterous.com/getfile/files.posterous.com/penworks/hGzzlqpnppreteEqjiwvFmkhibtwJfxtjgeohjGjwfvlrpdevFttytlwrppd/media_httphtml5blankc_unFED.png.scaled500.png" width="412" /> </div> <div class="posterous_quote_citation">via <a href="http://html5blank.com/">html5blank.com</a></div> <p>Great pro standard WP theme, project ready</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/html5-blank-for-wordpress">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/initializr-guide-to-using-from-verekia.htmlboilerplatescss3html5mobileresponsivetemplateswebdevnoreply@blogger.com (bosh)Thu, 27 Sep 2012 20:20:00 +0100tag:blogger.com,1999:blog-6141252.post-4642764377847076355<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile2.posterous.com/getfile/files.posterous.com/penworks/cefDbgxGfjqBlveilzHvimBBIydHxGHhwCnpBisckcxmrghpwnyGyvyJoAGb/media_httpverekiacomw_EfJBj.png.scaled1000.png"><img alt="Media_httpverekiacomw_efjbj" height="609" src="http://getfile7.posterous.com/getfile/files.posterous.com/penworks/cefDbgxGfjqBlveilzHvimBBIydHxGHhwCnpBisckcxmrghpwnyGyvyJoAGb/media_httpverekiacomw_EfJBj.png.scaled500.png" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://verekia.com/initializr/responsive-template">verekia.com</a></div> <p>Guide to using Initializr.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/initializr-guide-to-using-from-verekias-blog">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/multi-device-layout-patterns-by-lukew.htmlboilerplatesdesignmobileresponsivenoreply@blogger.com (bosh)Wed, 26 Sep 2012 18:37:00 +0100tag:blogger.com,1999:blog-6141252.post-7142394261564596384<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <img alt="Media_httpstaticlukew_afcds" height="363" src="http://getfile4.posterous.com/getfile/files.posterous.com/penworks/uHjHzDiusHzEfjbwCBbfAahJdGHwvGivnCIvonduomkbaHtFgpqBGbBAxygh/media_httpstaticlukew_aFcds.png.scaled500.png" width="500" /> </div> <div class="posterous_quote_citation">via <a href="http://www.lukew.com/ff/entry.asp?1514">lukew.com</a></div> <p>Great post on how to approach mobile first responsive design. REALLY useful.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/multi-device-layout-patterns-by-lukew">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/photos-retro-style-with-html5-canvas.htmlcanvascoolgraphicshtml5imagesjquerynoreply@blogger.com (bosh)Sat, 22 Sep 2012 10:13:00 +0100tag:blogger.com,1999:blog-6141252.post-2717779687942565329<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile0.posterous.com/getfile/files.posterous.com/penworks/gGdfJdFHEhIdumnkfHytDIxfnhhcoJwGeepBzvtCxJpfimIDqIHDkguexFlp/media_httpwwwnoupecom_vwvsH.png.scaled1000.png"><img alt="Media_httpwwwnoupecom_vwvsh" height="285" src="http://getfile5.posterous.com/getfile/files.posterous.com/penworks/gGdfJdFHEhIdumnkfHytDIxfnhhcoJwGeepBzvtCxJpfimIDqIHDkguexFlp/media_httpwwwnoupecom_vwvsH.png.scaled500.png" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://www.noupe.com/jquery/retro-style-html5-vintagejs-71887.html">noupe.com</a></div> <p>Nice, thanks Noupe!</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/photos-retro-style-with-html5-canvas-and-vint">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/html5-snippets.htmlcss3designhtml5interfacesresponsivewebdevnoreply@blogger.com (bosh)Sat, 22 Sep 2012 09:06:00 +0100tag:blogger.com,1999:blog-6141252.post-6391565908311775132<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div style="font-family: helvetica neue,arial,sans-serif; font-size: 5em; line-height: 110%; font-weight: 700; color: olive; overflow: hidden; text-shadow: black 0.1em 0.1em 0.2em; padding-bottom: 20px;"> Html5/Css3 Snippets </div> <div class="posterous_quote_citation">via <a href="http://html5snippets.com/">html5snippets.com</a></div> <p>So useful, I'm posting it again.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/html5-snippets">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/roundup-by-speckyboy-of-20-new-jquery.htmlcanvascss3html5jquerypluginsresponsivenoreply@blogger.com (bosh)Tue, 18 Sep 2012 06:52:00 +0100tag:blogger.com,1999:blog-6141252.post-1786360066926714807<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile3.posterous.com/getfile/files.posterous.com/penworks/zuvHCzhxdBHzcacnrkgvqHFzrluGjhmeCDcCiwybhmzGJIyEelDGidyHqfgb/media_httpspeckycdnsd_heovy.jpg.scaled1000.jpg"><img alt="Media_httpspeckycdnsd_heovy" height="203" src="http://getfile9.posterous.com/getfile/files.posterous.com/penworks/zuvHCzhxdBHzcacnrkgvqHFzrluGjhmeCDcCiwybhmzGJIyEelDGidyHqfgb/media_httpspeckycdnsd_heovy.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://speckyboy.com/2012/09/17/20-new-jquery-plugins-worth-taking-a-look-at/">speckyboy.com</a></div> <p>All in one place - some really useful additions.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/roundup-by-speckyboy-of-20-new-jquery-plugins">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/swipeview-for-viewports-everywhere.htmlcarouselcss3html5jqueryresponsiveslideshownoreply@blogger.com (bosh)Mon, 17 Sep 2012 08:28:00 +0100tag:blogger.com,1999:blog-6141252.post-4400179902380850508<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <p><a href="http://static.cubiq.org/uploads/2011/10/swipeview-wf.png"><img title="SwipeView wireframe" src="http://static.cubiq.org/uploads/2011/10/swipeview-wf.png" height="255" alt="" width="457" /></a></p> <div class="posterous_quote_citation">via <a href="http://cubiq.org/swipeview">cubiq.org</a></div> <p>Versatile endless carousel for mobile devices.</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/swipeview-for-viewports-everywhere">take notes ♫♪♪</a> </p> </div>0http://boshy.blogspot.com/2012/09/50-fantastic-tools-for-responsive-web.htmlboilerplatescss3designhtml5jqueryresourcesresponsivetoolswebdevwordpressnoreply@blogger.com (bosh)Mon, 17 Sep 2012 07:45:00 +0100tag:blogger.com,1999:blog-6141252.post-3054160477078539124<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <div class='p_embed p_image_embed'> <a href="http://getfile1.posterous.com/getfile/files.posterous.com/penworks/gsmxIzggtuwakIGnqDkxpurngEsoqFCBFnsmyfnnjIsugzfDjxHEmaClgthE/media_httpmedianetmag_cwpor.jpg.scaled1000.jpg"><img alt="Media_httpmedianetmag_cwpor" height="276" src="http://getfile9.posterous.com/getfile/files.posterous.com/penworks/gsmxIzggtuwakIGnqDkxpurngEsoqFCBFnsmyfnnjIsugzfDjxHEmaClgthE/media_httpmedianetmag_cwpor.jpg.scaled500.jpg" width="500" /></a> </div> <div class="posterous_quote_citation">via <a href="http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design">netmagazine.com</a></div> <p>A very, very useful set of tools. Bookmark this article!</p></div> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/50-fantastic-tools-for-responsive-web-design-79141">take notes ♫♪♪</a> </p> </div>1http://boshy.blogspot.com/2012/09/freetilejs-plugin-to-organize-content.htmlcss3designjqueryresponsivewebdevnoreply@blogger.com (bosh)Tue, 11 Sep 2012 09:31:00 +0100tag:blogger.com,1999:blog-6141252.post-1304455245598381631<div class='posterous_autopost'><div class="posterous_bookmarklet_entry"> <a href="http://yconst.com/web/freetile/"><img src="http://codevisually.com/wp-content/uploads/2012/09/codev_sept_08_large.jpg" height="207" alt="Freetile.js - A jQuery plugin that organizes content in a responsive layout" width="500" /></a><p></p> <div class="posterous_quote_citation">via <a href="http://codevisually.com/freetile-js-a-jquery-plugin-that-organizes-content-in-a-responsive-layout/">codevisually.com</a></div></div> <p>jQuery doing what it does best, all the hard work ;)</p> <p style="font-size: 10px;"> <a href="http://posterous.com">Posted via email</a> from <a href="http://penworks.posterous.com/freetilejs-a-plugin-to-organize-content-in-a">take notes ♫♪♪</a> </p> </div>0