Adaptive and Fluid Approach in Responsive Web Design
In our past articles on media queries and breakpoints, we’ve solely covered one of the two approaches in achieving a responsive site. This approach being Adaptive. Adaptive Web Design, in the responsive web design sense, is the more rigid and structured approach because of how the elements of a website only change upon reaching declared breakpoints. This has benefits, mostly in there is less need to worry about how well the site will respond to less popular screen widths, since it will only change at specific points.
However, there are disadvantages to using this approach that are well worth considering. The main one being a benefit. This being the Adaptive approach’s inability to change in accordance to what widths are specified in the media queries used to create the breakpoints. If, say, a tech company somewhere builds a device that has an odd width of 520px, or just imagine a Blackberry. This is what I like to call the forgotten zone, which ranges from 766px to 490px. It gets its name from the majority of us tending to forget this area by only declaring mobile calls for 767px and lower. So with this in mind the Fluid approach wins out. Despite how easy this may sound, there is much more to them than this, and that is what we’ll be looking over.
Note: This article is referring to Adaptive and Fluid layouts.
Read More
Microsoft Announces TypeScript: Will It Change The Web?
Like it or not, JavaScript has long established itself as a de-facto scripting language on the web. There are many programmers who are in love with JavaScript, and then there is an equal number of programmers who hate it. Yet, if you are developing for the web, you most probably deal with JavaScript in some way or another, at some point or the other.
Owing to such popularity, JavaScript has seen its fair share of clones copies languages that attempt to replace or build upon JS. CoffeeScript is a shining example, for instance.
Among such examples, we recently saw a new entrant few days ago. Yes, Microsoft announced the release of TypeScript, a typed superset of JavaScript.
What is it all about? Read on as we take a look at it in this article!
Read More
6 Daily Health Mistakes that will Eventually End your Web Design Career
I am quite sure it is safe to say that you, who are staring at a screen right now, are an awesome web designer or at least trying to do your best to become one.
Well, nothing wrong with that at all, in fact if I were standing next to you right now, I would definitely tap you on the shoulder and give you a cookie for all the effort you put into it. But even though it all sounds just wonderful, I am here to tell you that there is a big, big problem. There is something massively wrong with the way people these days (yes, including you!) maintain the most important machine they own – their body and its health.
It’s not just about getting physical activity in your life,… Just because you’re doing 30 minutes of physical activity, what about the other 23.5 hours.
- Dr Peter T Katzmarzyk
Today you should feel very fortunate, because I myself am so, so passionate about living a healthy and active lifestyle that I decided to give you a little insight into very basic, yet important steps to avoid these every day health mistakes we make.
Read More
5 Career-Threatening Mistakes Web Designers Make and How to Fix Them
Web designers are a great mystery and a source of awe for regular people. They appear to be great individuals who can create just about anything! But in reality, there are a lot of mistakes web designers make that could threaten their careers.
It doesn’t matter if you are a beginner or an experienced web designer, a lot still fall on at least one of the five career-threatening mistakes.
Are you curious if you’re doing something wrong with your career?
Read More
40 Free Photoshop Actions For Vintage Effect
By using Photoshop Actions, designers can easily replicate repeating steps and save their time. Furthermore, with the help of Photoshop Actions one can easily edit photographs and create beautiful art work.
In this round up, we have put together a useful collection of some time saving and free Photoshop Actions for creating visually appealing vintage effects. We hope that you will find these Actions useful for your work.
Read More
Web Designers, Does SEO Affect Your Creative Freedom?
Right now web design is closely tied to SEO. Mind you, when I say web design, I do not simply mean designing with the use of Adobe Photoshop. I mean the whole deal, from conception to presentation.
Is SEO a good thing for web design? Do you think minding SEO too much limits what designers can do?
Would you sacrifice your creativity for the sake of SEO?
Read More
Overview of Breakpoints in Responsive Web Design
Last time, we went over media queries. This is an important aspect to know of Responsive Web Design (RWD from now on) because it is this CSS declaration that allows for the different layouts to appear at different screen sizes.
Hmm, now what about different screen sizes? To make it easy to understand, lets look at this using an analogy. So, imagine that RWD is a blueprint for a wonderfully new house. The foundation, which the rest of the house depends on, would be media queries. After the foundation comes the first level of the house, which sets the tone for how the rest of the house will be built. In this house, the first floor would be break points.
Read More
How Much Luck do you Need in Order to Make Money Online?
Let’s take a quick break from web design and web development and talk about how people make money online. This is very relevant for designers, developers, and bloggers out there who want to earn online. But how?
I’ve already explained why web designers and web developers should learn more about online marketing. There is a lively discussion going on there and I suggest that you contribute as well.
The controversial question is this: how much sheer luck do you need in order to succeed online?
Read More
Adobe Edge Web Fonts – Adding Charm to Words
If you have anything to do with the design industry, whether you are an outright typographer, designer, or even someone with a keen eye for all things that look beautiful (ahem!), good looking words will never fail to impress your eyes. Keeping in sync with your affection for good typography, Adobe has come up with their own font library, Adobe Edge Web Fonts.
For ages, calligraphy and typography have been treated as something that should not be overlooked — both in visual and aesthetic senses. In this digital age, we have fonts that deserve a special mention and have the power to attract (or repel) one’s attention.
Read More
3 Simple Points to Know in Order to Write a Great Tutorial
Every week there are hundreds of web design and web development tutorials that are published online, but are they getting enough attention? You would see great tutorials having around fifty comments, and a couple of hundred likes, but is that it? Do people really follow these tutorials from start to finish or just lurk around and check out the demo?
I have seen hundreds of tutorials since I was studying in college, tutorials involving: Photoshop, Flash, Blender, PHP, CSS, JavaScript, and a dozen more. But here’s the thing, out of those several hundreds of tutorials I’ve seen, only a few stood out and stayed with me.
And they had all three qualities that made them great tutorials.
Read More
