background preloader

The Ultimate Guide to .htaccess Files

The Ultimate Guide to .htaccess Files
Apache's .htaccess configuration files have baffled countless developers. This tutorial aims to break through this confusion by focusing on examples and thorough descriptions. Among the benefits of learning .htaccess configuration is automatic gzipping of your content, providing friendlier URLs, preventing hotlinking, improving caching, and more. Introduction: I’ve read a number of .htaccess articles online. “Give a man a fish and he will eat for a day. In this article I’m going to try to not just show you examples of useful .htaccess directives, but explain exactly what is going on. My focus will be on Apache 2, however much of this will apply to Apache 1.3 and I'll try to point out any differences that I know of. Finally, this tutorial will make the most sense if you read it in order. What is .htaccess? To quote Apache: .htaccess files (or “distributed configuration files”) provide a way to make configuration changes on a per-directory basis. Directives Enabling .htaccess: Comments Headers

Using .htaccess files - Media Temple Introduction The .htaccess file is a powerful tool for modifying your Apache configuration on a per-domain and even a per-directory level. Many content management systems rely on .htaccess files for configuring your site. You can also create your own .htaccess file manually. Requirements Before you start, be sure to have handy: Familiarity with the use of FTP and an FTP client.Your FTP login credentials and an FTP client.Plain text editor This article is provided as a courtesy. The publishing of this information does not imply support of this article. Video Watch this video to learn more about creating and editing .htaccess files. Creating the .htaccess file Your .htaccess file needs to be a plain text file. On a Windows machine, you can use Notepad, which is one of your built-in accessories.On a Mac, you can use TextEdit. When you save your document, make sure you name it htaccess.txt, or something similar. Uploading your .htaccess file .htaccess file priorities Tips PHP values php_value

What is .htaccess? - Apache .htaccess Guide, Tutorials & Examples What is the .htaccess File, and What Can I Do With It? You may have been working on a website, or reading an article about web development, and heard about the .htaccess file, but wondered what it was, or what, if anything, you can do with it. This tutorial will tell you the basics about .htaccess, and show you a few ways you can use it on your website. Before we go any farther, let's explain what the .htaccess file is. htaccess is short for Hypertext Access, and is a configuration file used by Apache-based web servers that controls the directory that it "lives" in--as well as all the subdirectories underneath that directory. Many times, if you have installed a Content Management System (CMS), such as Drupal, Joomla or Wordpress, you likely encountered the .htaccess file. You may not have even had to edit it, but it was among the files that you uploaded to your web server. Custom Error Pages for Better SEO One use of the .htaccess file is to redirect users to a custom error page depending on the specific web server error they encounter.

10 jQuery Plugins with Google Material Design Google’s material design is becoming popular due to better user experience, eye catching animations and its simplicity. In this post, find a complied list of jQuery plugins which have created material design effects. These plugins provides material design effects to progress bar, buttons, charts, timer, stopwatch, notifications and input controls. 1. Material Preloader is a jQuery plugin that recreates the Material Design preloader (as seen on Google inbox). 2. A small JavaScript application that conforms to Google’s material design guidelines. SnackbarJS is a lightweight and jQuery powered plugin to create Material Design snackbars and toasts with ease. 4. MProgress.js is a Google Material Design Progress linear bar by using CSS3 and pure JavaScript. A jQuery plugin used to create a Google Material Design inspired loading spinner using SVG and CSS3 transforms. A Google Material Design styled pie menu for navigation in webpage. 7. legitRipple.js 8. 9. 10.

Understanding Floats A mini-tutorial on how the CSS float and clear properties work, and how to use them in your page. Note: all examples in this tutorial use inline-CSS to illustrate what is going on. You should not do this in your pages, but should instead abstract the styles out into a separate style sheet. For more information, see the "Separate Style from Content" tip in another tutorial of mine, "How to Develop with CSS". What float does The float property causes the item to which it is applied to 'float' to the side of the content which comes after it, with this content wrapping around it. <p><span style="float:right; background:#ccf">I'm a little floater</span> I'm 'normal' content, and I wrap around any floats which appear before me in source code. I'm a little floater I'm 'normal' content, and I wrap around any floats which appear before me in source code. Note that block-level elements will still wrap around the float: <p style="float:right; background:#ccf; width:10em">I float! I float Hello World

CSS float tutorial This article or chapter is incomplete and its contents need further attention. Some information may be missing or may be wrong, spelling and grammar may have to be improved, use your judgment! Page created by Daniel K. Schneider, 16 November 2011Last modified by Daniel K. Schneider, 19 November 2011 Learning goals Understand CSS float Be able to create simple layouts using floats Prerequisite CSS box model tutorial Concurrent CSS tutorial (summary) Moving on Level and target population Beginners Teaching materials (Examples) Remarks This tutorial is intended for students in a field that is technology intensive (e.g. computer applications or educational technology). 1 Introduction This is a green float This is a yellow float The float property was meant to create boxes around which other text can flow, e.g. something like the little green box to the right of this page. Below is the code for both the float:left and float:right example Simple float:left example (see the little yellow box to the left)

Float Floating is often used to push an image to one side or another, while having the text of a paragraph wrap around it. This type of usage is often referred to as text wrapping and resembles what you might see in many magazines that have articles which wrap around images of various shapes and sizes. Wrapping text around an image is easy when using the CSS Float attribute. You have a choice to either float the picture to the left or to the right and the rest is done for you. Below is an example of an image that is floated to different sides of a paragraph. CSS Code: HTML Code: <body><img src="sunset.gif" class="floatLeft"><p>The images are contained with... Display: The images are contained within the paragraph tag. This second paragraph has an image that is floated to the right. If you were to simply float three images to the right, they would appear alongside one another. The images are appearing below one another because the CSS clear attribute was used with the value of "right".

Lesson 13: Floating elements (floats)entutorial - An element can be floated to the right or to left by using the property float. That is to say that the box with its contents either floats to the right or to the left in a document (or the containing box) (see lesson 9 for a description of the Box model). The following figure illustrates the principle: If we for example would like to have a text wrapping around a picture, the result would be like this: How is it done? The HTML code for the example above, look as follows: <div id="picture"><img src="bill.jpg" alt="Bill Gates"></div><p>causas naturales et antecedentes, idciro etiam nostrarum voluntatum... To get the picture floating to the left and the text to surround it, you only have to define the width of the box which surrounds the picture and thereafter set the property float to left: Show example Another example: columns Floats can also be used for columns in a document. <div id="column1"><p>Haec disserens qua de re agatur et in quo causa consistat non videt... Show example Show example

CSS Floats 101 The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS. Tragically, it can also cause frustration and confusion if you don’t fully understand how it works. Article Continues Below Also, in the past, it’s been linked to some pretty nasty browser bugs so it’s normal to get nervous about using the float property in your CSS rule sets. We see floats in the print world every time we pick up a magazine article with an image on the left or right with text flowing nicely around it. The definition#section1 Let’s start with the definition of a float. A float is a box that is shifted to the left or right on the current line. The float property has four values that we can apply to it: left, right, inherit, and none. Here is a simple example like the magazine reference above, Example A and the corresponding markup: How floats behave#section2 Nothing too complex, but still pretty cool right? Let’s look at a few more examples. In the clear#section3

20 Useful PHP Components & Tutorials for Everyday Project Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed Ajax technology. When you combine some neat functionality courtesy of PHP with the cleverness of javascript you can produce some pretty cool results. In an effort to help you take it up a notch, we’d like to share some methods for helping your site anticipate a user’s next move. The list below is made up of the best 20 FREE PHP Components and Tutorials that you will likely need in many of your projects, they are all of the highest quality and more or less easy to configure. Give them a try. 1. pChart is a PHP class oriented framework designed to create aliased charts. 2. PHP component ready to use to implement a search form with an autosuggest feature using PHP and MySQL. 3. If you are a huge fan of WordPress’ method of individual article deletion where you click the delete link, the menu item animates red, and the item disappears. 4. 5. 6. 7. Check out the demo here 8. 9.