Home > Categories > Resources
Page 1

How to create text animations with Textillate

Using CSS we can create all kinds of animations. Whether we’re working with text or with elements, animations and transitions are a much simpler task with CSS. It’s all possible with vanilla CSS, but there are a number of plugins that make our life simpler, one of which we’re going to look at today: Textillate.js. Getting started In order to start using this plugin we need firstly to head over to its website and download the latest version. One thing to keep in mind is that this plugin has 3 dependencies:...
Read more

How to use Gumby extensions

In our final article on Gumby, I will talk to you about the extensions Gumby provides. They aren’t included in the main framework to make it more lightweight but you can install them separately to make your coding even easier. Bower These extensions should be installed with bower , if you have never heard of Bower it is basically, as their github page says, ‘a package manager for the web’. It allows you to install registered packages with just a simple command and to install it yourself you will need...
Read more

How to use Gumby components

In our last article about Gumby you saw the fundamentals of this robust framework, but we also have a lot of JavaScript components we can use via the JavaScript UI for Gumby. Today, we’ll take a look at these components. Toggles & switches A lot of what Gumby focuses on is minimizing the amount of JavaScript we need to write. Toggles and switches look at the gumby-trigger attribute and the element you enter as the value of this attribute will have the .active class toggled. You can use this to toggle...
Read more

How to add autocompletion to forms with typeahead.js

We all know what auto complete looks like in input fields, and when we’re asking a user to enter dozens of answers, autocompleting is always a good idea. Even better than creating an autocomplete system is creating an auto-complete system that’s compatible everywhere, and that’s what lead me to stumble upon typeahead.js by Twitter. This is a fast and fully featured autocomplete library. It allows you to prefetch json files from your server, it then saves them in localStorage and when necessary...
Read more

30K Professional web designers worldwide are already using Webydo, are you?

Website builders could help 10-year-olds create websites, but they can’t really hold a candle to professionals who take this task seriously. Contrary to popular belief, 74% of new websites are still built by web designers and developers, who work hard on design and then convert it in HTML code for their clients not with the DIY tools. In most cases, these projects are based on collaboration between the two and nearly 70% of this budget is still allocated to the programmer not the designer. However,...
Read more

Introducing Grunt

When you’re developing a large-scale project you always want to use some kind of task runner, in order to automate your workflow. Grunt is exactly that, a JavaScript task runner. It can prepare your code for production with one simple command. What can Grunt do ? Grunt is a JavaScript task runner and it’s able to compile your CoffeeScript, Less or Sass files , lint all your JavaScript, minify it or even put all of it in one file by concatenating them. Grunt is an amazing automation tool that allows you...
Read more

Introducing Yeoman

Web developers all have different ways of working, but there’s always that set of frameworks and libraries we install on each project no matter what. With this comes the tedious work of downloading each one and placing them in our project folder; this doesn’t sound like much if done once or twice but when it’s necessary almost everyday it becomes a tedious task. If you share this opinion Yeoman is right up your alley. What is Yeoman ? Yeoman is a workflow, it’s not just a tool but a collection of tools...
Read more

How to migrate from Bootstrap 2 to Bootstrap 3

Bootstrap is without a doubt the most widely used front-end framework, it's thought to power 1% of all websites currently on the web and if we look at how Bootstrap is built it's easy to see why, it simply makes development so much easier for us. Now the RC2 of Bootstrap 3 is out and they have completely redone the framework from top to bottom. Let's now see what has changed to help your migration a little. The grid The grid is one of the biggest changes and has been completely rebuilt for a mobile-first approach...
Read more