Tutorials Page 96
The Truth About Production Testing
Testing on production environments is something you must do but really, really would prefer not to do, right? You can do some incredible damage in a short amount of time if you aren't careful, and when things do run smoothly, you think to yourself "Why even take the...
Responsive Images: The Ultimate Guide
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
Emulate the Invert Filter Effect with Sass
After figuring out how to get the result of the invert filter for a solid background, the next idea that came to mind was naturally doing this with Sass in order to reproduce the filter effect for browsers not supporting filters. Sass already has...
Detect Inverted Color with CSS and JavaScript
There was something that bugged me after reading David's article on the
invert
filter last week. It was this sentence: The values reported back bywindow.getComputedStyle(el)
will be the original CSS values, however, so there's no way of getting the true inverted values of given properties. But...JavaScript: Constructor Auto-Execution with new Keyword
JavaScript is full of small, interesting facets that can trip you up, make you laugh, or make you cry. This post is about an interesting one. Those of you that have worked with JavaScript functions, and in a way JavaScript "classes" (as you used with MooTools)...
Startup WordPress Theme: the New and Improved Framework from Designmodo
An army of frameworks vies for your attention, and the web is stacked with many options, free and costly, which offer to help web designers craft WordPress websites for their clients. Yet, when startup company owners require your services, you need a framework that offers...
Invert Colors Using CSS
I've been obsessed lately with finding new or lesser known CSS properties and values and playing around when them. Some of them are quite useful and others are seemingly only for a giggle. CSS filters fall in the useful department:
grayscale
,blur
,sepia
--...Accessibility Tip: Empty alt Attributes
As mostly a self-taught developer, my impressions of best practices were self-formed, and over the years I've realized many of those impressions were incorrect or the standards associated with them had quickly changed. One small but important practice is the usage of
alt
attributes onimg
tags, and I had thought...20 Top Tools and Resources for Creating Responsive, Quick Website
Web developers as well as web designers know the importance of releasing high-quality work, especially in this day and age when they face ever-growing competition on the market. Luckily, there are tools and resources they can utilize in order to work faster, more efficiently and even...
Get Real Image Height and Width Dimensions
One massive help provided by CSS in aiding developers to create responsive designs is
max-width
. I always setimg
,iframe
, andembed
tags tomax-width: 100%
so that they aren't allowed bleed through their parent and stretch the page on mobiles, but I recently asked myself if it...