Updates from Andrew Spittle Toggle Comment Threads | Keyboard Shortcuts

  • Andrew Spittle 5:05 pm on January 31, 2013 Permalink
    Tags: , HTML,   

    “You Want Me to Design What?” Recap 

    Monday night the user group meetup welcomed Kory McDow, owner and designer at Certified Square, to talk about HTML, CSS, and what the heck to do with them on the web. We had almost 70 people show up from our rough head count. One of the largest crowds yet, which was awesome!

    Kory started out by laying the foundations for how the web works. None of the technology is any good, though, without content. Websites are based on content and you have to have it before you do anything else. Once you have your content in place it’s presented to the browser through HTML and CSS. Using Kory’s analogy, HTML is like a “bare house.” It defines the structure. CSS, on the other hand, is what gives the house its style. It’s the paint, color, flooring style, and more.

    HTML is composed of various structural tags. There’s the p tag for content, h1 through h6 for headings, a for links, ul and li for lists, and finally img for images. These tags are globally applicable so HTML looks the same to developers all across the world. Those tags set the structure for your page.

    With the structure in place you can dive in to making it look how you want. A plain HTML page will still display without CSS but adding styles gives your page “flavor.” Here’s an example of what CSS looks like:

    p {
    color: #f08;
    font-size: 16px;
    }

    That can look intimidating at first but as Kory stepped through it step-by-step what you have is the CSS telling your browser, “For all paragraphs set the color of text to hot pink and the size of text to 16 pixels.” You can define as many properties (font-size, color, margins, padding, etc.) as you like per selector (p, h1, img, etc.).

    Some other great tips from Kory’s presentation included:

    • Using Chrome’s built-in web inspector is great for modifying CSS on the fly
      • Hit Apple + option + I to launch the tool. Or, you can hover over the page element (e.g. the heading you want to change) and right click. Then select “Inspect Element.”
    • Themes can be edited on WordPress.com through the CSS editor.
    • colourlovers.com is a good resource for colo(u)rs.
    • It is important to know what selectors take precedent over other selectors otherwise changes won’t be respected. This guide can help. :)
     
  • Andrew Spittle 4:29 pm on January 15, 2013 Permalink
    Tags: , , ,   

    Master the Rewrite API Recap 

    Last night, the Developer Meetup welcomed Daniel Bachhuber (@danielbachhuber), code wranger for WordPress.com VIP, to talk the group through WordPress’ Rewrite API.

    Daniel started out asking the room how many thought the rewrite API was a deep, dark, mysterious thing. Many agreed with that, no one thought it was easy. One of the first tools mentioned was the Rewrite Rule Inspector plugin. Daniel wrote this to lessen the pain of adding rewrite rules to WordPress.com VIP sites. He spent about a month and a half diving in to how the API works and out of that came this awesome plugin. The point of the plugin is to show you how WordPress interprets different URI patterns.

    In general terms the rewrite API allows you to programmatically specify new, custom rewrite rules. There are some core rules that exist on all new WordPress installs and the API allows you to extend this. It takes human readable URIs and turns them in to query strings that WordPress can understand.

    The first step in this is your .htaccess file if running Apache. If you’re on Nginx you’re on your own to configure that. The Codex lists the default .htaccess rules. From there Daniel talked about parse_request. This is the handler that translates the request URI in to query variables that WordPress can understand. It uses regex to match the URIs so it may look messy. :)

    Daniel also covered some lovely API functions. He covered register_taxonomy, add_rewrite_rule, add_rewrite_endpoint, and add_feed. All of those are detailed in the Codex.

    Another tool mentioned to help with all of this was the Debug Bar plugin. With this plugin you can see how many queries were made, how WP interpreted the URI, the SQL WP ran to generate the query object, and the query object. Neat stuff.

    The key takeaways Daniel outlined were:

    1. Pay attention to priorities: More often than not your problem is that one rewrite rule is conflicting with another and getting matched before you want it to.
    2. When in doubt, step through the code: Trace the execution path and see how WordPress is interpreting that at different stages.
    3. Canonical redirect is the cause and solution to all of your problems: What can happen is a new rewrite rule you create still redirects you to another page. The canonical redirect takes the data it can see and falls back to the “proper” post.
    4. Flushing rewrites on the plugin activation hook happens way too late: Best pattern is to a) show an interface, admin nag that says “Visit Settings > Permalink” or b) instead of flushing on plugin activation flush on the next admin page load.
     
  • Andrew Spittle 4:59 pm on September 27, 2012 Permalink
    Tags: Judy Unrein, Kallen Dewey Kentner, , Taylor Dewey, Taylor Dewy   

    Byte-Size Workshops Recap 

    We had a great meetup Monday night with three short sessions and a new user workshop.

    Kallen Dewey Kentner went slide-free and spoke about breeding blog posts.

    Taylor Dewey spoke about typography in web design and posted his slides from that talk.

    Judy Unrein, who spoke about her WordPress workflow, also posted slides over on SlideShare. Judy also has a post on her site with handy links to everything she talked about in case you were wanting to track one down.

    For the new user workshop a lot of it ended up being Q&A which is more difficult to transfer in to a blog post. If you missed out on the session but are looking to get started with WordPress you can check out WordPress.com’s step-by-step guide. As things were wrapping up there was also talk of doing a new user workshop every 3 months or so. If you’d be interested in coming to the next one let us know. :)

    Faddah Wolf took copious notes that are posted below the fold.

    (More …)

     
c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel
Follow

Get every new post delivered to your Inbox.

Join 659 other followers