38 private links
Create responsive, mobile first WordPress websites using the Timber library and Advanced Custom Fields.
In the wake of React—Facebook’s UI library—came Webpack, a simple but awesome module bundler. Module bundlers are just what they are called, they bundle up JavaScript modules into one file. This way, when the client makes a request to your server, it doesn’t have to make multiple requests for static files. Instead, one file is requested, which in some cases, includes your JavaScript bundle and CSS style. This helps optimize load time and makes you more in control as you can choose to include only what you need when you need it.
Docker for Drupal presentation
React, despite being a young library, has had a significant impact on the front-end development community. It introduced concepts, such as the virtual DOM, and made the community understand the power of components. Its component oriented design approach works well for the web. But React isn't limited to the web. You can use it to develop mobile and even terminal user interfaces.
Setting up a local environment for WordPress is a common need for developers. Since everything runs on your computer, loading times are significantly lower and you can safely test things before you try them out in a live production environment.
Local WordPress installations aren’t just for coders, though. As a user, local environments let you try out themes and plugins much more quickly, create as many installations as you need, and play around with WordPress without fear of wreaking havoc on your live website.
Many people use XAMPP or MAMP instead of the somewhat newer Vagrant. These are great choices but Vagrant is a lot more flexible and just as easy.
In this guide I’ll give you easy to follow, instructions on how to set up Vagrant you can copy and paste. We’ll go from zero to a fully functioning WordPress installation, so let’s dig in!
With the new Apple TV, the Cupertino based giant has introduced a new operating system, based off iOS, called tvOS. tvOS is essentially iOS but modified. Using common frameworks and the your favorite programming language (Swift, of course!) we will explore tvOS by writing a few simple apps.
Having covered actions and outlets in the previous chapter, it is now time to make practical use of these concepts. With this goal in mind, this chapter will work through the creation of a WatchKit app intended to demonstrate the way in which the Interface Builder and Assistant Editor features of Xcode work together to simplify the creation of actions and outlets to implement interactive behavior within a WatchKit app.
In this tutorial I'll show you three methods you can use to override functions from the parent theme in your child theme:
pluggable functions
function priority
removing functions from the hook they're attached to
In this tutorial, I'm targeting the third group I mentioned: people who know just enough jQuery to get by.
Drawing with divs and other native HTML elements is possible, but a bit clunky and subject to the usual inconsistencies across different browsers. Using SVG is more reliable, visually consistent, and faster.
Vector drawing software like Illustrator can be used to generate SVG files, but we need to learn how to generate them with code.
This tutorial will explain in detail how to add support for the WordPress theme customizer to your WordPress theme.
Susy is a helper tool that lets you created ultra customizable grids on the fly easily.
Meteor is a full-stack development platform that makes it easier than ever before to build real-time web applications. This tutorial will get you up and running with Meteor in no time.
With the introduction of HTML 5, the audio tag provides a simple way to play audio files without the use of Adobe Flash. However, with the generic controls attribute, all audio tags look the same, but without any controls defined, the audio tag is invisible. In this tutorial I provide examples and a simple library on interacting with the audio element through Javascript and CSS. This provides the developer the ability to stylize all of the buttons and make a custom UI for the Audio element.
Start communicating ideas and diagramming data in a more interactive way. In this course, author Barton Poulson shows how to read, map, and illustrate data with Processing, an open-source drawing and development environment. On top of a solid introduction to Processing itself, this course investigates methods for obtaining and preparing data, designing for data visualization, and building an interactive experience out of a design. When your visualization is complete, explore the options for sharing your work, whether uploading it to specialized websites, embedding the visualizations in your own web pages, or even creating a desktop or Android app for your work.
In CSS we have many ways to style things in any way we want. When it gets to forms though, things get a little complicated. Text inputs are easy, but checkboxes and radio buttons are very difficult to style with CSS. In this tutorial I’ll show you exactly how to style these inputs and make awesome forms with just CSS!
This article offers an alternative to the laborious task of coding up which
The tools are Compass combined with Sass (which means Sytactically Awesome Stylesheets or some random crap like that).
Sass is cool because it lets you do a whole bunch of stuff with CSS that you couldn’t normally. It’s a kind of abstraction layer above CSS which means you can write normal CSS if you want, but then why wouldn’t you just write normal CSS instead of using Sass?
I’m getting slightly ahead of myself, but With Sass you can do awesome things like variable/placeholders which is awesome for things like defining core elements of a stylesheet such as a palette of colors.
In this tutorial I’ll show you how easy it is to do just that — submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background). Let’s get started.