Tutorials Page 96

  • By
    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...

  • By
    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...

  • By
    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 by window.getComputedStyle(el) will be the original CSS values, however, so there's no way of getting the true inverted values of given properties. But...

  • By
    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)...

  • By
    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...

  • By
    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 --...

  • By
    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 on img tags, and I had thought...

  • By
    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...

  • Media Temple Hosting
  • By
    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 set img, iframe, and embed tags to max-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...

  • By
    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...