Category: how to's


10+ useful code snippets to develop iPhone friendly websites.

Advertisements

VideoPress is an upgrade that makes it easy to upload, embed, and share video on your WordPress blog or any site around the world, even in full HD.

via VideoPress — Quick and easy HD video sharing for WordPress.

A Collection of HTML5 Resources and Tutorials : Speckyboy Design Magazine.

This page has great example videos that show the possibilities of HTML5. He also shows how the code looks and explains what functions are used for.

Dress Up Your WordPress Theme In Under 5 Minutes Using jQuery – woorkup.com.

Everyone has been going on about how we should use CSS3 more and all of the possibilities and flexibility that come with it, but that we should still consider IE6 and other troubling browsers.

via How To Support Internet Explorer and Still Be Cutting Edge – Smashing Magazine.

Because I will not shut up about CSS3, this time I’ve decided to show you a little bit of the multi-column layout module. This module allows you to layout the content of an element in multiple columns, like flowing text on a newspaper-type layout.

via Web Designer Notebook » Remembering: The CSS3 Multi-Column Layout Module.

Custom CSS, Keep it or Lose it? « SexyBookmarks.

This plugin for WordPress is very cool, it has all the links the major social bookmarking and sites so that a user doesnt have to have a bookmarklet in their menu bar, all kinds of animated goodness.

Glossary | HTML5 Doctor

Glossary | HTML5 Doctor.

Adhering to standards and using public tools is incredibly important in that doing so allows for tools and information to evolve beyond its original vision or use. I have previously posted many links from top design sites that espouse the importance of this behavior and also lots of howtos and walkthroughs.

https://lordouroborus.wordpress.com/2009/11/22/34-cheat-sheets-for-web-designers-and-developers-web-and-designers-complete-resource-platform-for-web-designers-and-developers/

https://lordouroborus.wordpress.com/2009/11/21/zen-coding-a-speedy-way-to-write-htmlcss-code-smashing-magazine/

https://lordouroborus.wordpress.com/2009/11/10/poster-what-beautiful-html5-looks-like/

https://lordouroborus.wordpress.com/2009/10/26/great-web-design-resource-site/

https://lordouroborus.wordpress.com/2009/10/24/the-ultimate-guide-to-creating-a-design-and-converting-it-to-html-and-css/

The other great thing about using standards is that you can stand on the shoulders of giants. Not having to reinvent the wheel gives designers and creatives the time to invent new things and ideas. Work smarter, not harder. Dont we have enough to worry about and battle with daily without having to increase our stress and frustration?

A cheat sheet is a printable guide of a particular programming language, software or framework. A web designer spends most of his design time to move around different softwares environment and it becomes really hard to memorize the shortcuts and hot keys for each environment. Hence, cheat sheets provide great help for them. In this article, we present 34 essential cheat sheets for the most popular web based technologies.

via 34 cheat sheets for web designers and developers | Web and designers | Complete resource platform for web designers and developers.

In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers.How much time do you spend writing HTML code: all of those tags, attributes, quotes, braces, etc. You have it easier if your editor of choice has code-completion capabilities, but you still do a lot of typing.We had the same problem in JavaScript world when we wanted to access a specific element on a Web page. We had to write a lot of code, which became really hard to support and reuse. And then JavaScript frameworks came along, which introduced CSS selector engines. Now, you can use simple CSS expressions to access DOM elements, which is pretty cool.

via Zen Coding: A Speedy Way To Write HTML/CSS Code – Smashing Magazine.

http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png

Pod/Vod Casting

http://www.apple.com/support/garageband/podcasts/

http://www.voiceovertimes.com/2008/01/04/10-tips-for-editing-a-podcast-in-garageband/

http://mac.appstorm.net/how-to/music/creating-a-podcast-using-garageband/

http://www.podpress.org/

https://kb.iu.edu/data/audq.html

Pod/Vod casting has much potential and personally I think the best ones are howto videos. With people showing off skills or walking through how to do a project so that others may copy their project. What piques my interest lately is iTunesU that Apple has set up partnerships with Universities around the world where classes are recorded and anyone with an online connection can learn from the best professors in the worlds best universities. The most recent one I watched was a Stanford University class on designing for the iPhone. The class website was accessible to anyone who wanted to download the reading materials. The screencast of what the professor was doing in showing students how easy it was to work with Apple’s Xcode software really made it easy to follow along and take away some of the fear of working with a programming interface.

Im thankful that Podcasting overwhelmingly attracts people who genuinely want to share their knowledge and are happy to answer questions. What the world has gained from the rise of podcasting is great as its not about someones ego or selling a viewpoint like we see on network news programs with talking heads screaming at each other or verbally scratching someones back for agreeing with the hosts opinion.

WordPress Visual Cheat Sheet is the new document, of the Visual Cheat Sheet family, that contains a practical reference guide to WordPress 2.8. This cheat sheet 5 pages contains the full reference guide to WP Template Tags with detailed descriptions and sample code

via WordPress Visual Cheat Sheet – woorkup.com .

http://mashable.com/2009/10/27/social-media-roi/

http://www.ibm.com/developerworks/web/library/wa-apachelogs/index.html?ca=dgr-twtrSpiderRecipedth-WD&S_TACT=105AGY83&S_CMP=TWDW

 

here is an informative article from IBM on what goes on when someone goes to your website and how to understand whatall the machine is doing.

http://webdesignledger.com/tips/20-dos-and-donts-of-effective-web-design

http://net.tutsplus.com/tutorials/html-css-techniques/learn-how-to-create-a-retro-animated-flip-down-clock/

This seems like a great way to learn HTML animation and the code is all given to you. Im planning on doing this project very soon.

http://net.tutsplus.com/tutorials/javascript-ajax/drag-to-share/

http://net.tutsplus.com/articles/reviews/wordpress-2-7-complete-review/