How to create your first Anchor theme, part 1

We all know there are a lot of choices when it comes to choosing a CMS for our projects. Sometimes we want something more complex like Wordpress or Joomla that allows us to create a bigger site, but other times you just want a simple good looking blog, and for that Anchor CMS may be the perfect choice. What is Anchor CMS? ... Like its website says, Anchor CMS is a lightweight blog system that allows you to create a blog really easily. Even though it is a lightweight solution it does have some great features that...

How to use the Dribbble API

One of the websites most commonly used by designers to showcase their work is most definitely Dribbble and most designers already have their shots on dribble so why not combine the best of both worlds and use the Dribbble Api and Jribbble to showcase the shots in your portfolio ? In this article we’ll create a simple one page portfolio with some text, social links and your latest Dribbble shots that you can use as the basis for your next portfolio.   The HTML ... Before we start with the actual...

8 awesome extensions for Brackets

Brackets has not yet replaced Sublime Text as my primary text editor, but it’s a definite possibility. The quick edit functions are great, it’s always nice to have a color picker handy, it’s light, it’s fast, and it looks kinda purdy. I’ve used it for light editing, as well as a couple of code experiments, so I have a pretty good idea of what it’s like to use it regularly. I have a few issues, of course; getting the live preview to work with a local copy of WordPress seems downright impossible at...

3 simple ways to white-label WordPress

WordPress is the most widely used CMS, it’s employed to build countless websites and we can customize it to the max. But sometimes we forget about the admin panel. Clients love white-label products because they feel bespoke. So today, we’ll cover three simple ways to customize the WordPress admin panel to make your clients feel that they’re using their own dedicated CMS. 1. Change the login logo ... This is a popular hack in the WordPress community. It’s achieved by changing the logo CSS and...
CSS

How to use Animate.css

Let’s face it, the parts of CSS3 that first caught our attention were the animations and transitions. They’re something we never had before without the inclusion of JavaScript. And just because it’s CSS, doesn't mean there aren’t libraries out there to help you. One of them being Animate.css. What is Animate.css? ... Animate.css is a library that comes with dozens of cross-browser fun animations built-in that you can use in your project very easily. It’s the same idea as some of the JavaScript...

A simple introduction to Swift

At the WWDC 2014 Apple introduced a brand new programming language called Swift,. It's a language that has been created by Apple from the ground up to be both very efficient and very beautiful. Swift uses the same API's as C but in my opinion is easier to learn and get a grasp if you come from a web development background like me. If you are just as exited about this language as I am, then this is the article for you. Variables and constants ... Declaring variables in Swift, if you come from a Javascript background,...

10 essential JavaScript resources for HTML5

You have to love the developer network. Whilst HTML5 remains a relatively new standard, there are plenty of open source and paid for resources available to help you work with HTML5 using JavaScript. JavaScript is necessary for many HTML5 elements such as <canvas>, <audio> and WebGL. However, as I said, there are tools, libraries and framework resources to help you, so let’s get started looking at some of them. 1) HTML5 Boilerplate ... It’s likely that if you’re already working...

How to use the Network Information API

All the websites we build should be responsive; not just to browser speed, but to network condition. In this article I'll introduce the Network Information API, that helps us detect a device’s current bandwidth and allows us to modify our site if the speed is slower than we need. Browser support ... We usually can’t expect support for experimental APIs and in this case, the only two browsers that support it are Firefox and Chrome. In both cases, you need browser prefixes. How to use the Network Information...
Load more
Home CSS Deals DesignBombs HTML HTML5 JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress