What is .htaccess? One of the most common files found on most web hosting servers also happens to be one of the least understood, especially for a large number of novice web hosting clients and website administrators. That file, called “.htaccess,” is used to determine any number of important settings, from the 404 Error page that is displayed to site users to the password applied to certain files or directories on the web server itself. Despite its vast functionality and usability, and the essential functions it enables that can only be setup with an .htaccess file, a large number of people simply don’t understand the syntax or functions it permits.
They’ve never had to master this file, or they’ve never understood the importance of learning to leverage the vast security settings and permissions-based directory access that .htaccess is most closely associated with. What is an .htaccess file? 1. 2. ValidUser:hard2guessPassword 3. Web development blog, news and tutorials - Developer Drive. Useful .htaccess Snippets.
.htaccess is one file that every web admin should know and understand. At its basic level it controls access to your sites directories. But there is much more that you can do, as the snippets in this post will show you. If you you would like to learn the basics of .htaccess, you should check our our Introduction to .htaccess article, which explains pretty well everything you will need to get you up and running. So, here are some useful .htaccess snippets and hacks: 1. Controlling Access to Files and Directories Password protection is one thing, but sometimes you may need to completely block users from having the option of accessing a particular file or directory. To do this, paste this code onto an .htaccess file and and drop it in the directory: However, this will block access to everyone, including you. Xxx.xxx.xxx.xxx is your IP. If you want to block access to a particular file, including .htaccess itself, use the following snippet instead: 2.
To prevent directory browsing, add this: 3. Responsive Design in 3 Steps. Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. To help you quickly get started with responsive design, I've put together a quick tutorial. I promise you can learn about the basic logic of responsive design and media queries in 3 steps (assuming you have the basic CSS knowledge). Step 1. Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. Internet Explorer 8 or older doesn't support media query. Step 2. In this example, I have a basic page layout with a header, content container, sidebar, and a footer.
Step 3. CSS3 media query is the trick for responsive design. The following set of rules will be in effect if the viewport width is 980px or less. You can write as many media query as you like. Conclusion. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Beginner’s Guide to Responsive Web Design. Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required.
As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. In fact, the magnitude of this paradigm shift feels as fundamental as the transition from table based layouts to CSS. Simply put, this is a very different way of designing websites and it represents the future. Free trial on Treehouse: Do you want to learn more about responsive web design? Over the past year, responsive design has become quite the hot topic in the web design community. What is responsive design? Let’s just get right into it: Believe it or not, the Treehouse blog that you’re reading this article on is actually a responsive design!
It’s hard to talk about responsive design without mentioning its creator, Ethan Marcotte. So, what is responsive design exactly? Tools for Creating Responsive Website Design | TechnoGerms. Advertisement With the popularity of mobile devices, smart phones and tablet devices, responsive/fluid web layouts designs have become an important part of modern web design so web designers are turning to create responsive design. That is why, now every web designers try to build responsive web design. The main reason behind building responsive themes is the increase use of mobile devices. Today a lot of traffic comes from mobile devices and it is now become crucial have a good responsive designed website.
It is difficult to create responsive website designs without using tools so tools are essential for making a responsive design because tool make your easy. A lot of free tools and resources are available for designer over the internet and many of these are geared directly towards responsive design. The first step of good design is always to make a good sketch. Responsive Wireframes Interface Sketch A very useful tool which help you to sketch your ideas. Multi-Device Layout Patterns. InK - Interface Kit.