I recently completed a seven part series on Learning LESS, and we had a lot of commenters who requested a similar series on Sass (Syntactically Awesome Stylesheets). While there is a lot of discussion out there as to whether or not LESS or Sass is better, both have their place, both accomplish the same overall goal, and both can make your life (and your coding) much simpler and easier. What is Sass? ... Sass, which stands for Syntactically Awesome Stylesheets, is a "meta-language on top of CSS that’s...
One thing that makes WordPress so dynamic is the ability for readers to easily post comments. This interaction between you and the readers is therefore an important element in your website and should be given the same attention as other sections of your website. So what can you do to improve the comments section on your WordPress website? 1. Removing HTML Links in User Comments ... People, and especially bloggers, are always looking to promote themselves on other websites and no doubt will try to do that...
HTML5 includes a host of new input elements, such as the output tag. Using the output tag in conjunction with the "oninput" event listener, you can create simple or complex Web page calculators, giving the user instant results. The output tag allows you to build forms using semantic markup, since the element is specifically designed for displaying calculation results. In this tutorial we will create a simple Web page calculator to demonstrate using the output element. Many of the new input elements...
We'll finish our Learning LESS series today as we talk about putting your LESS into action on your web projects. Today's post will be slightly different than previous posts, as we won't really showcase new techniques and code examples as much as we'll talk about how to use LESS, projects you can work on to jump start your LESS development and more. Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action Coding With...
We're getting to the end of our Learning LESS series, and this is one of the posts I'm most excited about. One of the best features of LESS is how modular and organized your code can be, and how it doesn't add much weight or calls to your live sites (if you compile locally with LESS.app, CodeKit or some other compiler). Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action Grab a cup o' joe, your favorite text editor and...
Offline storage is one of the most anticipated features of HTML5. With users browsing to your pages and accessing your Web apps on various devices, often with limited connectivity, the Application Cache utility could prove to be a serious advantage. With HTML5 App Cache, you can instruct supporting browsers to cache copies of certain files. Once these files have been downloaded they will then be accessible offline. In this tutorial we will work through a simple example of caching a page, including...
A challenge that many website owners face is how to supply continuously fresh content for new and repeat visitors to peruse. It can be a very time-consuming task to manually upload regular updates. Fortunately, there is an easy way to showcase free, readily available news content on a wide variety of topics. We will examine a quick and effective method of incorporating RSS (Really Simple Syndication) coding in order to add news content to any site. First, let’s look at what RSS is, and how it works....
The HTML5 Server-Sent event model allows you to push realtime data updates from the server to the browser. In this tutorial we will work through the process, with the EventSource object handling received data and writing it to the page. We will use HTML5 and JavaScript at client side, with PHP at server side. With existing models such as AJAX, the code in a Web page would continually ask the server to supply new data, but the onus was on the client to request the information. With Server-Sent requests, you...