background preloader

Web Designing and Coding

Facebook Twitter

Mysql - Can HTML be embedded inside PHP "if" statement. Modernizr. Learn Vim Progressively. Tl;dr: You want to teach yourself vim (the best text editor known to human kind) in the fastest way possible. This is my way of doing it. You start by learning the minimal to survive, then you integrate all the tricks slowly. Vim the Six Billion Dollar editor Better, Stronger, Faster. Learn vim and it will be your last text editor. I suggest you teach yourself Vim in 4 steps: SurviveFeel comfortableFeel Better, Stronger, FasterUse superpowers of vim By the end of this journey, you’ll become a vim superstar.

But before we start, just a warning. 1st Level – Survive Install vimLaunch vimDO NOTHING! In a standard editor, typing on the keyboard is enough to write something and see it on the screen. You should feel a bit better. You now know how to switch between Insert and Normal mode. I → Insert mode. Only 5 commands. But first, just a little remark about Normal mode. A last word about notations: instead of writing Ctrl-λ, I’ll write <C-λ>.commands starting with : end with <enter>.

Better Stronger. Clearing a float container without source markup. (This clearing technique was developed by Tony Aslett, of csscreator.com. The earliest known mention of the basic :after idea is found here.) Notice as of March 4th, 2008: The article you are reading is getting a bit old and much new information on the subject of clearing has appeared since it was written. You may find this newer article very interesting. Clearing Floats The Old Fashioned Way When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller.

This float-enclosing behavior in IE can also be 'toggled' off again just by hovering of links within the container, if that hovering alters either the link background or one of several other CSS properties. The W3C suggests placing a "cleared" element last in the container box, which is then recognized by the container height, forcing the container to enclose the float above that cleared element too. <div><! PHP for Beginners: Building Your First Simple CMS. The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work. To get our feet wet as back-end developers, we’ll be creating a simple PHP class that will: Create a databaseConnect to a databaseDisplay a form with two fieldsSave the form data in the databaseDisplay the saved data from the database Download Files This class is intended to give you a feel for how PHP and MySQL interact together, and to show the basics of a CMS.

Building the Class Our first step is to simply lay out the class in a file named ‘simpleCMS.php’ so we have a road map to work with. As you can see, we’re creating one class with four variables and five methods. The Variables Build the Database Connect to the Database Build the Form <! <? 60 High Quality Free Web Templates and Layouts. When it comes to building your website with the most perfect design and usability, web templates always come in handy. These ready-made web themes take the pain out of creating a website from scratch and come with all sorts of useful and advanced features. To help you make the best choice among a gamut of different web templates, here are 50 of the best, free and high quality website templates that you can download and customize for your own use.

Check the following list for a brief detail on each template. 60 Free Beautiful PSD Website Templates to Download 60 Free Beautiful PSD Website Templates to Download Are you looking for some stunning PSD website templates to give your website a fresh look? App Starter App Starter is a multi-colored, single-page web theme, which works well to publicise your web or mobile applications. Appy Appy, a single-page template that comes with a modern web design. Asymmetry Asymmetry is a web template for creating business and portfolio websites. Avana Bow Boxus. Step by step CSS float tutorial. Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.

General info Tutorial 1. Floating an image to the right Float an image to the right of a block of text and apply a border to the image. Tutorial 2. Floating an image and caption Float an image and caption to the right of a block of text and apply borders using Descendant Selectors. Tutorial 3. Float a series of images down the right side of the page, with content flowing beside them. Tutorial 4. Float a series of thumbnail images and captions to achieve an image gallery. Tutorial 5. Float a simple list into rollover "back" and next "buttons". Tutorial 6. Float a simple list, converting it into a horizontal navigation bar. Tutorial 7. Float a scaleable drop cap to the left, resize it and adjust line-heights to suit your needs. Tutorial 8. Float a left nav to achieve a two column layout with header and footer. Tutorial 9. CSS Lint.