Survived another week? It’s Saturday .. time for a new roundup with the best design-related articles and tutorials of last week’s blogosphere, hand-picked for you. It’s all about webdesign, graphic design, SEO, tutorials, social media and more. A broad scale of topics, but never-the-less the underlying focus is on Design.
Also I see this as my personal bookmarks of great articles from the Community of the last period. The different articles and post are categorized by their main topics. The best way to keep track of these tweets is simply to follow me on Twitter.
Magazine-like Layout for the Web with CSS Regions and Exclusions- The web generally assumes a single column, vertical orientation for text. Although it’s possible to flow text around graphics, and even to format text into multiple columns with CSS, it’s still very difficult to achieve true magazine-like layout on the web.
Handy PHP and MySQL Queries for Developers - Millions of websites and companies like Google, Facebook, Alcatel Lucent and Zappos are relying on MySQL. It runs on almost all major platforms including Mac OS, Windows, Linux and Solaris.
Create faster fluidlayouts with LESS - CSS preprocessors such as LESS and SASS are taking a front seat and showing that there is room for a more dynamic stylesheet language. Variables, mixins and functions are now available to us and, as the web becomes ..
SASS and Compass for Web Designers: The Slider - Our Creative Portfolio web page is certainly coming along nicely. Let’s now continue using SASS and Compass to build the introduction area and slider.
CSS3 Transition Tutorials to Create a Single Page Website - Today’s post is to provide you some handy tutorials for page transition that can be used in building single page websites.
5 Useful Online CSS3 Tools to Make 3D Effects - Today we come with some best CSS3 tools for 3D effects that help to make websites more impressive and effective.
CSS Style Guides - Ordering properties is just one choice you have to make that makes up a complete styling strategy. Naming is a part of it. Sectioning is a part of it. Commenting, indentation, overall file structure… it all makes up a complete CSS style guide.
Usability, User Experience, Responsive Webdesign, Mobile, etc.
Maintaining Consistency in Your UI Design - Consistency in UI design is an old school principle and somewhat forgotten in some of today’s web and application designs. It seems like designers are choosing to omit consistency from their interfaces.
Failing Gracefully : Handling User Errors - Failure is an integral part of the learning process. This article examines how the design of software applications can be optimized to prevent excessive user errors and how to handle the implementation of error messages.
Responsive web design case study: Zee - I decided to write this case study because the main chalenge we faced was to develop a totally responsive site, and since lately this is a strong web subject, I decided to show how was the creative process of the new Zee layout.
Can A “Mobile First” Responsive Web Design Boost Your Sales? - Mobile usage has double every year since 2009 and now accounts for almost 10% of Internet usage. By 2014, internet access via mobile is expected to overtake fixed line access.
Guiding users with linear presentation - What defines linear content? You’re reading some now: articles are akin to streams of thought presented in a certain order. The written word isn’t alone. Although users may skip back and forth in videos and sound files, these media restrict their audiences to a timeline.
Where And How To Set Breakpoints In Media Queries - Flexible layouts work well to a point, but there comes a time when we need a more drastic change than simply allowing design elements to expand and contract. There comes a point where we need the ability to make larger changes in how elements flow within a design.
Subtle UI Improvements - Sometimes the best user interface elements are the ones we barely notice. They’re so subtle, so masterfully crafted, that we don’t even recognise how much thought, care and attention has gone into creating them – because we use them while we’re on autopilot.
What’s the difference between adaptive and responsive web design? - In the world of web design, the only thing harder than keeping up with the ever-evolving standards in HTML, CSS, and other technologies, is keeping up with the vocabulary. Among the latest hot new terms in web design:Responsive Design and Adaptive Design.
8 Rules of A/B Testing – The Art in Marketing Science- Data will tell you the right answer. If you can’t find data somewhere, you should run a test, collect the data, and let it tell you what’s right. Testing is one of the core marketing arts a marketer should master and practice.
Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained - CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented ..
Responsive Line Breaks - I often come across the problem of widows and orphans when using fully fluid grids, so here are 2 techniques I use to avoid them as much as possible.
Designing For Device Orientation: From Portrait To Landscape - Nearly all mobile and tablet applications would benefit from being designed for device orientation. This article covers some of the basic concepts that designers and developers can use to add device orientation to their process.
Login vs Sign In - If you develop web apps or design web app interfaces there is one link you will inevitably always have. This link allows the user to log in, or sign in, to the website. But what is the correct terminology to use?
10 Usability Basics To Consider Before Designing The UX - To make sure, we don’t forget about the essentials of a usable website, let’s take a look at a selection of ten basic usability aspects. Make sure to consider them before you even get started on any mind blowing user experience.
Webdesign in Common, Web Typography, jQuery, Tools, etc.
Product Management for the Web - Whether we prototype, write, design, develop, or test as part of building the web, we’re creating something hundreds, thousands, or maybe even millions of people will use. But how do we know that we’re creating the right enhancements for the web, at the right time, and for the right customers?
How to Add Social Media Icons Using CSS Sprites - If you’re looking for a more custom social sharing application, you can easily add unique social media icons to your site, while keeping page load speed fast by using CSS sprites.
Understanding Typography: 10 Helpful Tools And Resources - These can help with building HTML grids and content areas, creating CSS styles, generating font names, and a bunch of other cool stuff. Check out some of the links ..
10 Psychological Principles to Design With - There are simple psychological principles you can use to improve the effectiveness of your design even without knowing the theory behind it. The following ten can be used to improve the aesthetic quality, usability and comprehension of your designs.
Can User Experience be Stunning? A Short Study of Navigation in Portfolio Websites - Well, let me emphasize once again that the website I studied are some of the world’s most aesthetic and appealing websites. However, creativity should not kill usability of a website.
Three Design Elements You Must Compare With Your Business Competition - ‘Action-packed and full of activity’ are the best words to describe the field of web designing. It is just like a war-front where ‘smart work wins rather than hard work’.
15 Useful jQuery Parallax Plugins and Tutorials to Create a WOW Factor - Parallax scrolling is a technique that the background images move by the camera slower than foreground images, which can give the viewer a 3D/motion illusion.
Exporting Retina designs from Photoshop with Slicy - The term ‘slicing’ makes me think about the early days of the web, but it’s basically what we still do today, only in a different way. Sometimes we need to export a whole bunch of icons to png or jpeg.
Graphic Design, Brand Identity, Typography, Print Design, Icons, etc.
10 Reasons Your Business Card Sucks - Do you view your business card as a simple formality, or a powerful sales, networking, and marketing tool that can embed your person and brand in customers’ minds, motivate callbacks and generate sales?
How to Move Your Brand from Invisible to Visible - We live in an age where we have the means and the machines to self publish and self market. Technology is democratising publishing and marketing.
22 Fresh Photoshop Tutorials of July 2012 - this month i have collected 22 Photoshop tutorials of july 2012 which i found the best, i hope so you will like them. And i also hope that they might help you in near future.
The psychology of logo design - In this article, I’ll cover the essence of the topic, bring my own personal perspective to the discussion and hopefully help to create a captivating debate around the subject.
10 Basic Graphic Design Rules for Web Designers - The main goal of any Website is communication. Great communication through pictures, words or overall layout of your website is very important and will help you deliver the information in a successful manner.
Design Tip: Never Use Black - Problem is, we see dark things and assume they are black things. When, in reality, it’s very hard to find something that is pure black. Roads aren’t black. Your office chair isn’t black.
Blogging, Social Media, Writing, Content Strategy, etc.
Facebook for Business: 10 Tips to Rock Your Brand!- Anyone who follows me knows that ever since I hopped on Facebook for business I have been preachin’ that it is not about the likes. It’s not the number of likes that will grow your business.
Content: A Blessing, A Bubble, A Burden - Everyone is talking about content. Googling the phrase “content strategy” retrieves almost 50 million results — a clear indicator that interest in content is very much in the zeitgeist. By the time you read this, I expect that number will have grown even higher.
6 Useful Social Media Marketing (SMM) Tips for Business - Social media marketing (SMM) tends to become more complicated with every new social media website. Some people are so frustrated at the situation that they have started hiring professionals for social media ..
Using WordPress to Create a Micro-Site within an Existing Theme - One trend in content management has become pretty clear in recent years. Increasingly, site administrators are creating so-called “micro-sites,” or websites within a website, that contain completely different posts, styling, and other features.
Improving the Security of your WordPress Blog - Here’s a list of changes I have done to improve the security of my WordPress blogs though the perpetual worry that such a thing can happen again will remain.
Developing a WordPress Theme with a Responsive Framework: Guidelines and Things to Avoid - it’s a good idea for WordPress web designers and administrators to learn how to properly develop and deploy a responsive WordPress template design to their users.
WordPress File Permissions - Have you ever seen file permissions listed as 755 or 644? Do you realize how different and important those numbers are?
6 Questions To Ask Before You Install A WordPress Plugin - But there’s a downside to using WordPress plugins. Relying too much on plugins can expose your site to an increasingly wide variety of risks. Let’s discuss the problem with plugins and things you should consider before installing one.
The 10 Things You Need to Know to Secure Your WordPress Site - Fortunately, the dev folks here at ManageWP take security very seriously, with everything fromsecure SSL login capability to two step authentication featuring in our our suite of ..
Quick Tip: Using the WordPress wp_tag_cloud() Function the Right Way - Generally in a WordPress blog, different tags are grouped inside a tag cloud, and the size of each tag determines the frequency of its assignments to posts.
Search Engine Optimalization, Conversions, Analytics, etc.
How to Reduce Your Website’s Bounce Rate - What exactly is the ‘bounce rate’ of a webpage? The term bounce rate is often confused with exit rate. The exit rate is the percentage of visitors who actively click away to a different website.
The Substance of Internal Linking for your Blog - My today’s topic is how to make better performance through the writings, it’s my general observation that many writers are not focusing properly upon their main goal, especially for bloggers.
How Google Finds Unnatural Links to Your Website - Why would you want to expose a popular link network? Well, we’ve all heard about the emails being sent out by Google for “unnatural” links. Google has told us not to worry, don’t panic, and that ..
Extreme Negative SEO: Know Your Vulnerabilities – “Negative SEO” has been around since SEO started having rules. The question is, what is it, why do we care?
25 Photoshop Tutorials Released In July 2012 - Here are the 25 Photoshop Tutorials Released In July 2012 which are mainly created to assist all beginners and commited fans of Photoshop in accomplishing the highest potential for their web and print works.
3D Text Effects: Ultimate Collection of Photoshop Tutorials - In this round up, we have compiled an exciting collection of more than 40 brilliantly dazzling 3D text effects Photoshop tutorials with a little help from Illustrator.
Create a stunning menu in CSS3 – The navigation of a website is one of the most fundamental aspects to make or break a user’s experience. Instead of loading your menu down with individual images or sprites, why not do the entire thing in CSS3?
Create a Sliding Navigation Menu with jQuery - Having a sliding navigation menu helps users to find the important pages of your website in a cool way. It is important to keep your navigation menu simple and user-friendly while keeping it attractive.
Create a data driven Twitter avatar- Fortunately, for people like me, and those who want to plug together various chunks of the internet, there are an increasing number of platforms and APIs that interoperate, making many projects a case of understanding what platforms can do, ..
Faking transitions on gradients - CSS transitions do not have any effect on background gradients. As far as I know, the thing is that something similar would be quite difficult to achieve considering the multitude of possible gradients that can be created using a color palette.
Top 10 Responsive Web Design Tutorials - In this post I share with you 10 useful responsive web design tutorials which I’m sure will help you understand better this concept and design more complex websites.
Flyout Image Slider Using jQuery & CSS3 - In this post I’m going to share about how to create an experimental flyout image slider. This image slider is a stack of some images and works by flying out the selected image to the front of images stack.
Freelance, Business and Workflow Related Stuff
First-Time Startup Entrepreneurs: Stop Fucking Around - Startups are a grind. It may end with having to get a job, or it may end with a big smile and a Section 280G, but either way you’ll have learned a ton.
Being Successful as Your Own Boss When Freelancing- Failing to manage the problems and complexities that come along with freelancing might result in heavy losses. Therefore, a freelancer needs to understand the complexities and manage such challenges to succeed.
Collaboration in the User Experience Design Process - he most important concepts in the design world: a collaborative approach towards design. Cooperation in the process lies at the core of both Agile and Lean movements and plays a major role in successful product development.
When Should You Specialize Your Freelancing Business?- In this post, we’ll take another look at being a specialist versus being a generalist. We’ll also identify some situations where it makes more sense to specialize and some where it does not.
Turn your side project intoa money-making business - It’s hard to think of anyone – be they designer or developer, or a mix of both – who isn’t tinkering away on one or more side projects in their own time. The joy of creating something that is truly your own is very appealing.
Managing Email Realistically - To effectively manage our email, we have to accept a few basic truths. They’re hard truths, but that only makes them even more valuable.
6 painful lessons I learned as a rookie web designer - In the end, I am thankful for the experience. I much prefer to learn from success than failure. If I’m faced with failure, though, it’s not all a loss if I’ve learned lessons and keep on going.
F*cking Brilliant, a great Read or just magnificent Tips!
Made to Measure - As speakers like Brad Frost and Karen McGrane have maintained for some time, the future CMS wants to treat content like water, to be poured into different containers.
Responsive design and retina images: skating to where the puck will be - Even if all displays aren’t high resolution in the future, enough of them will be that you won’t be able to ignore it, just as you can no longer ignore mobile design.
I hope you have enjoyed these hand-picked great articles? Please let me know by sharing your opinion in the comments-section. Did we miss a great article, please let us know .. To keep up to date with all the cool links, simply follow me @gonzodesign