Animated Scroll By Speed Not Duration

Animated scrolling is a web trend that came from single page websites, when a visitor clicked on a link the site doesn't navigate to another page but a section within the current page. You can do this by using internal anchor tags which will navigate to an ID on the page. Without animated scrolling the page will jump to this section, which doesn't look great so the animated scroll become

Read more...

Find Actions And Filters Available In WordPress

When it comes to WordPress development you can pretty much do anything you want, but you will only realise this when you understand how WordPress works and how it's all put together. The two main areas of WordPress development to understand is the difference between actions and filters. Actions allow you to assign functions to run a certain point in the code, when looking into the WordPress core code you

Read more...

Social Media Colours

Whenever creating a new site I always find myself going to the major social networking sites to grab their colours to use in icons or buttons. Instead of having to go to all these individual sites I wanted one place to go and get these colours when I needed them. So here's a list of some of the major social media network colours. Facebook Hex: #3b5998 RGB: 59, 89, 152

Read more...

Share Multisite Media Libraries

When you use WordPress multisite functionality you are creating a brand new site for each site in the network. This means that they will use different content, different menus and different widgets. They can re-use the same plugins and themes as each other but they are treated as completely different sites. While doing client work with WordPress multisite I've noticed that most sites want to kept separate but because they

Read more...

Continuous Deployment With Dploy.io

In modern day development in both Web and Software it's important to be able to make changes and features quickly, this has lead to a practice of continuous deployment which will work with your code repository to deploy your code as you commit your changes. This differs to the older practice of making changes to your code and using FTP to deploy these to your server. A benefit of continuous

Read more...

Headroom.js

Headroom is a Javascript plugin that allows you to hide the header until the user really needs it. Many people have websites with a fixed position header bar at the top of the page, this will stay at the top of the page all the time the user is on the site. This is a nice way to make sure that the header is easily accessible all the time the

Read more...

Web Developer Checklist

There are lots of things a web developer must remember to do when creating a website, just creating the HTML isn't enough. You need to make sure that the website performs well in all areas that the client will want to focus on. You need to make sure that you remember: Mobile Analytics Performance SEO Security Usability Semantics Code quality Accessibility Social Media Humans.txt Here is a great resource for

Read more...

GlyphSearch Directory

GlyphSearch is a directory of 4 of the most popular Glyphicon fonts. Font Awesome Glyphicons Icon Moon Ionicons If you are searching for a specific type of icon to use just enter it in the search box and GlyphSerarch will search through all 4 fonts to find matching icons. These use fonts to add icons to your application, there are many benefits to using Glyph icons in your application over

Read more...

Guzzle PHP RESTful Web Service Framework

Guzzle is a PHP framework to handle HTTP requests for RESTful web service clients. Using Guzzle will allow you to make CURL requests with a simple interface to communicate with the web service. All the power of cURL with a simple interface. Persistent connections and parallel requests. Streams request and response bodies Service descriptions for quickly building clients. Powered by the Symfony2 EventDispatcher. Use all of the code or only

Read more...

CSS3 Icons

With this library you have a selection of 200 icons using just CSS3 in one or two HTML elements. All you have to do is browse the icons you see in this library and click the icon you click. This will then display the HTML and CSS you need to recreate the icon to use in your own website. Volume Icon The CSS The HTML Download Icon The CSS The

Read more...

1 2 3 4 5 6 7 8