Articles by Sara Vieira

Sara Vieira is a freelance Web Designer and Developer with a passion for HTML5/CSS3 and jQuery. You can follow her on twitter or check out her website.

How to build a weather app with HTML5’s Geolocation API

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...

An Introduction to Facebook’s React JavaScript library

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...

How to create your first Anchor theme, part 2

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...

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...

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,...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress