Daily Shaarli

All links of one day in a single page.

October 1, 2013

5 Methods To Serve True Responsive Images

Ethan Marcott, the one who coined the term Responsive Web Design, stated in his article that Fluid Image is one of the ingredients of Responsive Web Design. The problem with Fluid Image, however is that eventhough the image seems to be responsive and could fit nicely in various viewport size, the same image size is downloaded by the users regardless of the medium the image is being viewed on.

Responsive Elements - Helps you build better responsive websites

Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.

HTML5 Web Storage

One of the reasons that certain technocrats favor native applications is their ability to store data locally on the client. HTML5 made a breakthrough by allowing web applications to store data in the browser.

Although cookies are available to store data in the browsers, there are certain disadvantages to that – which were addressed with the invention of HTML5 Web Storage.

Panoramic photography: tips for making high-res images from multiple pictures | Digital Camera World

There’s nothing new about panoramic photography: it’s just that it’s now easier than ever before. In this tutorial we’ll run through the basics of panoramic photography, offer some tips on how to shoot your scene and then show you an easy way to stitch them together.

18 Open Source/Commercial Control Panels to Manage Linux Servers

As an owner of the website it is very difficult to manage multiple websites without a control panel. However to suit the needs, we need a custom hosting plan.
A Web hosting control panel is a totally web-based interface which has capability to manage your web services under a single location. These web based control panels can manage email accounts, FTP accounts, file management functions, creation of subdomains, disk space monitoring, bandwidth monitoring, create backups and many more.

Understanding Twitter Bootstrap 3 - SitePoint

Version 3 of Twitter Bootstrap is a major change from all its past versions. It is a mobile-first framework and can claim to be one of the best CSS frameworks for building responsive website designs.

In my last article I focused on building responsive websites using Twitter Bootstrap 2. From that, you should have an idea of how Bootstrap works.

Since Twitter Bootstrap 3 is a mobile-first framework, by default whatever you design or create will be mobile compatible or responsive. Isn’t that cool?

How to break out of your photography rut: 6 quick fixes for creative photographers | Digital Camera World

We all lose our photographic mojo once in a while or maybe find that we are effectively taking the same images over and over again. In their latest guest blog post, our friends at the photo management blog Photoventure compiled 6 tried and tested techniques to help you break out of this photographic rut and start taking more creative images.

Macro nature photography: tips for taking pin-sharp close-ups of flowers and insects | Digital Camera World

In our latest Professional Photographer to the Rescue series post our pro shares his best macro nature photography tips to help our apprentice learn how to take pin-sharp pictures of wildflowers, lichen, butterflies and much more.

Simple PHP Cache Class | Fast PHP Caching Class

phpFastCache is a high-performance, distributed object caching system, generic in nature, but intended for use in speeding up dynamic web applications by alleviating database load.

phpFastCache dropped the database load to almost nothing, yielding faster page load times for users, better resource utilization. It is simple yet powerful

Git Hooks for Fun and Profit - SitePoint

When certain commands are run, Git searches the .git/hooks directory for suitable hook scripts which are then executed if found. You’ll find a small set of example scripts there (you can activate them by renaming them to remove the .sample prefix and setting their executable bit), and a complete list of hooks can be found in the githooks(5) man page.

This article suggests a handful of hooks which can streamline development and help improve your efficiency.

Adding Badges, Images or Videos on Your Favicon | Web Resources | WebAppers

Favico.js make use of your favicon with badges, images or videos. You can easily animate your favicon with animated badges. You can customize type of animation, background color and text color. It supports animation like slide, fade, pop. All code is open source and dual licensed under GPL and MIT.

The Ultimate Guide to Learning how to use Your first DSLR

If you’ve bought yourself a DSLR and, after unpacking it from the box, you are intimidated by the number of buttons and dials, and by the thickness of the manual, it can be very tempting to put the manual down, flick it onto ‘Auto’ and start shooting.  Whilst that is fine for some, it may not be long until you crave the creative control that inspired you to purchase a DSLR in the first place, but where do you begin? 

130+ essential vim commands | CatsWhoCode.com

Since the 70′s, vi and vim are very popular text editors among programmers. 5 years ago, I wrote an article named “100 vim commands every programmer should know” and here is a reworked, updated version. Enjoy!

Mobile Detect - lightweight PHP class for detecting mobile devices (including tablets)

Mobile Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.

You may consider this script as being part of the RESS (Responsive Web Design with Server-Side Component) movement. You can find out more on the topic by reading these articles: Improve Mobile Support With Server-Side-Enhanced Responsive Design and RESS: Responsive Design + Server Side Components.

You can also benefit from Mobile Detect by using any of the 3rd party plugins available for: Wordpress, Drupal, Joomla, Magento, etc.

Sketch Toy: Draw sketches and share replays with friends!
OpenWeatherMap - actual and forecast weather.

The OpenWeatherMap service provides free weather data and forecast API suitable for any cartographic services like web and smartphones applications. Ideology is inspired by OpenStreetMap and Wikipedia that make information free and available for everybody. OpenWeatherMap provides wide range of weather data such as map with current weather, week forecast, precipitation, wind, clouds, data from weather Stations and many others. Weather data is received from global Meteorological broadcast services and more than 40 000 weather stations.

Creating a Subscription-Based Website with Laravel and Recurly, Part 2 - SitePoint

In the first part of this series we created the bare bones of a subscription-based website using Laravel. We also set the site up with roles, and granted a pending role to new users. We’re now at the point where we can perform basic registration, login, and logout. In this second part, we’ll integrate Recurly to set up our paid membership plans.