Guymon

daily links

• Treesaver.js
  treesaver® is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.
• CSS3 Buttons | Simple CSS3 framework for creating GitHub style button links
  CSS3 Buttons is a simple framework for creating good-looking GitHub style button links.
• WordPress 3.1 Artikel Formatvorlagen im Theme einrichten - so funktioniert’s | Elmastudio
  Es gibt ver­schie­dene Lösungsansätze, um die neuen, Tumblr-ähnlichen Formatvorlagen (Post Formats) in einem WordPress-Theme umzu­setzen. Im bereits vor­ge­stellten WordPress Blank-Theme »Toolbox« werden die Formate mit hilfe der WordPress-Funktionen get_template_part und get_post_formats aufgerufen.
• How To Do An SEO Audit
  The first step in any new SEO relationship is to conduct an audit. Imagine the poor client who has changed SEO providers several times. If the providers were all on their toes, they each conducted audits. Some businesses may dread the SEO audit process because, if done properly, it will be thorough and exhaustive. In fact, whether a company changes SEO providers or not, it’s a good idea to conduct a thorough SEO audit at least once a year, especially if the business is drawing significant revenue from search traffic.
• hunziker’s sandbox: Views PDF | drupal.org
  With this module you can output a view as a PDF document. Each field of the view can be placed on the PDF page directly in the administration interface. Therefore a new display called "PDF" is added.
  You can also specify a background PDF document. This enables you to put unlimited static content to the dynamic PDF. The template PDF can be created by any PDF creator such as Adobe Acrobat Professional or Open Office.
• Learning Git from an Amateur’s Perspective | DrupalEasy

Drupal 7: Custom Node View Modes

mearra weist auf ein spannendes neues Feature in Drupal 7 hin.

Before, Drupal had only two “hard-coded” node view modes, the full node view and the teaser view. These two provided us just enough flexibility for most simple content listings, but quite often we needed to turn to Views in Fields mode to get more flexibility. By flexibility in this case I mean displaying the same content in different ways in different contexts.

In Drupal 7 we can create additional view modes by simply implementing hook_entity_info_alter() in our custom module.

After defining the new view mode, we can go to content type’s “Manage Display” page and select which fields to display plus some additional options for fields, like which image style to use for image fields, for example.

Sehr cool!

CSS3 Multi-column Layouts

Schöner Überblick zu Multi-column Layouts mit CSS.

Essentially, the specification states that a multi-column element needs to have either a defined column width or column count. Browsers are supposed to render these elements similar to the way they render tables – but the content in a column layout is dynamically split into blocks.

At the moment, we’re not able to define certain properties about columns (like column-specific backgrounds), but it’s possible this might change.

CSS: Box Sizing

Chris Coyier erklärt Box Sizing.

textarea {
 -webkit-box-sizing: border-box; / * Safari/Chrome, other WebKit * /
 -moz-box-sizing: border-box; / * Firefox, other Gecko * /
 box-sizing: border-box; / * Opera/IE 8+ * /
}

The border-box value (as opposed to the content-box default) makes the final rendered box the declared width, and any border and padding cut inside the box.

CSS: Fluid Layouts

MightyMeta demonstriert seine SuperStrech Methode für Fluid CSS Layouts.

Here’s a technique I created a while back that I have revisited and tidied up a bit. It results in a layout that stretches both horizontally and vertically to the browser viewport. It includes a vertical navigation bar where button heights also stretch. It works in FF, Safari, Chrome, Opera, and IE 6-8