HTMLcut blog

About PSD to HTML Conversion and More

59 Web Design Resources Tweeted at @htmlcut

59 Web Design Resources Tweeted at htmlcutThis is a collection of some of web design and development related articles, blog posts and resources recently tweeted at @htmlcut. The section “Opinions on Web Design and Designers” is really controversial this time. Hope you’ll find this interesting.

Effective Web Design

1). Top 5 Web Design Mistakes Small Businesses Make
http://mashable.com/2011/04/10/5-web-design-mistakes/
by Grace Smith

2). 50 Effective and Creative Call to Action Buttons
http://www.noupe.com/design/50-effective-and-creative-call-to-action-buttons.html
by Aquil Akhter

3). Visual Direction in Web Design
http://webdesign.tutsplus.com/articles/design-theory/visual-direction-in-web-design/
by Ahmed Hussam

4). 12 of the Best About Us Pages on the Internet
http://www.blogtyrant.com/best-about-us-pages/

5). Analyzing Groupon’s Design: Why So Many Buy In
http://webdesign.tutsplus.com/articles/design-theory/analyzing-groupons-design-why-so-many-buy-in/
by Connor Turnbull

6). Designing for Different Age Groups
http://sixrevisions.com/web_design/designing-for-different-age-groups/
by Alexander Dawson

7). 11 Mistakes Customers Make When Getting a Logo
http://www.crazyleafdesign.com/blog/11-logo-design-mistakes/
by Alex

8). Building a Great Web Design Portfolio – 10 Best Tips & 40 Examples
http://speckyboy.com/2011/05/08/building-a-great-web-design-portfolio-%E2%80%93-10-best-tips-40-examples/
by Oleg Mokhov

Usability

1). 10 Quick Usability Testing Tips
http://www.intuitionhq.com/blog/2011/05/10-quick-usability-testing-tips/
by Jacob Creech

2). Usability: How to write for the Web
http://www.yourinspirationweb.com/en/usability-how-to-write-for-the-web/
by panna

PSD to HTML, HTML5 & CSS3

1). 270+ HTML5 Tutorials and a Round-Up of Round-Ups
http://websitesmaderight.com/2011/04/270-html5-tutorials-and-a-round-up-of-round-ups/
by Dathan

2). Periodic Table of the Elements (HTML5)
http://joshduck.com/periodic-table.html
by Josh Duck

3). Cheat Sheets Collection
http://html-5tutorial.com/entry/tutorial/cheat-sheets-collection

4). Beginner’s Guide to CSS3
http://www.hongkiat.com/blog/beginners-guide-to-css3/
by Sivakumar

5). HTML5 and CSS3: Wireframing in the final product
http://www.webdesignerdepot.com/2011/04/html5-and-css3-wireframing-in-the-final-product/

6). How to Create CSS3 Speech Bubbles Without Images
http://blogs.sitepoint.com/pure-css3-speech-bubbles/
by Craig Buckler

7). Custom Scrollbars in WebKit
http://css-tricks.com/custom-scrollbars-in-webkit/

8). Creating A Rocking CSS3 Search Field
http://www.hongkiat.com/blog/css3-search-field/
by Bharani M

9). 5 Cool CSS Hover Effects You Can Copy and Paste
http://designshack.co.uk/articles/css/5-cool-css-hover-effects-you-can-copy-and-paste
by Joshua Johnson

jQuery

1). 25 Highly Useful jQuery Cheat Sheets For Web Developers
http://technologytosoftware.com/most-useful-jquery-cheat-sheets.html
by Arvind

2). jQuery snippet to Ajaxify your Website
http://www.admixweb.com/2011/04/27/jquery-snippet-to-ajaxify-your-website/
by Teylor Feliz

Web Development Tools

1). The HTML5 browser test – How well does your browser support HTML5?
http://html5example.net/static/html5test/

2). CSS3 Generator
http://www.css3.me

3). Ultimate CSS Gradient Generator
http://www.colorzilla.com/gradient-editor/

4). 11 Functional Online Background Generator Tools
http://blueblots.com/tools/11-functional-online-background-generator-tools/
by Joan Mae Maguale

5). 50 Free High-Quality Web UI, Mobile UI, Wireframe Kits Resources
http://tutslist.com/50-free-high-quality-web-ui-mobile-ui-wireframe-kits-resources/
by Cao

6). 20 Super Useful Web Apps That Can Ease Your Work
http://www.topdesignmag.com/20-super-useful-web-apps-that-can-ease-your-work/
by Bogdan

7). 16 Helpful Online Presentation Tools
http://blueblots.com/tools/16-helpful-online-presentation-tools/
by Joan Mae Maguale

CMS: WordPress, Magento and others

1). Comparison of 12 WordPress Theme Frameworks
http://webdesignfan.com/comparison-of-12-wordpress-theme-frameworks/
by Pippin

2). 34 Best WordPress Plugins Giving You An Unfair Advantage
http://www.tripwiremagazine.com/2011/05/34-best-wordpress-plugins-giving-you-an-unfair-advantage.html
by Dustin Betonio

3). 20 Magento Themes with Extra jQuery Features
http://blog.templatemonster.com/2011/05/06/magento-themes-jquery/
Template Monster Blog

4). 10 HTML5-Ready Blank, Bare-Bones and Naked Themes for WordPress
http://speckyboy.com/2011/04/25/10-html5-ready-blank-bare-bones-and-naked-themes-for-wordpress/

Firefox

1). 10 Useful Firefox Add-ons For Mobile Users
http://smashingwall.com/tools/firefox-mobile-add-ons/

Mobile design

1). 50 Astonishing Abstract iPhone Wallpapers
http://inspirationfeed.com/2010/04/50-astonishing-abstract-iphone-wallpapers/

SEO & Web Design Sites

1). How Shady Web Design Sites Get High Search Engine Results
http://sixrevisions.com/content-strategy/how-shady-web-design-sites-get-high-search-engine-results/
by Mathew Carpenter

Inpiration and Creativity

1). 52 Fresh and Really Creative Resume Designs from 2011
http://designbeep.com/2011/05/03/52-fresh-and-really-creative-resume-designs-from-2011/

2). 45 Unique And Creative Blog Header Design
http://superdit.com/2011/04/26/45-unique-and-creative-blog-header-design/
by aditia rahman

3). Showcase of Creative & Artistic infographics
http://www.lava360.com/graphics/showcase-of-creative-artistic-infographics/
by lava360

4). 15 Examples Of Fresh One Page Website Design
http://www.webdesignish.com/15-examples-of-fresh-one-page-website-design.html
by Vikas

5). 30 Outstanding Designs of Red Websites
http://www.webdesignburn.com/2011/04/27/30-outstanding-designs-of-red-websites/
by Quyen Tuong

6). 60 Very Well-Designed Websites with Huge Typography
http://designbeep.com/2011/04/29/60-very-well-designed-websites-with-huge-typography/

Web Designer Education

1). What Makes a Good Designer
http://www.usabilitypost.com/2011/05/03/what-makes-a-good-designer/

2). Learning Web Design: 82 Resources to Get You Started
http://thenextweb.com/dd/2011/05/17/learning-web-design-82-resources-to-get-you-started/
by Joel Falconer

3). How the Internet is Revolutionizing Education
http://thenextweb.com/industry/2011/05/14/how-the-internet-is-revolutionizing-education/
by Courtney Boyd Myers

4). Why programmers should study the art of programming
http://www.techrepublic.com/blog/programming-and-development/why-programmers-should-study-the-art-of-programming/4160
by Chip Camden

Web Design Resources

1). 10 Best Websites For Graphic Designers
http://www.webdesignish.com/10-best-websites-for-graphic-designers.html
by Vikas

2). Don’t Reinvent the Wheel – 100+ Links of Design Elements and Resources
http://www.1stwebdesigner.com/inspiration/100-design-elements-resources/
by Rochester Oliveira

Productivity, Freelance

1). The web designer’s guide to a happier life
http://www.webdesignerdepot.com/2011/05/the-web-designer%E2%80%99s-guide-to-a-happier-life/

2). Make Time Your Best Friend – 20 Time Management Tips for Freelance Designers
http://www.pixel77.com/time-friend-time-management-tips-freelancers/
by Adriana

3). Freelancer’s errors: a few tips to work better
http://www.matchwebdesign.com/news/daily-thoughts/113-freelancers-errors-a-few-tips-to-work-better.html

Technologies & Trends

1). Beyond the browser: Microsoft’s ‘C3′ next-gen platform for HTML-based applications
http://www.zdnet.com/blog/microsoft/beyond-the-browser-microsofts-c3-next-gen-platform-for-html-based-applications/9282

2). The Future Of CSS: Experimental CSS Properties
http://www.smashingmagazine.com/2011/05/11/the-future-of-css-experimental-css-properties/
by Christian Krammer

3). Mobile Web Design Trends for 2011
http://blog.templatemonster.com/2011/05/05/mobile-web-design-trends-2011/

4). Web design trends: Breaking it down makes access easier
http://www.knoxnews.com/news/2011/may/02/breaking-it-down-makes-access-easier/
by Shane Rhyne

Controversial Opinions on Web Design and Designers

1). 5 Reasons Your Work Isn’t Worth What You Think
http://www.bnet.com/blog/small-biz-advice/5-reasons-your-work-isn-8217t-worth-what-you-think/1764
by Jeff Haden: “Web design, for example, is now in large part a commodity.”

2). Robert Vamosi: Gadgets degrade our common sense
http://www.silicon.com/technology/hardware/2011/05/05/robert-vamosi-gadgets-degrade-our-common-sense-39747325/
Interview

3). 10 Tech Skills that Are Heading the Way of the Dinosaur
http://www.itbusinessedge.com/slideshows/show.aspx?c=87846
Slide 9: “Web Developer – The decline in the Web developer skill set is due primarily to the rise of Web design programs. The skills of the Web developer will be in less demand, but that does not mean their imminent demise in 2011.”

4). Top 3 Time Wasters for Developers and Designers
http://8thstudio.com/?p=627
Time Waster #1 – Freelancer, oDesk, aka, Outsourcing”

5). 10 curses of the analytical thinker
http://www.techrepublic.com/blog/10things/10-curses-of-the-analytical-thinker/2466
by Alan Norton: “Information addict, Vacillatory, Indecisive, Insensitive, Habitual, Socially inept, Skeptical, Poor marketers, Politically incorrect, Loners.”

 

Comments (13)

  1. I see my blog post in there (Top 3 Time Wasters), very honored that you’ve added this to your list. Thank you!

    Adam Alicki

  2. Nice post!

    Tommy

  3. Excellent overview, it pointed me out something I didn’t realize before. I should encourage for your wonderful work. I am hoping the same best work from you in the future as well. Thank you for sharing this information with us.

    alan dsuza

    • Alan, thank you for your encouraging and heartening comment! The next overview is planned to be published in the middle of June.

  4. thanks for the nice post, I will visit your blog ,thanks for kind efforts and nice sharing

    web tasarım izmir

  5. I couldn’t leave your website without saying that I really delighted the articles you offer to your visitors.

    web design resources

  6. I liked your way of presentation. The information you provided is great, Thank you for this, and hope in future you will come with more knowledgeable information.
    Thanks

    kaushal sinha

  7. Nice article! I love it. Thank you for your nice writing.

    rangpursoft7

  8. I like the web site designs and layouts you have here. THis has inspired me to actually try and customize my website as an alternative to using simple old themes. Just inspiration.

  9. Interesting post you’ve got here. I would love to take a small section of what you’ve got here and use it for my own website. I will be sure to give you credit. Cheers.

    Project Management Software

  10. I adore the style of this website. It truly is simple yet modern and elegant. Thank you for sharing each one of these other tutorial sites should examine and also customize my page.

    Sandwich Boards

  11. I was at DefCon 5 until I saw this post.

    Destiny

  12. Consider the all round glimpse of your respective website.
    web designer

    kelsie

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>