Uncategorized

Responsive notes – wpmeetup

Main Nav – https://github.com/indyplanets/flexnav

Bill Erickson’s menu option for mobile –

WordPress Menu as Select Dropdown

wp_is_mobile
$is_iphone;
wp_is_mobile (Version 3.4)
http://codex.wordpress.org/Version_3.4

Mobble – http://wordpress.org/extend/plugins/mobble/
( load as mu-plugin — http://codex.wordpress.org/Must_Use_Plugins )

http://slash25.com/better-mobile-detection-with-wp_is_mobile-and-mobble/

Retina background images
http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/

WP Retina 2x
http://wordpress.org/extend/plugins/wp-retina-2x/

Background images with LESS
retina.js — less mixin for serving retina background images
http://retinajs.com/

Box-sizing
http://palantir.net/blog/responsive-design-s-dirty-little-secret

CSS Width including padding

Media Queries for Standard Devices

Media Queries for Standard Devices

Here are the slides used in tonight’s meetup on custom meta boxes. I’ll try to get some gists up with code samples soon.

The ustream video is below:

If you’re new to our group, we have lots of ways to connect with us.

1. Of course, the WP Austin website (where you are right now!). Here we post notes from our meetings and other information that we think may be of interest to local WordPress users and developers.
2. Our WordPress Austin meetings, on the first and fourth Tuesdays of the month, held at 7pm at Cospace in north Austin. To learn about upcoming meetings and add yourself to the RSVP list, join the Austin WordPress meetup group.
3. We have an active WordPress Austin google group which is a great resource for questions, job postings, feedback and pretty much anything you could want to know about WordPress and Austin happenings.
4. On May 19th 2012 we will be hosting an all-day WordCamp in Austin. Read more about the event, as well as how to volunteer, offer a session pitch or contribute as a sponsor, on the official Austin WordCamp website.

Announcements:

Austin WordCamp will be May 19th. We need speakers, sponsors and volunteers! Learn more and sign up at http://2012.austin.wordcamp.org/

WordPress SxSW party has been announced. Space is limited, so RSVP soon! [Edit: RSVPs are closed. Sorry!]

Main topic: git and github

git: software for developers to handle revision control. (You can read more about git on wikipedia.)

github: an online way to collaborate on code with others; a social codebase/code repository. It’s available at github.com.

gist: lets you create public snippets of code that you can share publicly. If someone asks for some code, you can share it with them through gist.

github is a great way to develop open source code projects, learn what others are working on, and get new code to try out for yourself. It’s free to use if all code is open source and available; you can pay monthly fees for private workspace on github.

Pat explained that he and Nick were working on a project together, and needed a way to work collaboratively without overwriting each other’s code. They created a repository of all the files they were going to be working on so that they could check out files that represented the most recent version. github will mark all changes in the history, compare versions, and update the files to reflect the changes. When you view a file you can see what has been added or deleted from a file. You have control over what gets updated, so you can choose to merge just added lines of a file.

In addition to collaborative work, you can follow different users/developers as well as follow projects under development.

The development community tends to police projects so if someone posts malicious or bad code, someone else will likely correct it.

github: distributed version control system/repository; you have a local version of the repository that you can commit and make sure it’s working properly before you commit to the main repository

Subversion/SVN: nondistributed version control

You can use gist to post code, browse other gists, and even use the code on your WordPress site (there are plugins you can install to do this). There are no private gists. For an example, check out Bill Erickson’s gist for a popular posts widget.

The Non-Breaking Space show just published a podcast that discusses git and github. Check it out!

Bitbucket is another git hosting service.

If you use git/github/gist in your WordPress development process, please post in the comments how you’ve found it useful.

I was absent from Tuesday night’s meetup, but fortunately Clark posted notes from his presentation on his website. Go check it out!

Cultivating Community