WordPress Stylesheet Editor Tricks

Sunday, November 16th, 2008 at 7:42 pm

ABC Web Development

Web development can often be a totally baffling. Today, for beginners, I would like to introduce twenty-six concepts or technologies, each assignment of a letter of the alphabet. Sounds wonky? It probably is! We will start after the jump.

A - AJAX

AJAX stands for Asynchronous JavaScript and XML and is the main driving force behind all these super soft web applications has been using for the recent years.

AJAX, a technology has been widespread. GMail? Cheque. Flickr? Cheque. eBay? Cheque. It can even be found in the admin panel WordPress. So what you do and how?

In the center of it all is XMLHttpRequest that allows calls to be sent and received after a page is fully rendered without touching the rest of the page. This essentially means that a web application does not have to go through the upgrade one full page for each action. This in turn provides a much softer, much more immersive, desktop, and user experience.

Related Reading
How To Javascript raw AJAX applications
24 Best Practices for AJAX deployments
Submit a form without reloading the page using jQuery
B - Browser

A browser is sober structure in which to frame their magnificent works, either on websites or applications. No limit the recovery of web sites, though - all web browsers beasts modern multitasking. My installation, for example, draws on IRC, FTP on my development server and synchronizes my credentials through any device you use.

As you may have guessed, browsers are both the cause of joy and anger for both modern web developer - are valuable tools, as well as nuisance animals. Any developer who has to make sure that your work looks perfect in all browsers know the pain.

Related Reading
13 ways to test and validate their work browser
Top 5 Ways to Test your Browser Web Site
9 Most Common Mistakes and how to fix IE
C - CSS

CSS is a tip of the front end development trident. CSS, which means to Style Sheets Cascading is the language that defines how a page - your presentation, if you will.

During the days of horror web development, developers often are woven with the presentation of its source code. CSS, among other technologies, greatly relieved that provide a method of presentation will be joining from the content.

Related Reading
The CSS selectors 30 have to memorize
CSS 30 Best Practices for Beginners
Understanding the specificity CSS
CSS: Noob Ninja - The Complete Series video
D - DOM

The DOM, short for Document Object Model, the accepted convention is to interact HTML [or XML] documents. The DOM API provides a way to go and manipulate a document programmatically.

The DOM creates a hierarchy that matches HTML document structure analysis. Children are called nodes or DOM nodes.

If you hear someone talking about the DOM, most likely, we're talking about DOM scripting. This is the term used to describe programming to access and manipulate the DOM via JavaScript. This is the technology behind the web sites more modern applications that we see today.

Related Reading
JavaScript and the DOM of the series: Lesson 1
JavaScript and the DOM: Lesson 2
The Cathedral is a mess - Lecture by John Resig
E - Events

Modern web applications are deeply affairs events. But what is an event? Most of the things you do on a website constitutes an event. The trepidatious Mouse over a link NSFW fun, but possibly by clicking a button, press TAB to move to the next text field are valid for all events.

Event Management is the process in which to attach a specific part code that runs whenever a certain event is triggered. Again, this is one of the fundamental concepts behind modern web development you have to dominate.

Related Reading
JavaScript Null: Chapter 5 - Events
JavaScript events from the base
JavaScript Null: Cross-Browser link events
JavaScript Event Delegation in 4 minutes
F - Firebug

Any craftsman needs his tools to work efficiently. Developers site are not diverted from this rule. One of the strongest tools at all is Firebug.

Firebug is a Firefox extension that will drive the workflow. It allows you to edit and control all aspects a page on the fly. I can not explain all the features it offers, so be sure to hit the links below.

Related Reading
10 reasons why you should use Firebug
Like any CMS Using Firebug issue
Firebug: a White Belt Black
G - Grid

Networks are the visual frame in which pages are structured. Covers of the printing industry, once thriving, the networks are an essential part of the workflow of modern web development.

There are a number of CSS frameworks that address exactly this need since the construction of a Grid based design for a non-trivial number of pages and designs can be an exercise in masochism.

Related Reading
A detailed look at the 960 CSS Framework
A closer look under the CSS Plan
Intensive Course: YUI Grids CSS
Mastering the 960 Grid System
H - HTML

If you're reading this today, you probably already have a vague idea of what this is. If you were cheated in this relationship, however, read on. By the way, welcome to Nettuts! We write about web development, cookies and Justin Bieber.

HTML stands for HyperText Markup Language, the de facto markup language the web - web pages is as bricks are to households. HTML consists of several components or elements - tags, tag attributes and the content within the tags.

The latest version of the HTML standard, HTML5 is with us, bringing a host of new features, streamlining workflow and setting some incompatibilities.

Related Reading
"HTML5 and You" Course
30 Best Practices for Beginners HTML
28 Features HTML5, tips and techniques you should know
The 10 novice HTML tags are not using
I - IE

Ahh, Internet Explorer. The name evokes fear and anger. Once a hero who carried out the impressive new features in the market, with one hand moving the industry, but also dropped the ball to allow your browser to stagnate. To date, it is also the leading cause of alopecia at the ends against the developers. After a decade of abuse, the latest version of Internet Explorer, 9, is back on the right path to innovation.

Whatever your position on that Internet Explorer is is an intrinsic and inseparable part of the web development process.

Related Reading
Internet Explorer things became law
9 Errors common and how to fix IE
Internet Explorer was the box model, no?
J - JavaScript

JavaScript is the latest web development essential trio. JavaScript is not Java is the programming language of the website. Its use in billions of web pages and, more importantly, websites bet they say. That define the behavior through JavaScript - The management of events, DOM manipulation and talking to the server.

By adopting incredible libraries as jQuery, awareness and knowledge of JavaScript has been growing every year, year after year. I think it's fair to say that JavaScript is an absolute necessity for all modern web developers.

Related Reading
24 Best Practices for JavaScript beginners
JavaScript Null: Video Series
33 Developers should subscribe to a junkie JavaScript
K - Keyword Optimization

SEO refers only tangentially web development, but still, it is important that a web developer to have a basic understanding of what SEO is and what it does.

Optimization of words key refers to the process of choosing the right keywords for your website and then optimize them for your audience can find your site. While you are flirting with all the principles of SEO, remember this: content is king. If you have bad content with excellent positioning of users to find, but left shortly thereafter. If you have good content, users find and keep.

Related Reading
SEO Tools You Only Have you ever needed
L - Less

Less is a style sheet language with a few aces up their sleeves. Their website says that extends LESS CSS dynamic behavior, such as variables, mixins, operations and functions, and I am inclined to agree.

LESS is CSS anabolic steroids. Yes, it sounded better in my head, but you know what that means. That brings the concepts of Dynamic style sheet language CSS so I chose a lot easier to handle.

Related Reading
How to make the most of LESS
You need to check out LESS.js
Never enter a new vendor prefix
M - MVC

The Model View Controller pattern, known as MVC, is one of the most widely used web development world. It is an architectural pattern that separates each part of a web application into logical units for easier maintenance - Manage data models, views to handle the presentation, while the controller coordinates the flow of information between the two.

If you have used a modern Web development framework, which has used MVC. Ruby on Rails, CodeIgniter and Zend Framework all use this pattern.

Related Reading
MVC for Noobs
Create your first text with PHP MVC tiny
ASP.NET from scratch: MVC
N - node.JS

node.JS ushered in a new era of web development. Allows execution of JavaScript in an incredibly fast virtual machine [V8]. The consequences of such a paradigm shift can not be immediately apparent, but hour or so will make it clear as day.

Incredible speed and the ability to manage thousands of concurrent events are the main IO talking points along with the near universal user base JavaScript for developers.

Related Reading
Learning Server-Side JavaScript with Node.js
Official Site Node.JS
O - object

Object-oriented programming has been widely adopted by the community of programmers flexibility it brings to the table. With Object-oriented programming can write a few lines of code make it drier and therefore easier to maintain.

But what is an object? It is very difficult to explain in one sentence, contained semantic own, so be sure to hit the links below!

Related Reading
Object Oriented PHP for Beginners
The Basics of Object-Oriented JavaScript
Wikipedia link
P - PHP

PHP is the language clearly the most popular server side - that powers millions, possibly billions of web pages and applications.

Even in the face of a number of new and better options for writing undoubtedly web application, PHP has not only survived but prospered. WordPress, Joomla, Drupal, MediaWiki everything behind the use of PHP the scenes. One of the main reasons is the ease of deployment and the relative ease with which you can find servers that support PHP.

Related Reading
30 + PHP best practices for beginners
Why are you a bad PHP
9 Useful Features PHP and features you need to know
Q - Query

A consultation in our context can refer to a number of things. A query language used to interact with external systems for information. SQL is a good example that is used to obtain information from relational databases.

A query string, by contrast, are pieces of information that is transmitted to the Web application as part of the URL. This data maybe something on the page the user is trying to access the authorization ID of the transaction. Query strings formatted key-value pairs.

Related Reading
CodeIgniter from scratch: Search results without query strings
"Messages Comment Count popular "SQL Query on WordPress
R - Regular expressions

Regular expressions provide a flexible way to match the strings with specific patterns. It is written in a specific language that is interpreted by an interpreter. All modern languages come with support for regular expressions.

Related Reading
Regular Expressions for Dummies: Screencast Series
I know nothing about regular expressions: a guide complete
Advanced Search Tips regular expressions and techniques
S - Source Control

Source control is a common term throughout the development of the community, regardless of the issues we're focused on - the programmers working on everything from metal to control use cloud computing source.

But what is it? In short, source control allows a team of developers in the same subset of files with changes made by each member of the service monitoring and identification. Each version of the code base can be compared, merged or even restored.

Related Reading
Terminal, Git, GitHub and the rest of us: Screencast
A Visual Introduction to Git
Git version control easier with
Getting the drop GitHub
T - TDD

Again, one element common to almost all developers. TDD stands for Test Driven Development and refers to the process where the code and automated tests to prove that the code is written almost simultaneously. This eliminates much of the slowness of software testing and therefore, encouraging developers to test more often.

Related Reading
The Newbie Guide to Test-Driven Development
Development based JavaScript evidence in practice
How to test your JavaScript code with Qunita
U - Unit Testing

Unit testing is a subset of TFF in small source units are tested to ensure they are ready for production. While a unit is often referred to a method-oriented programming object, usually refers to the smallest portion of an application that can be tested independently.

Related Reading
How test the JavaScript code with Qunita
V - VIM

Vim is a text editor deep polarization that the famous editor of the hip Nettuts, Jeffrey Way, uses. Vim is free, open source and extremely feature rich. On the other hand, the learning curve is steep and almost unbearably without adequate resources, which will lose a lot time. Hit the links below to see if it's worth the change.

Related Reading
25 Vim tutorials, screencasts, and Resources
Top 10 Mistakes to change Vim
Vim Venture

Editor's Note: The Nettuts + team can not confirm nor deny that the editor Nettuts + is ... "Hip".
W - WordPress

WordPress started as a blog minimal, but in its present state is impressive extensible. It extends to the point where it is used for everything from a CMS an electronic trading system for everything else.

It also has a group of almost cult following consisting of developers and designers swear by the platform making it a reliable platform on which to base the following website.

Related Reading
How to create a WordPress theme from scratch
Plugins essential for all Installing WordPress
Extending WordPress for heavy traffic
Top 50 WordPress Tutorials
X - XSS

XSS stands for cross-site scripting. It is one of a number of critical safety conditions you might face when creating a web application.

XSS refers to the act of loading the web page or application vulnerable to malicious scripts to gain elevated privileges or sensitive information, often both.

Related Reading
You can cut your own site? A look at some essential security considerations
CodeIgniter Scratch: Security
5 Tips for creating secure applications PHP
Y - YUI

Yahoo User Interface Library is a JavaScript library that simplifies the process of creating applications interactive website. Like most modern libraries, it offers support for DOM manipulation and AJAX out of the box.

Although not as well known as jQuery, YUI still has a non-trivial user base. and is actively developed.

Related Reading
An introduction to YUI
2010 Through the Lens YUI Theater
Z - Z index

Z-Index is a CSS property that defines how an element is stacked on a page, which defines how close an item is the top viewport. A higher number means you will see at the top of elements with a smaller number.

While this property may be relatively specialized, this comes into play almost immediately when you're building widgets or web design more complicated.

Related Reading
Understanding CSS z-index
CSS Z-Index property: a comprehensive
That's a wrap

And we're done. Hope you had both reading this as I had put this together. Thank you very much for reading!

About the Author

WordPress Theme Review - Magazine Style Theme