- Next month’s first Tuesday WordPress meetup will focus again on Responsive Design, but this time at a more intermediate/advanced level.
- We will be adding yet another monthly WordPress meetup! The new meetup will be for beginners and bloggers and will focus on the basics of WordPress, content strategies and how to get the most out of a WordPress blog. We will welcome people who have both WordPress.org self-hosted sites and those blogging on WordPress.com. Date and time TBA; keep an eye on the Meetup group for announcements.
- We also plan to start hosting monthly/twice monthly lunch meetings/coworking sessions. These will be at local restaurants or coffeeshops during the day. If you would like to help coordinate these WordPress lunches, please contact Jackie Dana through WordPress Austin or the WordPress meetup group.
Responsive Design, presented by Nick Batik:
Responsive design is a way to design a website to display properly on both a large HD television and on small mobile devices like an iPhone or tablet.
Every developer has a different idea of what responsive design is, and how it should be implemented, and even these ideas change regularly.
Raises the questions: How much content do you show, how do you organize it, and how does it display differently on different canvases (devices)?
Responsive design requires collaboration between designers and developers, and also requires information on how people use a site and which devices they are using when they do so, to make appropriate decisions on design.
Chris Coyier of CSS-Tricks.com suggests that responsive design is probably the best thing to ever happen to developers and designers, because they will always be in demand! Check out his site – he has all kinds of tips and tutorials on how to develop WordPress sites, use CSS, and everything in between. He has text and video tutorials that are useful both for beginners and advanced developers alike.
(So what the heck is CSS? CSS stands for “Cascading Style Sheet“. This is how you set all of your design specifications/style for a website.)
It’s worth noting that in a site’s CSS, responsive design can be triggered by the browser window dimensions as well as specific device information.
WP Fluid Images (created by our own Pat Ramsey!) is a plugin that makes your images responsive rather than the static size set by WordPress by default when you upload it. It “replaces the fixed width and height attributes so your images resize in a fluid or responsive design.”
Resizing videos: FitVids for WordPress is a plugin that will scale the video up and down depending on devices.
Other plugins that can make your site more mobile-device friendly:
- WordPress Mobile Pack
- WP Touch
- WP Mobile Detector
- mobble embeds code that helps developers make a site more responsive for mobile devices, but is not a stand-alone option.