Feb 08 2013

HINT.css – Tooltips In Pure CSS3 And HTML5, No JavaScript Needed

Tooltips in HTML pages general do not need any effort from a developer’s side, as long as they put proper title attributes to their elements. The title is then used for showing the tooltip, but also for other things, such as providing a screen reader with proper content. Speaking of the use case of tooltips, the visual presentation depends on the browser your site gets visited with. Developers with the need for more control turned to JavaScript bases solutions years ago. Kashagra Gour created Hint.css, which proves as a decent alternative, based completely on CSS and HTML.

Read more 
Feb 07 2013

The Billion Dollar Startups – Rare, But There [Infographic]

Strange, but true. Even in these fast times, companies freshly evolve and make it to a market value of billions of Dollars in a mere few years time. The people from the job board Staff.com put together a nice infographic with all the basic facts worth knowing about the thirteen young companies that made it. But, before you go head over heels to open up your own startup, keep in mind, that market value does not necessarily correspond to real money. It is just the value using established calculations in the financial sector tells you a company has. To exchange that value into real life cash someone would need to be willing to shell out the money. Thus it is more interesting to look at the capital a startup raised during IPO. The infographic has that covered, too…

Read more 
Feb 06 2013

Tips for Designing Small Websites Faster and Cheaper without Sacrificing Quality

Web designers/developers often find themselves needing to turn down small projects simply due to a lack of time or budget. For instance, a friend may be starting a doggie daycare and needs a simple website to provide clients with information. Or maybe a cousin needs to create a website for her social club events. Some of these projects may only pay in exchange of services, a much lower fee than you would offer if it wasn’t your cousin, or maybe even no pay at all.

Read more 
Feb 05 2013

Mastering WordPress Configuration – wp-config.php

One of the best aspects of WordPress is the fact that it does not require much code-level tweaking to work. All you need to do is install the CMS, and off you go! All in all, for a general-purpose website, there is not much tweaking or customization that needs to be done. In fact, in most cases, you should steer away from messing with the code and WP files. However, there is one particular file which you actually can tweak and its name is wp-config.php. In this article, we shall be discussing the wp-config.php file as well as taking a look at certain tweaks that we can apply to it in order to get the most out of its possibilities.

Read more 
Feb 04 2013

Tilted: HTML Elements Become Parallelograms With Maskew

You know that you can tilt HTML elements into the shape of a parallelogram using the CSS3 property “transform”. Nice, at first sight. But then, calling “transform” on a picture leads to tilting the picture itself. Uncle Hugo is not amused about his new skewed look. And you know, it is his corporation you are preparing the web site for. To save you, I have found the JavaScript library Maskew. Maskew skews elements into parallelograms too. But it does not skew the content, only the frame. Uncle Hugo himself will not tilt (at you) this way…

Read more 
Feb 03 2013

Close Up: Decent Zoom Effects with elevateZoom for jQuery

Onlineshops have them. I particularly like the product pictures over at Amazon. Hovering the pictures with your mouse enables a zoom effect that shows a larger portion of the original right beside the image. If you like these presentations you might also like to implement similar effects into your own web projects. The jQuery plugin elevateZoom promises to achieve just that. It can even be customized to vary the effects to your liking.

Read more 
Feb 02 2013

Agile Designers: A Collection of Resources for Web Designers

Agile Designers by Webalys is a platform for web designers, currently in beta. Up to now already around 1,900 designers have registered and put up 740 resources. This is massive, considering that the service just launched on the 7th of November of last year. Reason enough to take a closer look at what’s in store.

Read more 
Feb 01 2013

New Era: Computation of Time with Moment.js

Calculating time values and displaying them correctly is not child’s play. There are lots of different units (Year, Month, Day, Hour etc.) and – more disturbing – different systems of numeration, none of which is decimal. But you need not fall into despair. Moment.js is there to help you. The small JavaScript library comes equipped with lots of nifty features for calculating time spans, converting international time formats and also cares for the output of the results. Needless to say that Moment.js works for different languages and time zones.

Read more 
Jan 31 2013

CSS4 Today: Address Parent Elements Using cssParentSelector.js

CSS makes it easy to address child and sibling elements. Parent elements cannot be addressed by the use of CSS though, at least not today. CSS4 will introduce this possibility, but do not hope to see any browser supporting that any time soon. The jQuery plugin cssParentSelector allows the use of the new CSS4 parent selector today.

Read more 
Jan 30 2013

The Accessibility Project – How To Integrate Accessibility Into Your Daily Designs

A few days ago we brought HTML_CodeSniffer to your attention, a bookmarklet for testing websites in terms of accessibility. Today we encountered a brand-new project, that aims at the average designer and is set to be the starting point for everything around accessibility. Community-driven and crowdsourced, A11Y as the project abbreviates itself, wants to support and encourage accessible web designs. The project is refreshingly different and growing rapidly.

Read more 
search form
 
image description image description