Monthly Shaarli

All links of one month in a single page.

October, 2013

Fontello: The Past and Future of the Icon Font Service | CSS-Tricks

Why use icon fonts?
Just so we're all on the same page, I'll summarize the pros/cons of using webfonts to display icons.

Pros
Fonts are vectors, so there is no pixelation or blurring on high-resolution screens as there would be if the graphic was raster and needed to scale up.
The browser support is as good as you need it to be
Once the system is in place, using them is very convenient.
Arguably easier than spriting images.
They can be controlled with CSS, like the size, color, shadow, etc.
Cons
The icons will be single-color. There are some fancy (hacky) techniques for multi-color however, and modern trends and HIGs (human interface guidelines) suggest single colors anyway.

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.

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.

Skradzione zdjęcie i co dalej? | fotoprawo.pl

A więc surfowałeś po Internecie przeglądając blogi i portale, gdy twoją uwagę przykuło znajome zdjęcie… Pamiętasz dokładnie chwilę jego wykonania, moment, gdy nacisnąłeś spust migawki, nie przypominasz sobie jednak abyś wyrażał zgodę na jego wykorzystanie przez właściciela strony. Jako autor zdjęcia nie jesteś w takiej sytuacji pozostawiony bez możliwości ochrony swoich praw. Jest szereg kroków, które możesz, a nawet powinieneś wykonać. Prawdopodobnie będziesz jednak musiał wykazać się cierpliwością i determinacją.

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.

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.

Linux Commando: Extract audio track from a youtube video

Youtube is a great source for watching videos or listening to music on-line via their website. But if you want to download the video or audio to your computer, you need some special tool, and you need to know the URL for the youtube video you wish to download.

Table Of Contents - Zend Framework Book: Surviving The Deep End

Zend Framework: Surviving The Deep End

Zabawa z datami - część 3 - Oracle SQL

Najmniejsza (minimalna data) w Oracle Czasami zdarza się, iż musimy porównać datę faktyczna do jakiejś mniej „rzeczywistej”, aby na przykład mięć pewność, że nasze zapytanie zwróci dane dla całego zakresu dat. Można tu skorzystać z minimalnej daty dostępnej w bazie Oracle którą jest 1 styczeń 4712 BC. Datę tą można odczytać w prosty sposób korzystając z funkcji TO_DATE.

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? 

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?