My iPad Post

Posted: October 15, 2012 in Web Development
Tags:

Posting this with an iPad. I’ve got to say, the more and more I experience the functionality of a tablet as it pertains to any aspect of web development, the more I cover those who have them.

The WordPress interface is as easy to use as the computer based version. The size of the iPad screen makes typing easy. All in all, I could replace playing crappy phone games with maintaining a website and creating new content.

If only I had a tablet, that is.

Soon…

20121015-114605.jpg

 

Confused

WordPress has many jargon (i.e. industry or professional related terms) associated with it that many users may not truly understand, even if they have heard them on a consistent basis or used the tools associated with them. Here is a run down of 20 such terms. Feel free to leave more examples in the comments!

 

  • 1. Widget – A small software application for the web, installed and executed by an end user, usually offering a focused process that relates to the content of a larger web page or to help the developer keep track of statistics.
  • 2. Menu – Navigation buttons, present on the website, that break webpages down into an organized, functional manner and help reduce clutter
  • 3. Background Tool – Allows user to change background image and color of a site
  • 4. Header Tool – Gives user control of the images displayed at the top of a site’s previous page
  • 5. Formats – Gives user control of the display of a specific post, rather it is an aside, quote, or gallery
  • 6. Theme – A correlation of colors, functionality, menus, visuals, etc that define the look and feel of a webpage
  • 7. Plugin – Custom functions created to extend the core functionality of a website, usually intended to maximize flexibility and minimize code
  • 8. Plugin Management Tool – Gives ease to finding and installing plugins
  • 9. Template Tags – A group of PHP functions that can be envoked by designers to perform an action or display specific information
  • 10. Template Hierarchy – Order of processing, dictates how templates control almost all aspects of output
  • 11. Archives – Dynamically generated list of posts, are typically grouped by date, gategory, tag, or author
  • 12. Roles – Control what functions a registered user can perform
  • 13. Comments – Or discussions, responses to posts left for the author by a visitor, important piece of a “give and take” blog
  • 14. Panels – Enables users to easily administer and monitor their blog
  • 15. Registered Users – Users that have applied for and recieved a user name and password and have certain rights and privelages that unregistered or anonymous users may not have
  • 16. Upgrade Tool – Downloads and install the latest version of WordPress, or any other software with the appropriate built in upgrade tool
  • 17. Meta – Means “information about”, in WordPress, usually refers to administrative-type information
  • 18. Dashboard – Meant to make creating and posting easier, gives tools and options that let you customize the format of the input ahead of time
  • 19. Media – Pictures, images, sounds, and movies; integral to a website
  • 20. Pages – Present static information, such as contact information, information about the author; usually won’t change much beyond initial creation

HTML5CSS3

HTML5 is the latest version of HTML, while CSS3 is the latest version of the CSS styling frameworks. Though it has been in development since 1998, HTML5 is still not fully compatible with all browsers. The new features are available for use, though the project isn’t expected to be complete until 2014. Both are natural upgrades to their predecessors, and both make their previous versions look about as silly as David Tennant did to all prior Dr. Who’s.

HTML5 offers loads of new options for media integration on websites. YouTube is currently working on an HTML5 friendly website to prepare for the integration. Developers of iOS and apple apps must familiarize themselves with HTML5 due to Steve Job’s refusal to use flash on iOS systems. Tons of new features and tags make HTML5 both beautiful and elastic, and the best part is, at least if you already know some HTML4, that the learning curve is far from steep. (Way, 2011)

HTML5 acts as smaller parts working together to create something wonderful with the sum of those parts. There are options, for browsers not able to handle HTML5, to display to a browser in an elegant fashion, even without the support.

Some key features to HTML5 include the DOCTYPE declaration, which has been shortened to <!DOCTYPE html> without all the extra linking to the w3 website, advanced audio and visual support, a contenteditable attribute to improve and simplify editing website content, a canvas element which makes 2D image drawing possible without Photoshop, an application cache that lets you use web page applications offline, flexibility for various browser and mobile phone sizes (universal applications? What?!?!), and so much more that it isn’t hard to see the beauty behind the beast (Flores, 2011).

HTML5 adds new elements, tags, definitions, and other, more advanced tools to both expand the use of HTML while narrowing its application in designing. In tandem with CSS3, HTML5 strives not to define how the content appears, but instead to describe the meaning of the content. HTML5 frowns upon inline styling. CSS3 saves the day with the loads of new options available. (Castro & Hyslop, 2012)

CSS3, used for the styling of webpages, makes life easier by giving users the ability to do things that previously required JavaScript plugins to accomplish. Though some filters are needed to change on-screen appearances, the final products are modern, beautiful, and professional.

New menu aesthetics, the ability to drop shadow text elements, rounding edges for menus and borders, box shadows, overlaying backgrounds, opacity level features, hover transformation, and tons more options make CSS3, in tandem with HTML5, useful for creating pages that, up until now, adobe flash, JavaScript, Photoshop, and exponentially more time were needed to bring to fruition.

HTML5 and CSS3 are the future, and the future is now. I can’t even begin to scratch the surface of describing what makes all of the new features amazing, but visiting this page will give you a good look at the potential and new options.

I will break down individual elements and upgrades to both HTML5 and CSS3 in following posts, both to light a fire to use them and to show just how amazing the smallest changes can be. Developing such amazing web sites has never been so fun or flexible, so long as you are the kind who gets excited when they realize they don’t have to use table tags to make a website look like it was created in the 21st century.