HTMLcut blog

About PSD to HTML Conversion and More

77 Web Development Articles Retweeted at @htmlcut

77 Web Development Articles Retweeted at htmlcutThis is a new portion of web design and development articles, blog posts and resources recently retweeted at @htmlcut. 4 “deaths” and 1 “evil” in the section “Opinions”, 5 extremely valuable articles in “Web Copyright and Legal Issues” (including a real example of dealing with a content theft), a whole bunch of useful examples of HTML5, CSS3 and JS code and many other interesting things – you see, today’s roundup is very informative :).

Effective Web Design

1). 10 Design Features Webmasters Should (Probably) Avoid
by Rean: “…many webmasters still did not realize what netizens dislike in a website.”

2). 10 things that will annoy the hell out of your Web site visitors
by Calvin Sun: “Nonexistent instructions regarding case sensitivity; Having to guess at formatting of dates; Misleading Contact Us; etc.”

3). All About Website Sidebars: Content, Design, and Examples
by Kayla Knight

4). 10 Tips to Boost Your HTML Forms Performance
by Rochester Oliveira: “We will be talking about conversion, code, and design, in an easy and practical way.”

5). Signup Form Usability and Design Best Practices
by Jake Rocheleau: “Best practices for signup forms have changed dramatically over the past few years.”

6). Designing Effective FAQ Pages
by Mohammad Moradi

7). Optimizing Error Pages: Creating Opportunities Out Of Mistakes
by Daniel Waisberg

8). Good Web content examples and what makes them work
by Rick Sloboda


1). 10 Important UI Design Considerations for Web Apps
by Marc Gayle: “…it’s easy to forget about them because they’re like condiments – you hardly notice them when they’re there, but if they’re missing, your food just doesn’t taste right.”

2). 10 Steps To A More Usable Ecommerce Website
by Tom Walker

3). 13 Must-Know Articles About User Interface Design
by Bogdan


1). Creating HTML Emails : An Overview for Web Designers
by Cameron Chapman: “…once you understand and accept that HTML email is a fickle, inconsistent, and bug-prone medium, it’s possible to use it to great effect in marketing.”

2). Media Queries in HTML Emails
by Michelle Klann: “…media queries allow you to control the layout of your email based on the mobile device that is being used to open it.”

3). 20 Amazing Examples of Using Media Queries for Responsive Web Design
by Joshua Johnson

4). CSS3 regions: Rich page layout with HTML and CSS3
by Arno Gourdol: “Threading content, Arbitrarily shaped containers, Arbitrarily shaped exclusions, Region styling.”

5). Mastering CSS Reflections in Webkit
by Joshua Johnson: “The box-reflect property is just one of many awesome new CSS3 effects that Webkit brings to the table. Unfortunately, it’s not the easiest to use.”

6). A Whole Bunch of Amazing Stuff Pseudo Elements Can Do
By Chris Coyier: “They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup.”

7). Amazing CSS3 techniques you should know
by Jean-Baptiste Jung: “Color animate any shape; Adaptable layout using CSS3 media queries; Clipping text; Full browser width bars; Image slider with CSS3 transitions; Flared borders.”

8). Convert 1st Ideas from PSD to HTML [Very Detailed]
by Ahmad Hania

9). HTML5 does NOT allow ‘self-closing’ tags …
by Tiffany B. Brown

10). CSS3 Gradients in IE10 Platform Preview 1

11). A better way to deal with Internet Explorer conditional styles
by Lee Munroe


1). Javascript Frameworks and jQuery (Infographic)
by Ray Cheung: “…the comparison of numbers among the most popular Javascript frameworks and web applications developed by those frameworks.”

2). The 11 JavaScript Mistakes you’re Making
by Andrew Burgess

3). How To Create a Stylish Content Slider using CSS3 & jQuery
by Eric Hoffman

4). 15 Great jQuery Plugins For Better Table Manipulation
by Dicky

5). How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery
by Cedric Ruiz

6). 17 Fresh and Functional jQuery Plugins You will Love
by Arshad Cini: “Visual LightBox; 360 Panorama Viewer; WYSIWYG Editor; etc.”

Web Development Tools

1). 15 Handy HTML5/CSS3 Frameworks For Web Developers
by AndrewG

2). Useful HTML-, CSS- and JavaScript Tools and Libraries
by Smashing Editorial: “Front-end development is a tricky beast. It’s not difficult to learn, but it’s quite difficult to master.”

3). Getting Started Using HTML5 Boilerplate
by Dan Wahlin: “…there are a few sites available that greatly simplify the process of getting started building HTML5 websites and offer some excellent ‘boilerplate’ code that can help both new and experienced Web developers. One of the best ones out there is called HTML5 Boilerplate.”

4). LESS Is More: Make Your CSS Coding Easier with LESS
by Matt Doyle: “…CSS stylesheets are becoming longer, more complex, and harder to manage… For this reason, various dynamic stylesheet languages are starting to spring up. These allow you to write your CSS rules using a more flexible, powerful language that is then turned into regular CSS for the browser to interpret.”

5). 10 Really Awesome CSS Generators
by AJ Clarke

CMS: WordPress, Magento and Others

1). 150 Most Wanted WordPress Tips, Tricks, and Hacks
by Adrian

2). 22 Most Inspirational Magento Based E-Commerce Store
Magento Australia

3). 30 Outstanding Ecommerce Websites
“Ecommerce websites have a reputation for being poorly designed or uninteresting, but of course that is not the case with all ecommerce designs.”

Website Management

1). 10 useful .htaccess snippets to have in your toolbox
by Jean-Baptiste Jung: “.htaccess, the file which control the Apache webserver, is very useful and allows you to do a lot of things.”

2). 18 Website Speed and Performance Checking Tools
by Dainis

Mobile Design and Apps

1). W3C mobileOK Checker

2). Analysis of mobile development approaches
by Justin James: “Native, Mobile Web, Cross-platform, and Native front end, Web service backend.”

3). HTML5 vs Native: The Mobile App Debate
by Michael Mahemoff: “…developers are turning to HTML5 as a “write one, run many” solution. But is it really viable?”

4). Small Screens Come First: Build for 320 And Up
by Raena Jackson Armitage: “…design for mobile first.”

5). 13 Helpful Mobile Web Design Tools & Resources
by Joel Falconer

Web Projects

1). A Comprehensive Website Planning Guide
by Ben Seigel: “…a common problem with many Web projects: failure to plan.”

2). Wireframing and getting the most out of it from a designers perspective
by Liz Tran

3). Why You Should Build A Sitemap Before Designing Your Site
by Cameron Chapman

Web Copyright and Legal Issues

1). Understanding Copyright And Licenses
by David Bushell: “For professionals, understanding the limitations of a license is critical.”

2). Small firms warned on web image copyright
by Karen Dent: “SMALL businesses are being urged to check who owns the images they want to use on their websites.”

3). Copyright Myths and ‘Original’ Design
by Joel Falconer: “You Can’t Copyright an Idea; Copyright Doesn’t Need to be Registered; Poor Man’s Copyright? Freelance Work Doesn’t Remain Your Property.”

4). Business Website Content Copyright: How to Stop Content Theft
by Noobpreneur

5). Personal Experience to: Dealing with Online Content Theft
By Darren Stevens

6). How to Fight Plagiarism – Tips and Tools
by Rean John Uehara (@ueharataichou): “What Plagiarism is. How do you Fight Plagiarism? – Passive, Aggressive. Things that are commonly stolen: Articles, Bandwidth via hotlinking, Design, Idea, Music – How to Deal with that. TOOLS and Services.”

Inpiration and Creativity

1). 30 Inspiring “About Me” Pages
by Stephanie Hamilton

2). 25 Inspiring Examples of Sign-Up Pages
by Liz Fulghum

3). 25 Entertaining 404 Error Pages to Enjoy
by Dibakar

4). 21 Excellent Examples of Sliders in Web Design
by Gisele Muller

Web Design / Development Education

1). If you want to innovate like Da Vinci, education is overrated
By Jason Hiner: “Da Vinci’s example helps justify Peter Thiel’s radical 20 Under 20 fellowship for college dropouts. See why, and the big caveat.”

2). Long Live the Redesign
By Francisco Inchauste: “Good Designers Redesign, Great Designers Realign (Cameron Moll)”

3). Why clean code is more important than efficient code
by Chad Perrin: “As computing resources continue to grow, efficiency falls further behind another concern when writing code, though. That concern is the cleanness of the code itself.”

4). Why developers cannot afford to ignore design
by C Dain Miller: “Developers often sweep design under the rug in order to be able to learn the intricacies of PHP and MySQL.”

Web Design Resources

1). Thinking Web: Voices of the Community
by Sarah Hawk: “The digital book is free to download. Chapters: Anatomy of a Website; Designing in the Dark and Everything Must Go (web accessibility); Going Freelance; Successful PSD to HTML Freelancing; Write Email Markup That Doesn’t Explode in the Inbox; Make Your Website Stand Out from the Crowd; Information Organization and the Web; Using Vector Graphics to Build a Noughts & Crosses Game; Efficient Actionscript; Databases : The Basic Concepts; The Iceberg of TCP/IP.”

2). 30 Handy Cheat Sheets and Reference Guides for Web Professionals
by Kayla Knight: “Usability checklist; Browser compatibility table; Web standards checklist; SEO cheat sheet; Mixing typefaces (typography combination); WordPress help sheet; JavaScript cheat sheet; Regular expressions cheat sheet; mod_rewrite Cheat sheet; etc.”

3). Must Read Links for Web Designers and Developers – Volume 7
by Andy Crofford

4). 34 cheat sheets for web designers and developers
by WAD: “WordPress, jQuery, PHP, Photoshop, CSS, Color, HTML, Fonts, Adobe, Mod_rewrite and htaccess.”

5). 45+ Useful Yet Free eBooks For Designers And Developers
by AN Jay

6). The ultimate HTML5 resource guide
by Cameron Chapman

7). Useful and Practical CSS Tips and Tricks for Web Designers and Developers
by Muhammad Khizar: “CSS-Based tables; Image floats without the text wrap; Dynamic piechart; IE-only stylesheet; Figures & captions; Consistent base font size; etc.”

8). Fresh and Useful CSS3 Tutorials
“Drop-down menu with integrated forms; 3d ribbons; Multiple backgrounds with CSS3; 3D text; Buttons; Overlays with CSS3; Drop-Down menu; etc.”

Technologies & Trends

1). Hot Trends in Web Development
by Andy Crofford: “CSS3; Server-side JavaScript; Parallax scrolling; Lifestreaming; Touch screen friendly designs; Better security; Photographic backgrounds; Mobile commerce.”

2). JavaScript creator talks about the future
by Ian Elliot: “CoffeScript.”

3). AXR: The web, done right
“AXR stands for Arbitrary XML Rendering. Its aim is to provide a better alternative to HTML+CSS.”

4). Future Trends: Are Browsers Becoming a Thing of the Past?
by Tom Green: “Though HTML 5 may be all the rage with the ‘cool kids’ there is a simple fact of life that is being overlooked by these HTML 5 Fanboyz: There are a few hundred thousand apps.”

5). Web Browser Market Share – Should you still support IE6?
by Kirk Maxi

Opinions on Web Design and Development

1). Is Web Design (As We Know It) Dying?
by Connor Turnbull: “The introduction of new standards, new mediums and millions of new web designers means that the face of our humble industry has changed… dramatically… However, the biggest change to traditional web designers has arrived only in the past year.”

2). The PC (As We Know It) Is Dead
by Chad Brooks

3). Is HTML5 Killing Adobe’s Creative Suite, Flash?
by IB Times Staff Reporter

4). Silverlight is dead. Long live HTML 5
by James McKay

5). Is Photoshop Evil? Video Interview With Mark Heaps
by Grant Friedman: “…whether or not Photoshop is an evil tool, whether or not it is better to be a ‘jack of all trades’ or a specialist, should you always charge for your work, and much more.”


Comments (8)

  1. Pingback: 77 Web Development Articles Retweeted at @htmlcut | Design News

  2. nice resources, thank you for share.

    Joyoge Designers Bookmarking

  3. Pingback: PSD to HTML Conversion » Web Copyright and Legal Resources

  4. You keep it up now, understand? Really good to know.


  5. Frankly I think that’s absolutely good stuff.


  6. Great stuff, you hleped me out so much!


  7. great outfit. love your blog!

    blog mode tendance

  8. The site owner has completed an excellent job writing / collecting content material to post here.

    Terrance Bialas