CSS

In my previous tutorial about Framer, I talked about the framework's basic concepts and showed you how to use them to create simple mock-ups. In this tutorial, I am going to focus on a few more advanced features of the framework that allow you to add more complex interactions and effects to your mock-ups.

In my previous tutorial about Framer, I talked about the framework's basic concepts and showed you how to use them to create simple mock-ups. In this tutorial, I am going to focus on a few more advanced features of the framework that allow you to add more complex interactions and effects to your mock-ups.Read More…

With Framer, an open source prototyping framework, you can quickly create interactive mock-ups for your iOS and Android apps using Javascript, HTML, and CSS. In this two-part series, you will find everything you need to get started with Framer 3.

With Framer, an open source prototyping framework, you can quickly create interactive mock-ups for your iOS and Android apps using Javascript, HTML, and CSS. In this two-part series, you will find everything you need to get started with Framer 3.Read More…

In this tutorial, I want to share with you how to embed private members into an object using what I call “closure space”. I'll show you how you can use this for your own projects, and how performance and memory are affected for the major browsers.

In this tutorial, I want to share with you how to embed private members into an object using what I call “closure space”. I'll show you how you can use this for your own projects, and how performance and memory are affected for the major browsers.Read More…

In the previous part of this series, we implemented image upload functionality for the users while adding a wish. We also added a few more options related to a user's wish on the Add Wish page. In this tutorial, we'll take it to the next level by implementing the functionality to like a particular wish.

In the previous part of this series, we implemented image upload functionality for the users while adding a wish. We also added a few more options related to a user's wish on the Add Wish page. In this tutorial, we'll take it to the next level by implementing the functionality to like a particular wish.Read More…

In the previous part of this series, we implemented paging for the wish list on the user home page. In this part of the series, we'll implement an option for the user to upload an image representing a wish, an option to mark the wish as accomplished, and an option to set privacy.

In the previous part of this series, we implemented paging for the wish list on the user home page. In this part of the series, we'll implement an option for the user to upload an image representing a wish, an option to mark the wish as accomplished, and an option to set privacy.Read More…

In the previous part of this tutorial series, we created a custom directive and used it in our simple shopping cart application. In this part of the tutorial series, we'll see how to make the total div stick to the top while scrolling the browser. We'll also create a checkout page where we'll display all the items selected by the user.

In the previous part of this tutorial series, we created a custom directive and used it in our simple shopping cart application. In this part of the tutorial series, we'll see how to make the total div stick to the top while scrolling the browser. We'll also create a checkout page where we'll display all the items selected by the user.Read More…

In this series, we'll be using Python, Flask and MySQL to create a simple web application from scratch. It will be a simple bucket list application where users can register, sign in and create their bucket list. We'll be using Flask, a Python web application framework, to create our application, with MySQL as the back end.

In this series, we'll be using Python, Flask and MySQL to create a simple web application from scratch. It will be a simple bucket list application where users can register, sign in and create their bucket list. We'll be using Flask, a Python web application framework, to create our application, with MySQL as the back end.Read More…

In the previous part of this tutorial series, we saw how to get started with creating a simple shopping cart using AngularJS. We created a simple design but there wasn't really enough AngularJS to call it an AngularJS application. In this part of the tutorial series, we'll create a custom AngularJS directive to implement the required functionality.

In the previous part of this tutorial series, we saw how to get started with creating a simple shopping cart using AngularJS. We created a simple design but there wasn't really enough AngularJS to call it an AngularJS application. In this part of the tutorial series, we'll create a custom AngularJS directive to implement the required functionality.Read More…

So far this series has focused on some of the changes we as developers can implement to ensure our themes and plugins are accessible. In this article, we change tack slightly, and discuss how we might go further and proactively help people use our extensions to produce accessible websites.

So far this series has focused on some of the changes we as developers can implement to ensure our themes and plugins are accessible. In this article, we change tack slightly, and discuss how we might go further and proactively help people use our extensions to produce accessible websites.Read More…

Sometimes you may want to make the different sections of your website or blog look quite different, either with different branding or different colors. Here I'll show you how to use classes output by WordPress to do just that.

Sometimes you may want to make the different sections of your website or blog look quite different, either with different branding or different colors. Here I'll show you how to use classes output by WordPress to do just that.Read More…