We continue on our journey of Learning LESS today as we dive in to the wonderful world of Variables. If you haven't read Learning LESS: An Introduction, be sure to read that first to cover some intro to this topic. Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action So let's dive in to LESS Variables, and showcase some of what you can do with them. The Syntax ... The syntax for LESS is almost identical to CSS. And the...
Regardless of the social media networks that are popular at the time, email marketing will always be the number one way for a company or organization to connect with customers or clients. But, the average internet user has 2.3 email addresses and sends and receives an average of 112 emails a day. So what does that mean? That means your emails need to be clean, lean and quick to digest. With that in mind, I'm going to show you a great button replacement technique that will limit the number of images your email...
With CSS3, you can apply animated effects on Web page elements in 3D as well as 2D. In this tutorial we will go through the basics of rotating in 3 dimensions and will combine these transforms with the scale and translate transforms for more complex results. We will also add a basic level of interaction to animate the effects as the user interacts with the page. Create a Page with an Image Element ... Create a basic page with a CSS section in the head area, as follows: <!DOCTYPE html> <html> <head>...
A faster website leads to happier visitors. While you can make a million changes to your site’s code to speed up load times, there are some things that are just beyond your control. Things like network issues between where your site is hosted and where your visitors are. So what can you do to overcome things like network latency? Easy! You can use a service like MaxCDN which is a Content Distribution Network. We recently teamed up with MaxCDN to deliver even better performance to our blog. MaxCDN delivers...
In our last session, we showed how to list the ad banner data and client data. In this session, we will examine the form that allows administrators to enter ad banner data. First, we include the class_ads.php file and instantiate the ads class: <?php require_once("class.ads.php"); // instantiate ads class $oAds = new ads; Next, we assign a value for the $id variable by suing the setID function in the ads class: // check for id if ($id) { // assign unique id $oAds->setId($id); } If the form has posted...
Today, I'm proud to start a series of posts that will focus on LESS, the dynamic language that takes your CSS and puts it on steroids. LESS let's you use variables, mixins, nested rules, and even functions within your CSS. It's extremely powerful and can dramatically speed up your development. There is a little bit of a learning curve to it, but once you wrap your head around it, you won't type CSS again without using LESS. Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested...
One of the main reasons the emergence of CSS3 has been so hotly anticipated is the fact that, in combination with HTML5, it will pose a genuine alternative to technologies such as Flash. With CSS3 and HTML5, you will ultimately be able to create animated, interactive multimedia applications that will be accessible to users regardless of whether Flash is supported in their environment - great news if you're developing Web apps for iOS or for mobile users in general. In this tutorial we will create a simple...
Lots of excitement surrounds HTML5's native audio element. It promises cross browser standardized support for playing audio clips embedded directly in our web pages. With this new element, gone are the days of including a third party plug-in like Flash, QuickTime, or Silverlight. Of course, we're not quite there yet. Currently, the <audio> element is supported in these browsers: iOS 4+, Android 2.3+, Opera Mobile 11+, and As web developers, we must be careful to include fallback support...