PojoViz: JavaScript object visualization

PojoViz lets you analyze a library or framework’s plain objects by finding the relationships between library entry point and the objects and functions linked to it. It creates a graph that you can export to a simple JSON file consisting of nodes/edges.

via Reme Le Hane

Font deal: Sofia Pro Soft Font Family (8 weights) – only $27!

NOW ON: Font deal: Sofia Pro Soft Font Family (8 weights) – only $27!Expires: August 29, 2014, 11:59 pm ESTWhether you already have the successful Sofia Pro font or not, you’ll want to take a look at this Mighty Deal for its sister typeface….

via Reme Le Hane

Daily Fitbit stats

My fitbit #Fitstats for 8/21/2014: 10,391 steps and 8 km traveled. http://www.fitbit.com/user/2B2XGR

JavaScript Animations in AngularJS Applications

AngularJS is a feature-rich framework for creating single-page web applications, bringing all capabilities that one needs for building rich and interactive apps. One of the key features that Angular brings is the support of animations.
We can animate a portion of the application to indicate a change occurring. In my last article I covered the support of CSS animations in Angular applications. In this article, we will see how to leverage JavaScript to animate the AngularJS apps.
In Angular, the only difference between CSS and JavaScript animations is their definition. There is no difference in the way the defined animations are used. To start with, we need to load the ngAnimate module to the root module of our application.

angular.module('coursesApp', ['ngAnimate']);

The animation events to be handled in the JavaScript animation also remain the same. Following is a list of directives supporting animations and their events for different actions:
ng-view ng-include ng-switch ng-if
enter leave
enter leave move
ng-show ng-hide ng-class
add remove
The above listing is the same as the one in the previous article, but doesn’t mention the corresponding CSS classes, as we don’t need them to define JavaScript animations. These events are generated only if the application module loads the ngAnimate module. Now let us see how to animate some of the directives.
Continue reading %JavaScript Animations in AngularJS Applications%

via Reme Le Hane

Setting Minimum Checkout Requirements in WooCommerce

Chances are that you want to set some kind of minimum requirements on your WooCommerce store before your customers checkout. What follows is a guide on how to set these requirements and restrictions, without needing to use any plugins at all:

via Reme Le Hane

9 Reasons You Should Be Using CodePen

At CodePen.io, they describe themselves as a “playground for the front-end side of the web.” CodePen is great for testing out bugs, collaborating, and finding new inspiration. It works by allowing you to create “pens”, which are sets of HTML, CSS, and Javascript. You can then display those pens on your profile, take feedback, and continue to edit those pens at any time.
Like many live code playgrounds, CodePen lets you learn in an open-source environment, displaying a live preview of the code changes, and even letting you embed your CodePen demos on any web page, like the one below.
See the Pen Full CSS NES by One div (@onediv) on CodePen.
In this article I’ll go beyond those features just mentioned to explain some of the things that I think puts CodePen above its competition, and why you should check it out if you haven’t done so already.
While explaining these features, I’ll also embed some random but cool pens in each section for you to check out.
1. CSS Options
CodePen includes some awesome features to write CSS faster. You can select to include Normalize.css or Reset.css in your CSS by simply clicking a radio button. You can also choose to use -prefix-free or Autoprefixer as well. This way there is no need to take the time to link to an external file (which is also possible, if you wanted to).
What if you aren’t sure about some of your CSS techniques being used? Don’t worry; CodePen has CSSLint integration to search through your CSS code and warn you if there are errors, warnings, poor browser support, etc.
Continue reading %9 Reasons You Should Be Using CodePen%

via Reme Le Hane

12 Tools to Help You Buy the Perfect Domain Name

Buying a domain name for that next project of yours can be a tricky endeavor.
Maybe the plot of virtual real estate you’ve had your eye on is already in-use. Or maybe it costs as much as actual real estate on the aftermarket, if it’s even for sale at all! Either way, the experience of sourcing, checking and acquiring can be daunting.
It’s increasingly difficult to find the exact domain you want – unless, that is, you’re willing to get creative by devising brandable monikers, or incorporating unorthodox domain extensions to create “domain hacks.”
In no particular order, here’s a new list of top Domain Name Generators and availability checkers – all of which allow you to find your domain and verify its availability in real time!

Recommended Domain Name Generators

DomainsBot offers a powerhouse of tools: while robust, it may require a bit more knowledge of domain name speculation in general.
When you decide on a root-word, plug it into the search, and out comes a myriad of combinations with the help of synonyms, prefixes, suffixes, and TLD (top level domain) extensions; you can refine results by excluding or adding any of the above. Beyond that, you can filter additional TLDs, choosing to include new gTLD extensions in your search (which can make for some great domain hacks).
Most helpful, you will be shown real-time availability of not just the domain suggestions returned to you, but their corresponding Twitter and Facebook handles to-boot. If something is available for you to hand-register, you can simply click “Available” and up pops a selection of over 20 domain registrars you can choose to buy your domain at. If your choice is available in the aftermarket, it will be listed with its corresponding price and marketplace where you can find it. Solid.

Lean Domain Search
Simply search any word, made-up or real, and it will generate potentially thousands of results – stringing together popular prefixes, suffixes and common words. Sort results alphabetically, by phrase-length, or by popularity. There’s a nifty list hidden on the main results page that shows you the 10,000 most popular search terms by domain registration count – albeit, the source blog post is over two years old.
You can also filter results to have your search term “start” or “end” with the suggested accompaniment, or copy all results to your clipboard. Since only available results show, when you’re ready to select one to register, simply click on its corresponding green box. Three registrars will emerge as choices when buying your domain, and results will also show if a corresponding Twitter handle is available.
One interesting thing I have noticed is that – before choosing a partner registrar – this tool will prompt you to setup a WordPress account on your new domain. This is undoubtedly due to LeanDomainSearch being acquired by WordPress’ parent company, Automattic about a year ago.
Continue reading %12 Tools to Help You Buy the Perfect Domain Name%

via Reme Le Hane

Neuro Web Design: How to Make Webs and Influence People

In the first part of this short series about Neuro Web Design, we saw how our decision-making behavior is governed by unconscious processing and how our experience is driven by external factors such as social validation, similarity and other interesting human factors.
Now it’s time to see these principles in action.
In this second part, I’ll give you some suggestions on how to make websites persuasive and more inclined to make people ‘click’, or take action in general. Hopefully you’ll find them useful, especially if you have an e-commerce and want to improve your selling.
I’ve broken them into 6 principles you should take into account while planning the marketing strategy to adopt in your website (if you are a seller), or to keep in mind (if you are a buyer).
1) Similarity: a picture is worth a thousand words
The images make up the majority of our thoughts, regardless of the sensory modality in which they are originated, and regardless of whether we think of an object (i.e. a boat) or to the processes related to objects (i.e. a boat trip), words, or symbols.
In short, information conveyed through imagery is remembered much more readily than the written data, and we give it more attention.
Summary: Use a small amount of well-chosen words to describe your product or service, and combine them with attractive and incisive images.
Fear of loss
We are programmed to notice and pay attention to situations that can trigger in us the fear of loss.
In fact, the fear of losing motivates us more than the opportunity to win or gain. Faced with situations of potential loss, our bodies and our unconscious mind are activated faster than the conscious level.
Once explained it, imagine the effect that something like Only two in stock may have on our brain. This is a topic that people who intend to sell their products using an e-commerce service should deepen. In the image below, you can see an example of this practice applied to a website.
Continue reading %Neuro Web Design: How to Make Webs and Influence People%

via Reme Le Hane

How Blogging Can Help You Land Your Dream Development Job

There are countless benefits to starting and running your own blog, especially for programmers and IT professionals.
Whether you are wanting to discuss the ins and outs of a technology that only a few thousand (or hundred) people understand, or are l…

via Reme Le Hane

Stress Testing with Loader.io

If you are working on a serious project, you want it to scale. The thing about scale is, you only focus on it once you really need it.
I’m the CTO of an soccer/futbol social network based in Brazil. To put it mildly, futbol is big in my country. This …

via Reme Le Hane


Get every new post delivered to your Inbox.