Vitaly Friedman July 21st, 2010

50 Useful Articles and Resources You May Have Missed

When it comes to online tutorials and articles, you have to be very careful in choosing the right one from tens of thousands of articles you find as you are seeking help in the Web. So today we present nice articles and tutorials which are easy to understand and will surely add to your knowledge.

Web Development

The Principle of Contrast in Web Design A web design is made of many different elements, each having varying levels of importance and some demanding prominence over others. Some elements share a relationship, while others are not related at all. Author will share these principles. The Principle of Contrast in Web Design Personal Branding for Web Designers In this article, author will tell web designers that their self- branding strategies should be equally creative as their designs are. Personal Branding for Web Designers Redesign vs. Realign Many designers are still approaching website changes as redesigns, with little thought to whether they should be redesigning or realigning the site for their clients. This article states their comparision and differences. Redesign vs. Realign The Current State of Web Design: Trends 2010 In this article, we present some observations on the current state of Web design. We describe existing and upcoming trends and explain how Web design might evolve in the coming months and years. We’ll also touch on what we as Web designers should be ready for to keep abreast of new challenges and opportunities. The Current State of Web Design: Trends 2010 Applications of AIDA In Website Designing Marketing is a very broad term and holds a lot of importance in this cut-throat competition of online business. It deals with the familiar, therefore, it generates the need to come up with a systemic way and a lot of creativity. Applications of AIDA In Website Designing New WordPress Keyboard Shortcuts WordPress Keyboard shortcuts are a good option to save your time by allowing you to perform your actions quickly. These shortcuts make job of administration a lot easier and more user friendly. New WordPress Keyboard Shortcuts Web Performant WordPress In this article, author will share some tips about Web Performant WordPress Web Performant WordPress HTML5 Versus Flash — Is It Really So? It has become pretty fashionable to refer to HTML5 and the web stack as a “Flash killer”. The e-world is full of rumors that Flash is being kicked off the battle between web standards and pragmatism. HTML5 Versus Flash — Is It Really So? Keep the File Size Down and Spice-up our Vectors with Bitmap Textures In this tutorial author will outline the process of creating and using bitmap textures. This will help you cut the file sizes down without compromising your image. Keep the File Size Down and Spice-up our Vectors with Bitmap Textures How to Make a Screencast for Your Website Having a video on your website can vastly improve your conversion rate. Whether the goal is for users to sign up for your web application or simply to get users to contact you via a web form, a video improves the likelihood of this happening. How to Make a Screencast for Your Website Fundamentals for a Kick-Ass Creative Company In this article, author will tell you about the fundamentals of a creative company. Fundamentals for a Kick-Ass Creative Company

CSS/Typography

The Future Of CSS Typography In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text. The Future Of CSS Typography Spice Up Your Web Typography with @Font-Face Author will tell us about the option of embedding a whole new range of fonts into our designs. Let’s look at how the CSS @font-face rule allows us to get fancy with our future website projects. Spice Up Your Web Typography with @Font-Face Grid-Based Web Design, Simplified If you want to reap the benefits of grids on your next project but are unsure of the specifics, this article is for you. Grid-Based Web Design, Simplified Super Cool CSS Flip Effect with Webkit Animation In this tutorial, author will tell how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design. Super Cool CSS Flip Effect with Webkit Animation Quick Tip: Multiple Borders with Simple CSS In this tutorial, author will show you how to add more depth to your designs, without images, in just a few minutes. Quick Tip: Multiple Borders with Simple CSS Different Stylesheets for Differently Sized Browser Windows Otherwise known as “resolution dependent layouts”. Single website, different CSS files for rearranging a website to take advantage of the size available. Different Stylesheets for Differently Sized Browser Windows Designing an Infographic with HTML, CSS & jQuery In this tutorial, author will take you through the walkthrough of the project, showing how resources like Cufon and jQuery’s ScrollTo plugin were used to add some flair and interactivity to the design. Designing an Infographic with HTML, CSS & jQuery Efficiently Rendering CSS This is definitely something that browser vendors care about (the faster pages load the happier people are using their products).So today author will share with you how to Efficiently Render CSS. Efficiently Rendering CSS Flexible Color Schemes in Layouts with RGB In this tutorial, author will show you how to use Flexible Color Schemes in Layouts with RGB Flexible Color Schemes in Layouts with RGBa How to Create a Cool Anaglyphic Text Effect with CSS In this tutorial, you will learn how Anaglyph can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup. How to Create a Cool Anaglyphic Text Effect with CSS How to Make a CSS Sprite Powered Menu In this tutorial, you will learn how to make bright and colourful retro futuristic poster in Photoshop, using dynamic lines, vibrant gradients and rough textures to build up the design layer after layer. How to Make a CSS Sprite Powered Menu CSS DIY Organization In this aticle, author will share how he writes and organizes his CSS. CSS DIY Organization The New Hotness: Using CSS3 Visual Effects In this article, how to use CSS3 visual effects to push the envelope The New Hotness: Using CSS3 Visual Effects Design a Prettier Web Form with CSS 3 In this tutorial, author will show you how to use advanced CSS properties, such as gradients and shadows, to turn a dull web form into something beautiful – with minimal effort. Design a Prettier Web Form with CSS 3 Design & Code a Cool iPhone App Website in HTML5 In this tutorial, author will give you a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects. Design & Code a Cool iPhone App Website in HTML5

Tutorials

A Roundup of Mobile Web Design Tutorials In recent years there has been a massive increase in mobile web use, with the development of the iPhone and similar devices driving a huge demand for Internet access on the go. A Roundup of Mobile Web Design Tutorials 15 Useful HTML5 Tutorials and Cheat Sheets In an effort to prepare you for the future, author has rounded up 15 useful HTML5 tutorials and cheat sheets. 15 Useful HTML5 Tutorials and Cheat Sheets A Roundup of 22 Cutting Edge PSD to HTML Tutorials Designing a web layout in Photoshop or Fireworks is only half of the process. Web-designers and developers need to be able to convert those PSD layouts into valid CSS and HTML. A Roundup of 22 Cutting Edge PSD to HTML Tutorials Getting Started with Tumblr & Custom Theme Design In this article, author will tell the basics of what Tumblr is, and how to get a tumblelog of your own up and running. Getting Started with Tumblr & Custom Theme Design Using Twitter’s @Anywhere Service in 6 Steps In this tutorial, you will learn how to use twitter's @Anywhere, which, with only a few added lines in your code, can bring all of Twitter’s platform functionalities into your website. @Anywhere can allow for anything, ranging from converting a simple @username into a clickable link, to even creating new tweets directly from your personal site. I’ll show you exactly how to do so in this tutorial! Using Twitter’s @Anywhere Service in 6 Steps Share Feedback with Twitter and the Bit.ly API In this article, author will show you that Sharing links to content is just one piece of the social media equation. Capturing the response to it is quite another. Share Feedback with Twitter and the Bit.ly API Quick Tip: How to Create a Theme-Switcher in 200 Seconds In this tutorial, you will learn how to do “color-switcher” within the header section. Quick Tip: How to Create a Theme-Switcher in 200 Seconds Build a Simple Image Slideshow with jQuery Cycle Image slideshows are a popular method of displaying numerous sequential photographs in web design.In this tutorial, author will show you one Build a Simple Image Slideshow with jQuery Cycle How to Create a Simple iTunes-like Slider In this tutorial, author will tell us how to create a slider similar to the one used in the iTunes store. How to Create a Simple iTunes-like Slider

Others

Powerful Time-Savers For Web Designers Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. Powerful Time-Savers For Web Designers Rare WordPress Themes Over the past few years with the influence of premium themes, High quality free WordPress Themes have become harder and harder to find. Rare WordPress Themes A Designer’s Guide To Effective Proposals And Invoices In this article, author will tell you how important it is to make effective proposals and invoices both for your and client's comfort. A Designer’s Guide To Effective Proposals And Invoices The 10 HTML Tags Beginners Aren’t Using In this article, this author will tell us The 10 HTML Tags Beginners Aren’t Using. The 10 HTML Tags Beginners Aren’t Using HTML Color Code Chart and Names Having different background and border colors adds a spice and a new identity to any specific element or even a site. Sometimes its very difficult to find a appropriate and nice color and also the hex code of that color. HTML Color Code Chart and Names 10 Features to Look Forward to in WordPress 3.0 In this article, author will tell you 10 Features to Look Forward to in WordPress 3.0 10 Features to Look Forward to in WordPress 3.0 Top 5 Web Design Debates That Cause the Most Riots In this article, author will tell you the five most popular debates; the ones that often end up developing into digital riots with opinions flying like arrows across the vast no-man’s land known as the comments section. Top 5 Web Design Debates That Cause the Most Riots Top 8 Dreaded Favors Asked of Web Designers In this article, author will discuss with you different favors your family & friends ask from you like requests for one page flyers, t-shirt designs, logos, and company websites. Top 8 Dreaded Favors Asked of Web Designers Tips for Designing Unique and Attractive Blog Posts In this article, author will share some Tips for Designing Unique and Attractive Blog Posts. Tips for Designing Unique and Attractive Blog Posts jQuery Animations: A 7-Step Program In this tutorial, you’ll learn how do animations right way with jQuery. jQuery Animations: A 7-Step Program 5 SEO Tactics That Make You Look Like a Douche In this tutorial, author will share his five SEO hates, that inhibit the general performance of your site more than they benefit your precious Google ranking. 5 SEO Tactics That Make You Look Like a Douche

24 comments

  1. Lot’s of really cool stuff in this post, I have to bookmark this, coz it’s quite a read. This is really a brilliant set. Thank you.

  2. Lot’s of really cool stuff in this post, I have to bookmark this, because it’s quite a read. Thank you.

Leave a Reply

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