Most of the web pages you encounter is presented to you via HTML, the world wide web’s markup language. In this article, I will share with you 20 best practices that will lead to clean and correct markup.
Before we can write our function, we need to understand exactly what we’re trying to do. Our goal is to cache our sidebar to a text file and update that cache whenever we publish a post, change our theme or make changes to the sidebar widgets. Since we’re planning on using our cache to display the sidebar on a different application, we need to be able to easily delete the cache without any ill-effects (we don’t want our sidebar broken at any time).
It’s easy enough, when you do have your site built, to have a page that displays that user’s info based on their UserID or any other variable you choose to use. Like: awebsite.com/a_page.php?UserID=something.
Let’s take it further and dynamically create a directory and place a default start page for each user based on their name so they have their own personal URL and space on your site. Like: awebsite.com/username.
This is completely done in DW8 with very little hand coding at all. You’re gonna find it opens many doors for you and your users. It took me years to figure this out and make it work this way. Now you can in minutes.
Read MoreIn this detailed manual you'll find information on building Mobile Websites, creating dynamic menus and the features in detail packed in the Sliding Menu extension.
HTML5 has a new attribute, contenteditable, which can be applied to any element which allows it to be edited directly in the browser window. Think of text input with a predefined value, but it can literally be any element. Form elements like text inputs support the :focus pseudo class, which allow us to style those elements when they are clicked upon or otherwise navigated to.
If you're like me, you tend to create your websites using templates to make updates easier across your sites, right? Wouldn't it be nice to have dynamic information within those templates once in a while?
I tried for years, and always got that "codeOutsideHTMLIsLocked" message. I had given up on it altogether for a really long time.
This may not be news for everyone, but recently I figured it out and it made a huge impact on my designs and options.
It's all about "includes"! Let's go through it in an easy to understand manner, shall we?
Read MoreReleasing a WordPress theme on a marketplace, such as ThemeForest, where the audience is so large and diverse, has some challenges. You cannot test a solution directly with the client. You need to plan in advance for all edge cases, and ensure that your theme is as customizable as possible. If you’re inexperienced, chances are that some things will unfortunately slip through the cracks. Luckily for you, we have drawn on our hard-earned wisdom to help you avoid repeating the same mistakes we made.
This is Part 2 of a four-part tutorial on editing WordPress themes using Adobe Dreamweaver CS5. Part 1 covered the basics of WordPress and the components that make up a WordPress theme. This article focuses on setting up WordPress (version 3 or higher), installing a local server (XAMPP on Windows or MAMP on Mac OS X), creating a local Dreamweaver site and testing server, setting up code hinting, installing theme files, and previewing a main theme file.
Last week we went through the process of designing a stylish blog layout in Photoshop. Now let’s take our visual concept and cut it into slices for use with neat HTML and CSS code. All our browser testing will be done on this coded concept before converting the design into a full WordPress theme.
This tutorial starts with the Photoshop stage of the blog design process, and shows how the design and layout are created to form an initial concept from which the fully coded blog will be based on.