Posts tagged as css

May
09

Konductor AIR Application Updates

The team has been working hard on the new build for the last few months, and now that the last of our big tickets are being addressed I have a little time for a blog post :)

In addition to working on the actual application, I often have a chance to work with Konductor and create sites for use on our own system. (We’ve been dogfooding www.konductor.net since day one) I thought it might be nice to put together a list of hints and tips that we’ve found useful in creating sites for Kondcutor, which should help you to focus on designing beautiful sites and getting them online as fast as possible.

  1. Write semantic code. Basically this means use your HTML to organize your content logically, then use the CSS to place it. Make the CSS do all the work, and use relevant tags for relevant data (ie. use styled h1-h6 elements for headings, not styled divs. Use styled p elements for paragraphs, not styled divs. Use styled lists for menus, not styled divs) This will not only make your content easiers to style, but also will help with SEO. Reference: http://sixrevisions.com/css/css-tips/css-tip-2-structural-naming-convention-in-css/
  2. Become a CSS ninja. This will make your job that much easier. This doesn’t mean you have to know everything there is to know about CSS; just learn some best practices, and learn some techniques used to solve common tasks. Reference: http://sixrevisions.com/css/100-exceedingly-useful-css-tips-and-tricks/
  3. A little jQuery can go a long way. This may sound scary, but this doesn’t mean you have to learn everything about jQuery in order to use it effectively. There are many prepackaged modules out there to help you integreate with galleries, video sites, pull in RSS data, and perform all kinds of dynamic data manipulation. Reference: http://designm.ag/resources/28-fresh-jquery-tutorials/

Another tool that can provide some excellent suggestions is the Google Page Speed Online. This will give practical suggestions on how you can structure your site and it’s code n order to get the most out of your website.

We will post up another article soon looking at some CSS grid systems and HTML5 elements that can make your web pages quicker and more relevant.


Feb
09

Images Galleries From Flickr

Konductor integration with Flickr

One of the most requested features we get is galleries. So I’m sure many of you will be happy to hear that we have posted our first tutorial about implementing galleries to our tutorials section of the extension help.

From the beginning we have adopted the attitude that doing one thing to a very high standard is much better than doing everything poorly. We do content management very well—and we decided to leave galleries to the experts, Flickr.

You’ll get all the meat of the technical stuff in the post, but a couple of years ago, a full featured gallery would only have been possible using your favorite server side scripting language with a mish-mash of SQL. And it would have required much more code. Now, we can get access to all of Flickr’s functionality using a minimal amount of jQuery and JSON.

The above may or may not mean much to you, but it does illustrate nicely how easy integrating sophisticated services into your own designs has become. And that means we can help you integrate with many more top class web services; next in line is MailChimp for newsletters.

Anyway, let us know what you think about the tutorial, and also what else you would like to see Konductor integrate with. :)