1. Blog
  2. Favorites
  3. Technology

Technology Favorites - Web Resources & Tools


Technology Favorites - Web Resources and Web Design Tools

The Absolute Best Lazy Load Javascripts

The Absolute Best Lazy Load Javascripts

In a field dominated by imagery, using the best lazy load javascripts possible can help you deliver amazing impact without becoming an absolute drag on your pageload times.


Web designers are constantly weighing two factors - form and function. The value of pictures really can't be overstated, but they do come with their own drawbacks... most notably the size. Anyone old enough to remember the "dial-up" days can certainly attest to the bandwidth imagery can occupy. As the value of providing a solid user experience grows, including images judiciously and providing them efficiently becomes a field all of it's own. To that end - lazy loading images seems to be the best solution. Ultimately the goal being to delay loading an image until it's actually needed by the viewer. Wherever the field web design expands, that seems like a resolution that should remain useful for quite some time. While researching different lazy loading approaches for a recent project we decided to keep a few notes so we can provide our visitors with a definitive list of the absolute best lazy loading javascripts. We've included the best options currently available, along with some sample code snippets, and a few performance tips to have your project humming in no time!

Haeck Design - Stamp Logo

Top 5 Javascript Frameworks

Top 5 Javascript Frameworks

Quality Javascript Libraries are a web developers best friend. These are the top 5 Javascript frameworks every web developer should be familiar with to make amazing web apps in minimal time!


Anything code based requires repetition and there's usually no need to rewrite code that already exists. Javascript libraries are an especially useful proof of this concept, since they can often be very time consuming to start from scratch. In practice, the problem is usually not knowing what code you can really rely on. Luckily a little know-how can let you sort through the riff-raff and get right to the heart of the code that'll help your project and still be around and well maintained if any updates need to be done. With that goal in mind, we've compiled the five most notable Javascript libraries online today. They may not fit every exact situation, but they're certainly the frameworks that should be bookmarked by any serious web developer and looked to as a first option.

Haeck Design - Stamp Logo

Mobile Editing Apps - iOS Code Editors

Mobile Editing Apps - iOS Code Editors

The best Mobile Editing Apps and iOS Code Editors contain an amazing power - Allowing you to actually take your web development skills on the road.


People unfamiliar with coding might imagine that a coder's life consists of picking up an iPad off the beach, knocking out an hour, then rolling over to retire for the day. Unfortunately technology has just not gotten to that point yet. The restrictions that most editing apps possess make working away from a known network very difficult. In the last few years large moves have been made in the worlds of design and development, what really hasn't changed much though are the code editors we're doing all this fun work on. What could make real freedom a possibility in the near future is the development of intuitive mobile coding applications. Historically this has been an undeserved niche, but now there are a few solid choices in the field. In the name of pushing progress lets take a look at the leaders of the pack and identify exactly what they're doing right.

Haeck Design - Stamp Logo

10 Responsive Frameworks You Need

10 Responsive Frameworks You Need

Bootstrap vs UIKit vs Foundation - We take a look inside all the popular frameworks on the market and find the 10 Responsive Frameworks You Need.


Responsive Frameworks are springing up everywhere lately, but crowding the market occasionally leads to confusion. Whether you call them responsive grid systems or a css responsive layouts - they are a web designer's best friend and we love them as much as anyone. The only issue we have with responsive frameworks is that there are just so many out there and when you're brain shoots to Bootstrap vs UIKit vs Foundation vs every thing else, it can be a tough decision. With that in mind, we'll try to save you some time and give you a few more tools... because these are the only css libraries you need to provide good responsive design to your clients.

Haeck Design - Stamp Logo

10 Top CDN Plugins, Providers, and Tips

10 Top CDN Plugins, Providers, and Tips

If you’re minding your pageload times, then your probably already familiar with CDNs. We’ve collected the top cdn plugins, quality cdn providers, and a few tips for handling cdn on cms.


Let's start by briefly addressing how a cdn functions and then take a look at the best ways to utilize them. In it's simplest form a CDN is provides performance through using multiple servers. By using multiple servers to deliver content, your website is placing a lighter load on each and cutting down the distance needed to travel in almost all circumstances. These benefits are folded into your site by rewriting resource urls to your CDN service provider, but it's not really as complicated as you may think. Since you need to select a provider, lets start by identifying a few quality CDN providers.

Haeck Design - Stamp Logo

Marketing with StumbleUpon

Marketing with StumbleUpon

Depending on your perspective StumbleUpon can be viewed as a giant time waster or a fantastic web tool. Whatever your view, it can be an overwhelming source of traffic for your website and we'll show you how to take advantage of that potential.


StumbleUpon is a content discovery engine that was started in 2001 and their primary function has remained relatively unchanged since its foundation. The basic concept is that by aggregating tastes and tracking patterns, the site can recommend posts that you may never find by just searching aimlessly online. The web is a big place and by flipping the Google concept on its head, StumbleUpon aims to give their loyal visitors some valuable guidance. While the quality of the delivery can be debated, the concept serves a real niche and any business owner should pay heed.

Haeck Design - Stamp Logo

Advanced Access Manager

Advanced Access Manager

One simple plugin makes handling your Wordpress user access a snap...


Advanced Access Manager is an extremely powerful and flexible Access Control tool developed exclusively for WordPress. When you need to assign privileges to specific users (allowing registered users to view certain content for instance) - there is simply no better "plug-and-play" option on the market.

Haeck Design - Stamp Logo

Adobe Kuler

Adobe Kuler

Makes coordinating colors and developing unified themes as easy as pie.


Some tools become so useful that you almost forget about them. The trigger that reminds you of that fact is usually a friend who mutters something like "Whoa, what is that!?". In this case that tools was Adobe Kuler (available both on web and in a nice little AIR based desktop application). When it comes to choosing a color palate for your project, there is simply nothing like it.

Haeck Design - Stamp Logo

JPEGmini - Jpeg Compression Tool

JPEGmini - Jpeg Compression Tool

JPEGmini is a killer jpeg compression tool that allows you to reduce your image's file size, improve your website's page load speeds, & still preserve all of the awesome!


If you're a web developer or photographer and you haven't been paying attention to image file size, you have been unknowingly shooting yourself in the foot. Luckily, in this JPEGmini review I'm about to introduce you to your new favorite jpeg compression tool. It's built on some pretty impressive technology, but the goal is simple - To take your jpeg image and make it's file smaller without compromising any of the picture's quality.

Haeck Design - Stamp Logo

Klout - Whats Your Klout?

Klout - Whats Your Klout?

When it comes to social media it’s important to know, what’s your Klout? Here's a quick rundown of Klout usage tips & ways developers can get started with the Klout API.


Klout is an application dedicated to tracking a profiles audience and performance on specific social networks. Anyone can click on a Twitter profile and check the followers, but we all know that's a fairly inaccurate way of measuring social success. Every social network has "exploits", but there's no real way to fake a successful social media presence (although I'm sure some shady types are working on it as we speak). Klout aims to thwart those tricks and place a real numerical value on the efforts social media experts put into building their sphere of influence. Just like analytics offer a way of gauging web traffic, answering "What's your Klout" is a way of providing track-able data for businesses to work with.

Haeck Design - Stamp Logo

Abduzzedo | Website

Abduzzedo | Website

Abduzeedo is a collection of visual inspiration and useful tutorials. One of our favorite sources for pure - unadulterated creativity.


Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.

Haeck Design - Stamp Logo

Evernote

Evernote

Evernote makes it easy to remember things big and small from your notable life using your computer, phone, and the web.


There are few tools you'll use as much around the home and/or office as Evernote. We all need help remembering important details and here's how this clever little app helps...

Haeck Design - Stamp Logo

Dropbox

Dropbox

Some terms scare people off. Cloud computing may seem like some far off, nerd driven technology. Dropbox makes it easy as pie.


Dropbox is a free service that lets you bring all your photos, docs, and videos anywhere, and share them easily. Any file you save to your Dropbox will automatically save to all your computers, your phone or iPad, and the Dropbox website. Dropbox also makes it easy to share with others. And if your computer melts down, you can restore all your files from the Dropbox website with a couple clicks.

Haeck Design - Stamp Logo

Ubuntu - Natty Narwhal

Ubuntu - Natty Narwhal

Ubuntu remains something of a "Rodney Dangerfield" OS.  It proves the value of marketing, but the cream eventually rises.


Ubuntu remains something of a "Rodney Dangerfield" OS. It proves the value of marketing, but like anything else, the cream eventually rises to the top. With their 11.04 release codenamed "Natty Narwhal", Ubuntu proves to get even creamier.

Haeck Design - Stamp Logo

Facebook Questions?

Facebook Questions?

What looks like a late addition may turn out to be the thing that ties all Facebook's data together.


Facebook Questions lets you ask any question and get quick answers from your friends and other people on Facebook. It doesn't require a whole lot of imagination to see how this addition could turn out to be something big. So, we will show you how to set up questions on your fanpage (or profile), then on page two answer some basic questions that Facebook would like you to consider.

Haeck Design - Stamp Logo

The BookBook Case

The BookBook Case

The world of iPhone cases usually produce dull holsters coated in plastic...


The BookBook case is a distinct break from the boring plastic theme. Cases for iPhone, iPad, and laptop are all constructed to look like a classic leather-bound book. ....you know - classy.

Haeck Design - Stamp Logo

Mint.com App

Mint.com App

Everything you need for your financial life, all in one place...


We've been loyal Mint customers for over a year and to put it simply... The Mint.com app offers everything you need for your financial life, all in one place.

Haeck Design - Stamp Logo

ShareTool 2

ShareTool 2

Accessing your computer while away opens up a world of freedom, doing it securely makes that freedom something truly useful.


While searching for a secure way to access the internet from wi-fi hotspots, I ran across this great mac application ShareTool 2. Take a look at the features and give this app a test run, you'll be glad you did!

Haeck Design - Stamp Logo

We Heart It App

We Heart It App

We Heart it is a great website that allows you to easily compile all your online inspiration and easily share it with a thriving community.We’ll show you how to use we heart it app and easily include we heart it widgets on your own website.


I have grown to despise bookmarking sites. Each of them have gradually lost their way in the sea of "social" tools. Bookmarking should simplify things and that's exactly what "We Heart It" aims to do. The site functions a lot like Pinterest, but with a more personal feel. The crowd may lean a bit younger, but since many of the images are from phones it can be a great source for one-off images that you won't find anywhere else.

Haeck Design - Stamp Logo

Use Quora

Use Quora

A Great resource for accumulating useful knowledge from people in the know...


Quora is a continually improving collection of questions and answers created, edited, and organized by everyone who uses it. The most important thing is to have each question page become the best possible resource for someone who wants to know about the question.

Haeck Design - Stamp Logo

Web Dos and Donts

Web Dos and Donts

One of our favorite resources for web advice lately has been Web Dos and Donts. It covers a ton of categories...


One of our favorite resources for web advice lately has been Web Dos and Donts. It covers a ton of categories which you may have little knowledge of... or may have forgotten all together. The tips are short, sweet, and easily digestible.

Haeck Design - Stamp Logo

Foursquare

Foursquare

Wish you were more aware of all the incredible things around you? With Foursquare, you can unlock your world...


Very few apps make the existing world more fun then it already is... but Foursquare is probably the most notable exception. All it takes is a few easy steps and we guarantee you will be having more fun - almost immediately.

Haeck Design - Stamp Logo

Synergy Application

Synergy Application

Using one mouse and keyboard for multiple computers is a huge time saver and it's not as complicated as you may think. If you're looking for solid cross platform device sharing, look no further then the Synergy application.


Synergy is a C++ based application that has been intuitively developed to run quietly in the background and allow device sharing between multiple computers. The setup is relatively simple and the time saving benefits are nothing short of remarkable. Once you've got everything setup you can control 10+ computers from one keyboard & mouse. Since the code is platform agnostic, you can switch between Mac, Windows, or Linux computers with no additional setup. I'll cover a few of the benefits below, but lets run through the setup so you can see just how Synergy works.

Haeck Design - Stamp Logo

Thanks for Visiting Our Technology Favorites - Web Resources & Tools...