Home > CSS Help > CSS for code: Wrap long lines | Weblog Tools Collection

CSS for code: Wrap long lines | Weblog Tools Collection

March 19th, 2009

CSS for code: Wrap long lines | Weblog Tools Collection



If you post code on your Wordpress blog, you could use a code beautifier plugin such as syntax highlighter or you could include your code in <pre> tags.

Source


Similar Posts

    20 Expert Wordpress Tips for Pro-Developers

    Wordpress has been growing sensationally as the tool to use for Blogging. We’ve compiled a list of things that are good practice and you must do if you are a pro wordpress blogger or developer.

    Writing/Blogging Workflow

    1. Keep it updated. Publish it later. Keeping it updated can be a laborious, arduous task. In order to do something like this I highly recommend writing 2-3 articles at a time and publishing them later at another date.
    2. Use Shortcodes. Shortcodes can save you a lot of time and provide you with text and bbedit type shortcuts. Using text like: [shortcode]. It replaces the need with formatting text and easily allows you to insert a template or snippet.
    3. Editing offline? Use Google Gears to kick your writing abilities offline. While using Google Gears Turbo can write, edit things locally then sync them later.
    4. Write posts via email: This is something people tend to forget about only because its such an unutilized feature. But with the ubiquity of smartphones it makes sense to write posts via email. (Thanks to @dmassad for the tip.)

    Mobile Design

    1. Do you have an iPhone? Wordpress.org is creating an iPhone application just for the iPhone to keep your blog updated
    2. Update Wordpress by Text Message using Twitter Updater
    3. iPhone themes for Wordpress: WP Touch , iWPTouch

    Backing Up Data

    1. Importing and Export Feature – Keep your posts backed up on your server as well as multiple different places.
    2. Use the Backup Plugin to automatically

    Wordpress with CMS Superpowers

    Because of Wordpress’ very attractive backend. Using Wordpress seems like a very promising move. The following will make it happen:

    1. Devlounge explores the pros and cons and possibilities of using Wordpress as a CMS. What to consider if you’re using Wordpress as a CM
    2. Rewriting Wordpress Functions: WeFunction Explores the idea of using wordpress’ add_meta_box as a means of creating seperate custom fields. I warn you it doesn’t look very easy. The tutorial is very well documented though.
    3. Flutter is very promising plugin that allows awesome features such as editing in place as well as allowing many different post types. Also covered and reviewed here.
    4. Darren Hoyt discusses the client-web developer/designer problems with making Wordpress a CMS
    5. How to “plan and think of Wordpress as a CMS
    6. CMS Plugins: Looking for plugins to make Wordpress a cms? Make sure you check out My Page Order , pageMash , Page Management Dropdown , PageRestrict, etc. (Source: Mashable)

    Twitter Implementation

    1. 10 Best Twitter tools for Wordpress.
    2. Find out who tweeted or retweeted your post using the Tweetback Plugin

    Wordpress Custom Theme Development

    1. Use a Parent-Child Theme to rapidly jump-start theme development
    2. Import Sample Content to help develop and refine your themes typography
    3. Why reinvent the wheel when you can use a blank theme: found here , here , and a whole list of them here

    Read More

    Wordpress CSS Drop-down Menu | Zack Design

    I have created a three-level drop-down menu plugin for Wordpress. It uses Stu Nicholl’s final drop-down code which is a complete CSS solution - no

    Source

    Flutter, the “ultimate wordpress CMS” updated

    You use Wordpress as a CMS right? And you probably love it, after all what is not to love? It is simple, easy to install, has a huge community base, thousands of plugins and themes… and 2.7’s interface is simply… stunning.

    Wordpress is not perfect as a CMS however, and can you blame it? It was designed to be a blogging platform. They must have done something right if Wordpress started as a blogging platform that simply works so well as a CMS.

    This could all be part of the past now that Flutter has arrived. Wordpress could easily be a fully extendable CMS with one of the best blogging platforms integrated into it. So many of the minor pitfalls wordpress previously had as a CMS are now gone.

    Flutter is not a new plug in by any means. Released around wordpress 2.5, it has had time to pick up a little bit of steam. It seams it never really caught on because despite it’s useful benefits it was confusing and difficult to install and maintain. To wordpresses recent credit, it didn’t solve some of the more confusing “blog focused interface” that 2.5 and 2.6 still had.

    However now coupled with 2.7 and a new release of flutter you can now create an amazing full fledged CMS capable of almost anything you can think of.

    More About Flutter

    Flutter was designed to combat two major issues that Wordpress has when being used to administer and power web sites rather than blogs. Dealing with content that was more than just self formated text and photos, and an easy way to edit complex pages.

    Custom Content Types

    A typical example could be pages for the biographies of individuals. These pages likely have a specific format that all of them should adhere to. Name, Title, Skills, etc… Previously with Wordpress you would create a blank page for each and have to try your best not to accidentally mess up the format. Of course you could try using the custom fields, but try explaining those to a client with out having their eyes glass over.

    Now days you had better count on the fact that websites are going to be complicated enough where the simple homepage / innerpage templates are not going to be substantial. Websites will have different content types, a home listing, biography, portfolio page, etc… Flutter allows you to create custom write panels for different types of content. The write panels can have text fields, radio buttons, pictures, drop downs, etc… allowing the user to create a page exactly how they want it with out hassel or vast technical knowledge.

    Edit in Place

    The other example might be managing and editing pages that have both unique sidebar content and primary content. Before you would have to create a page for the sidebar, use a custom template to include that post into the sidebar before finally trying to teach a client how it all works. Very complicated right? Well it doesn’t have to be.

    Flutter also lets you specifcy editable regions of a page, like the main content, title, or sidebar. Using a bit of AJAX magic useres who are logged in can navigate to the page they wish to edit through the front end, click an edit button, and begin to edit that section with out even leaving the page.

    This makes the CMS almost transparent. Your typical client is more familiar with the web from a users perspective, and this allows them to edit and manage pages the way they are most comfortable.

    Slightly Complicated

    While the usage and learning curve of flutter has improved, you should still expect to spend an ample amount of time your first attempt at using this plugin. The documentation while available, is sparce at best (not that you can really blame the developers, who are giving the plugin for free.)

    The learning curve is well worth it. You can easily expect to save more time than you spend in reduced phone calls and e-mails regarding how to perform specific functions, tasks, or edits in Wordpress.

    Read More

    WordPress " Wordpress CSS Drop-down Menu " WordPress Plugins

    I have created a THREE-level drop-down menu for Wordpress. … exclude, Browser, down, drop, page, plugin, wordpress, menu, dropdown, CSS …

    Source

    Improve your art direction abilities on 3.7CREA.TV

    I just published a blog post taking you from the basics of art direcition through some advanced concepts on 3.7CREA.TV. If you ever have the responsibility of integrating imagery and style to enhance the message of your design you should read through the website art direction redux post.

    You will learn what art direction is, some tools out there to help you facilitate art direction and some techniques to create an effect message through images and design concepts.

    You can read the full post here.

    Read More

    CSS: Relative and absolute positioning — flisterz:blog

    flisterz:blog is a personal blog by flisterz. Write about life, CSS, design, wordpress and reviews.. and anything he likes! Cool stuff, really.

    Source

    CSS: Relative and absolute positioning — flisterz:blog

    flisterz:blog is a personal blog by flisterz. Write about life, CSS, design, wordpress and reviews.. and anything he likes! Cool stuff, really.

    Source

    Hello world!

    Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

    CSS Creator font size ignored… ?

    The font size in the address … If you can’t post a link, post ALL your code, both HTML & CSS. … CSS related? I have a SEO related problem. Please take a look. …

    Source

    How to Fix WordPress Feedburner Plugins After Converting to Google Feedburner

    Feedburner API

    I ran into (yet another) Feed Count + Feedburner problem recently, shortly after writing my last article on accounting for Feedburner’s subscriber count mistakes. And since I heard from a few people who are also using the Feed Count plugin, I thought I should share this info.

    The Backstory

    As I’m sure all you Feedburner users out there are well aware, Google purchased Feedburner quite some time ago. But until recently, that didn’t mean much: the same people were working on the code, your information was stored in the same place and was represented the same way, and so on.

    But recently Google has begun bringing Feedburner more fully into the fold. As a result, all Feedburner users are being required to convert their Feedburner accounts into Google accounts. That created quite a few headaches for lots of people (including myself) right off the bat, as it took a good week for Google to nail down my subscriber numbers with any accuracy – one day I would have thousands of subscribers, the next I might have zero, and the day following only a few hundred.

    A New Problem

    However, even once Google started reporting my Feedburner numbers correctly, I still had a problem: my Feed Count plugin no longer grabbed my subscription statistics. Now, this wasn’t as huge a problem as it could have been, because I had my jQuery Feeburner fix in place… but I still wanted my real subscriber stats back at some point.

    After a bit of digging, I found the problem: as part of their conversion from Feedburner to “Google” Feedburner, Google changed the location of their API. Thus, any plugins that used the old Feedburner API ceased functioning once that user’s account was successfully ported to Google.

    The Solution

    Long-term, the best solution would be for the plugin developers to update and release new versions of their plugins. But as of now, the Feed Count plugin has not been updated – and since it hasn’t seen an update since last July, I’m not going to hold my breath on a new version. So I decided to take matters into my own hands and edit my copy of the Feed Count plugin.

    Note: this solution is specific to the Feed Count plugin, but any brave souls out there could probably modify and use this information to update other plugins as well.

    I opened up my copy of the Feed Count plugin file (feedcount.php) and found this function:

    function mapelli_fc_get_defaults() {
    	return array(
    			'map_fc_feedurl' => '',
    		  'map_fc_queryurl' =>'http://api.feedburner.com/awareness/1.0/GetFeedData?uri=',
    			'map_fc_lastcount' => 'N/A',
    			'map_fc_lastupdate' => 0,
    			'map_fc_updateinterval' => 60, // 1 h
    	    'map_fc_error_updateinterval' => 5, // 5 min
    		  );
    }

    This function mostly sets all the plugin defaults, but it also sets the “queryurl” – the website that the plugin hits to find your subscriber count information. This URL is not customizable anywhere inside Wordpress, and since this URL has now changed, we’re forced to edit the plugin itself.

    All I had to do was change the “map_fc_queryurl” line to read this instead:

    'map_fc_queryurl' =>'https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=',

    Then I saved the plugin, uploaded it to my server, and my stats started showing up again! However, it’d still recommend putting something like this JavaScript fix in place for those random times when Feedburner drops the ball (and your subscriber count).

    Note: Your stats probably won’t start showing up again instantly. You’ll have to wait for the duration of your “update interval,” which can be configured in WordPress under Settings -> Feed Count:

    feedcount update interval

    If you’re using a different plugin and have run into this same problem, please give this solution a try and let people know in the comments if it worked. Thanks!

    Read More