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
clones copies languages that attempt to replace or build upon JS. CoffeeScript is a shining example, for instance.
What is it all about? Read on as we take a look at it in this article!Read More
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
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
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
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
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
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
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?
And they had all three qualities that made them great tutorials.Read More