It sounds really impossible that a language like CSS can be object oriented but it is possible to implement OOP ideas in CSS to make it into a much more pleasant writing experience whilst along the way making your CSS faster to load. What is object-oriented CSS? ... When you hear “object oriented CSS” you may think that this is somehow a new CSS, a pre-processor or something that was added to CSS but no, object-oriented CSS is the same CSS we have always written; but in a cleaner, dryer way so it's merely...
The most amazing part of all the technologies that came with HTML5 is how easily they can be used to create little apps that make our lives a lot easier. It’s surprisingly simple to combine them to create something practical and simple. Today we will be using geolocation and the Weather Underground API to create a simple Weather App that will determine where you are and tell you the current weather for your location. To work with the Weather Underground API you will need an API key but don’t worry...
Nowadays, most of us use JavaScript frameworks. That’s because they allow you to abstract the DOM and avoid dealing with HTML. These frameworks are always cropping up, some good, some bad. One of the better is React, which has been put together by the team at Facebook. React is a library for building user interfaces that uses JSX, an XML-based template language that compiles to JavaScript and in essence creates a virtual DOM for you. Using React ... To get started head over to the website and download...
In the first article we saw the beginnings of a an Anchor theme, as we created the header and got a better understanding how Anchor works under the hood. In this article it's time to get our hands dirty in the posts.php file and with the footer in order to finish our very simple Anchor theme. posts.php ... This is the page where you get all the home page posts, the blog page if you wish, and this is where we’ll perform our main loop and place all our posts. The first thing we need to do is get the header and open our...
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...
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...
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...
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...