Tutorials Page 96
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...Detecting Google Universal Analytics
Just about everyone uses Google Analytics and why shouldn't they? The amount of useful data you can pull from Google Analytics, especially if you use custom dimensions, is amazing. Whether you're A/B testing, trying to increase engagement, or improve sales, Google Analytics is just about perfect. I recently experimented with...