http://masugadesign.com/ News and updates from Masuga Design en ryan@masugadesign.com Copyright 2009 2009-07-16T18:10:40+00:00 http://masugadesign.com/the-lab/scripts/md-markitup/ http://masugadesign.com/the-lab/scripts/md-markitup/#When:22:58:34Z (The Lab) Create a "Markitup" custom field type for your textareas in the ExpressionEngine Control Panel Overview Add an MD Markitup (MDMIU) custom field type so you can make use of some of the great features of Markitup! by adding custom buttons to your textareas in the ExpressionEngine control panel. Set the default height and default text formatting of your field right on the custom field screen, just as you would with a default EE textarea. Requirements The scripts and files required for MDMIU to work are: The extension and language files (Included) The Markitup! script. (Included) The jQuery JavaScript library. (Separate download) The sets that you want to utilize (default, Textile, Markdown), and the basic EE skin (Included) If using Textile or Markdown, make sure you have the correct EE plugins installed. (Separate downloads) Using Textile and Markdown in ExpressionEngine In order to use either Textile or Markdown with MD Markitup, you first have to have those plugins installed. Grab the Textile plugin and the Markdown plugins and drop either or both of those in your system/plugins/ folder. After installing the plugins, you will need to enable the plugins for each custom field for which you want them to appear. This is an easy, yet somewhat tedious process. Here is the process, assuming just the Textile plugin for now: Install the Textile plugin into your system/plugins/ folder Create and Submit a new custom field. It doesn’t matter if it is MDMIU or a textarea off the bat. When you create a field, the only options available under “Default Text Formatting for This Field” are None, Auto <br />, and XHTML. Back at the Custom Fields screen, click on your new field to go back in and edit it. You will now notice an “Edit List” link to the right of the Default Text Formatting dropdown. Click this, and click OK at the prompt (as long as you haven’t made other changes, because they will be lost). You will now see a list of all your plugins. Select “Yes” next to Textile and click “Update”. You will now be able to select Textile from the Text Formatting dropdown. When you do, you will see a red warning message appear above the field’s Update button. If you have previous entries you would like to apply your new formatting to, check the “Update all existing weblog entries” box. If not, skip the box and just click “Update”. You now have a field whose default text formatting is set to textile. When you are on a Publish or Edit page, you will be able to see Textile (as well as all the default formatting settings) in the Field Formatting dropdowns below your custom fields. Pretty tedious, right? If you’re not averse to some basic EE core hackery, there is an article at devot:ee explaining a small hack you can do to your EE install so that (as long as you have the plugin(s) installed), you don’t have to add them manually to every field’s text formatting list. You can read the article at devot-ee.com. There is also now a third, cleaner option if you want to install an extra extension. Stephen Lewis wrote an extension called SL Field Formatting. This extension will allow you to add Textile, Markdown, etc. to the dropdown list of field formatting types without hacking the core files or having to follow the eight-point instructions above. Features Markitup helps make the textareas in your ExpressionEngine control panel much more powerful and flexible. Per-field buttons: Control what buttons show on what fields to help guide the user to what can and can’t be done in a field. Advanced Functionality: Mark something as ‘Bold’, drop in whole chunks of HTML, make a TinyUrl with AJAX, or use Markitup! callback functions (or plugins) to do other advanced things. Create your own buttons that can do almost anything you can think of using the power of Markitup!. Resize handle: Ability to easily increase the height of the viewing area while editing Spellchecking: Most all the features of the regular EE textareas are available Field Formatting: Change the field formatting from the default setting on a per-entry basis on your MDMIU fields. Also: Nested Buttons: Nest buttons to group similar functions (such as 5 different ways to insert an image, for example), and leave more room for other buttons or a clean look above your textareas Moxiecode: Tie an MD Markitup field to Moxiecode’s Image and File managers for very robust image and file placement Markitup is not a WYSIWTF WYSIWYG editor, but works much like the native EE textareas do, showing the markup itself. Download and Installation The following section outlines MD Markitup usage from download through configuration. Download After purchasing and downloading the latest version of the MDMIU package and extracting the zip file, you will have the following files: system/ extensions/ ext.md_markitup.php language/ lang.md_markitup.php tools/ markitup/ jquery.markitup.js jquery.markitup.pack.js sets/ _shared_images/ (30 icon files) default/ set.js style.css markdown/ set_markdown.js style_markdown.css textile/ set_textile.js style_textile.css skins/ simple_ee/ images/ (3 image files) simple_ee.css README_changelog.txt Installation Installation is relatively straightforward. The default installation setup is shown above. Copy /extensions/ext.md_markitup.php file to your /extensions/ directory in the system folder Copy /language/english/lang.md_markitup.php file to your /languages/english/ directory (also in system folder) Place /tools/ at the root of your site. This is the default, and it’s useful to place it there in case you’d like to use Markitup on the front end of your site as well, eg. for comments. You can change the location of this folder (or omit it altogether) – just make sure to update the path to your Markitup scripts in the extension settings Open the Extension Manager (Admin → Utilities → Extensions Manager) Enable Extensions if not already enabled (the global setting) Enable MD Markitup Click “Settings” to modify the settings (see below) You do not need to place your markitup in a ‘tools’ folder – but this becomes very handy later on if you decide to work with Moxicode Image and File managers. You can put the support scripts for those into the ‘tools’ folder as well. More info on Moxiecode below. Settings: Configure MD Markitup The default settings are inserted as a convenience to you. You can modify them as you see fit. If you have your ExpressionEngine install under version control (Git, SVN, etc.) you may want to make sure all the paths are relative. If you don’t keep your MD Markitup installation in a ‘tools’ folder, modify that as needed. Also note that the three default sets that are included in the download are different from one another in what buttons are showing. This is to give you a concrete example of how the buttons can change from set to set, as well as field to field. You have a lot of flexibility. Extension Access Enable MD Markitup for this site? Yes/No MD Markitup is MSM aware (EE’s Multiple Site Manager). Set whether MD Markitup can be used on the current site. Scripts jQuery Core (v1.3.x) http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js By default, this is pointed to the Google AJAX Libraries API version of jQuery. If you are using ExpressionEngine 1.6.5+ this setting will be ignored if you have activated the CP jQuery extension – which would already load jQuery for use in the control panel. Markitup JS /tools/markitup/jquery.markitup.pack.js Set the path to the Markitup! script here. It will default to the ‘tools’ path you see above. If you find you are having issues with Javascript, you may want to try a non-packed version of Markitup!. Markitup Skin Path to the Skin Directory /tools/markitup/skins/simple_ee/ The Simple EE skin is a modified version of the default Markitup! Simple skin, modified to better fit with the EE control panel. There are certain CSS settings included in the simple_ee skin that ensure the Publish menu flyout menu stays above any MDMIU toolbars, among other things. If you prefer to use your own skin, just direct the extension to it here. Name of the skin’s CSS File simple_ee.css This is here to allow you some flexibility with what you name the CSS file for your skin, in case you don’t like the “style.css” name that is the usual name in Markitup! skins. Markitup Sets There are three sets included with MD Markitup. Default Set The Default set will be used for fields whose formatting is set to “None”, “XHTML”, and Auto <br />. The Default set is always enabled. Path to Default Set /tools/markitup/sets/default/ Name of Default CSS File style.css Name of Default JS File style.js Textile Set This is only enabled for fields whose formatting is set to “Textile”. Enable Markitup Textile? Yes/No Textile is enabled by default. Setting this to “No” will remove the lines from the control panel header that include the Textile set and CSS file. Path to Textile Set /tools/markitup/sets/textile/ Name of Textile CSS File style_textile.css This allows you the flexibility to rename this file, which is named “style_textile.css” by default. Name of Textile JS File set_textile.js This allows you the flexibility to rename this file, which is named “set_textile.js” by default. Show documentation link for Textile Set? Yes/No This will show or hide a visible link to Textile documentation. URL for Textile styling documentation http://thresholdstate.com/articles/4312/the-textile-reference-manual If there is certain documentation you would rather point to, change the URL here. Markdown Set This is only enabled for fields whose formatting is set to “Markdown”. Enable Markitup Markdown? Yes/No Markdown is turned off by default. Setting this to “Yes” will put the proper lines in the control panel header to include the Markdown set and CSS file. Path to Markdown Set /tools/markitup/sets/markdown/ Name of Markdown CSS File style_markdown.css This allows you the flexibility to rename this file, which is named “style_markdown.css” by default. Name of Markdown JS File set_markdown.js This allows you the flexibility to rename this file, which is named “set_markdown.js” by default. Show documentation link for Markdown Set? Yes/No This will show or hide a visible link to Markdown documentation. URL for Markdown styling documentation http://daringfireball.net/projects/markdown/basics If there is certain documentation you would rather point to, change the URL here. Misc Settings Enable Spellchecking? Yes/No This will show or hide the “Check Spelling” link that shows below the MDMIU field, next to the field formatting. If you have elected to hide field formatting on a field, the “Check Spelling” link will still show if you have this setting set to “Yes”. Check for Updates Would you like this extension to check for updates and display them on your CP homepage? Yes/No MD Markitup can call home (http://masugadesign.com) and check for recent updates. For this to work, you need to install the LG Addon Updater Extension. MD Markitup Usage General MDMIU fields work just like default EE textareas, except that the MIU buttons are appended to the top of the textarea and a resize handle appears at the bottom (the resize handle does not appear in Safari). Usage is as simple as setting a custom field to be an MD Markitup field. The included sets include some basic buttons, as well as a sample nested button. You may wish to remove or hide (there are two different things) some of these buttons. A quick Note About Multi-Line List Creation and Markitup! Contrary to what has been mentioned in the EE forums regarding Markitup! and its failure to support multi-line list creation, you can make multiple lines into list items all at once. Select all the lines, hold Control-Shift, and click either the Ordered or Unordered list buttons. All of your line items will become list items. This is also documented on the Markitup! Documentation page, under “Keys”. Hide and Seek with CSS, or Per-Field Buttons with Ease It’s easy to apply only certain buttons to certain fields. See the included CSS files in the sets for examples. You will need to know the field_id of your custom field in order to target it properly. Advanced CSS Tricks You can also change things such as the font family, font size, background, and more on a per-field basis. It’s just a matter of further modifying the CSS file for your set(s), and targeting the correct field by its field_id. (See the example CSS included in the download.) Utilizing Moxiecode’s Image and File Managers MD Markitup works with Moxiecode’s Image Manager and File Manager scripts. There is some information in this post from the MD Markitup thread in the ExpressionEngine forums on making some buttons that work with the JS functions that tie MD Markitup to Moxiecode. Due to Moxiecode’s general flakiness (especially with any version of Internet Explorer), I do not officially support or endorse tying it into MD Markitup, but the helper functions are included, as well as sample buttons if you need a head start. You will probably need to make use of the additional Moxiecode Authentication extension (separate download) written to help you stay logged in to the Moxiecode scripts while you’re in the ExpressionEngine control panel. You can download the Moxiecode Authentication extension from GitHub. Note that this is a fork of the original by Jamie Pittock that checks for the presence of any Leevi Graham extensions that also make use of Moxiecode so that no scripts get loaded twice, which would result in broken functionality in the control panel. Support requests relating specifically to Moxiecode issues will be put at the bottom of the queue! Troubleshooting and Support No one likes it when something doesn’t work out of the box. I’ll be happy to help you get MD Markitup working for you on your site. The best way to get help is to support@masugadesign.com. You may want to look over the following questions first – or better yet, copy them into your email and answer them for me. That will give me the best head start to help you out. Not all of these may apply to you, but they are a collection of my most common questions to people looking for help: What version and build of EE are you using? Is this an MSM site, or a single site? What other extensions do you have installed? You have created a custom field, and selected MD Markitup as the field type? Per the default install, you have a tools folder at the root of your site, with a markitup folder in it, which includes the jquery.markitup.js script? If you have deviated at all, can you explain where your files reside and what our setup is? The path settings are correct for the extension if you have elected to put your Markitup script elsewhere? If you’re interested in Textile or Markdown, you have downloaded those plugins and installed them? Can you check to see (through Firebug or just viewing source) if jQuery is being loaded more than once on your edit tab? Do you have any Solspace add-ons installed? Release Notes Included in the download is a file called README_changelog.txt that contains all changes per release. They are also listed here for easy reference: Version 1.6.2 (Aug 28, 2009) Included the Markitup JS script in the download to eliminate the extra download step Helped eliminate some confusion by updating the script settings area to disable the jQuery field if the CP jQuery extension is installed Remove the .gitignore file from the download package. Simplified Activate extension by removing $PREFS global variable and making the default paths relative. Updated default jQuery preference to v1.3.2 Language file updates Changed file structure in the download Version 1.6.1 (Feb 27, 2009) Fixed a jQuery conflict that arose when installed along with some other add-ons (particularly others that also use jQuery but may be in “noconflict” mode) Incorporated some changes from Jay Salvat that helped fix inconsistencies when inserting images using Moxiecode’s Image editor with IE. Not 100% fixed, but that’s IE for you. (Thanks, Jay.) Reformatted the README. Removed jQuery version number when checking or setting $SESS->cache[‘scripts’][‘jquery’] = TRUE Version 1.6.0 (Dec 29, 2008) Removed “Remove Toolbar” link and text explaining field formatting Added “simple_ee” skin to the download and altered styles for it Updated set JavaScript files for default, Textile, and Markdown Some code cleanup in the extension file Added settings to allow custom filenames for each set.js file, and the main skin.css file Changed default CSS file names, and default CP skin to ‘simple_ee’ Version 1.5.8 (Nov 19, 2008) Added ‘textarea’ class to the markitup textareas Fixed names in text_formatting_buttons function Added “/tools/” to the default script paths Put the JS/CSS for the default set before Textile, Markdown lines General cleanup (deleting comments, changing some “n”‘s to NL’s) Version 1.5.7 (Nov 19, 2008) Fixed typo in JS Added htmlspecialcharacters to textarea Removed version number from language file Added the README_changelog.txt file Version 1.5.6 Spellchecking is independent of show formatting Unobtrusively open documentation links in new window Version 1.5.5 Disable quicksave if field formatting changes on any of the fields Made spellchecking optional Version 1.5.4 Ability to change formatting on field-by-field basis Added spellcheck Version 1.5.3 Added hidden field for explicitly setting field formatting (EE 1.6.5 issue) Version 1.5.2 Added settings for more flexibility on placement Added check for CP jQuery. Version 1.5.1 Fixed a conflict with other extensions calling jQuery (i.e. LG Live Look) Version 1.5.0 Added LG Addon Updater compatibility MSM aware Added namespaces for multiple different instances System folder path fix Added ‘skin’ setting and updated settings page Version 1.1.0 Changed name to MD Markitup Version 1.0.0 Initial release. Sort of Beta. License MD Markitup is a commercial script for use with the ExpressionEngine CMS and is subject to the Commercial License Agreement. Copyrights and Credits Markitup! was authored by Jay Salvat and is released under a MIT/GPL license. Fam Fam Fam Silk Icons (some of which I’ve included as default images in the download package) were created by Mark James, a web developer from Birmingham, UK. Moxicode Image Manager and File Manager are copyright Moxiecode Systems AB. Thanks to Jay Salvat, creator of Markitup!, for his help tweaking custom functions to help Internet Explorer suck less when inserting items into a textarea. Thanks to Leevi Graham for creating the jQuery plugin for creating a Table of Contents, nsm-TOC (used on this page). Miscellaneous Further Development There are some things this extension lacks, I’m sure. I am open to suggestions, help, snippets of code that will help make it better, and any awesome examples of how you got MDMIU to do excellent things in the ExpressionEngine Control Panel. You can leave comments on the forum thread (see below) or email me at support@masugadesign.com with suggestions. ExpressionEngine Forum Thread The related EE Forum thread for MD Markitup is here. Anything Missing? Is there something that wasn’t covered here, or wasn’t explained well enough? Have suggestions? Please support@masugadesign.com me and let me know what’s missing or what could be improved. Extensions 2009-01-06T22:58:34+00:00 http://masugadesign.com/portfolio/devot-ee/ http://masugadesign.com/portfolio/devot-ee/#When:18:10:40Z (Portfolio) A premier site devoted to ExpressionEngine add-on and developer information. Devot:ee came about because we realized the only place to get extensive EE-related information is at EllisLab’s own site. There weren’t aren’t any objective, go-to sites that take it any further. There is a lot of room for ExpressionEngine to grow, and if we can help facilitate that, it will be better for everyone who uses ExpressionEngine. More informed, educated users and developers will mean better plugins, extensions, modules and more – which will make building sites with EE an even more enjoyable experience than it already is. Devot:ee features the most extensive EE add-on library anywhere online, a “hooks” library to help EE developers while they develop add-ons, EE-related awards, a developer directory, articles and more. Featured (Homepage), Sidebar 2009-07-16T18:10:40+00:00 http://masugadesign.com/the-lab/scripts/md-color-picker/ http://masugadesign.com/the-lab/scripts/md-color-picker/#When:02:11:23Z (The Lab) Add a jQuery-driven color picker custom field type for ExpressionEngine. This extension requires FieldFrame. Extensions 2009-03-11T02:11:23+00:00 http://masugadesign.com/the-lab/scripts/moxiecode-authentication/ http://masugadesign.com/the-lab/scripts/moxiecode-authentication/#When:20:01:44Z (The Lab) Restricts Access to MCFileManager and MCImageManager and adds Moxie scripts to EE Control Panel head If you’re going to use Moxiecode Image and/or File manager with MD Markitup you would probably do well to download this extension and enable it. This extensions restricts access to MCFileManager and MCImageManager and adds the Moxiecode scripts to EE Control Panel header on Publish and Edit pages so the Moxie window will launch from your Markitup field buttons. This extension looks out for and plays nice with Leevi Graham’s LG Image Manager and LG File Manager extensions, which also load the Moxie scripts in the Control Panel header (so if you have an entry that has an LG File Manager field and also a field that uses MD Markitup, the scripts shouldn’t get loaded twice). Damn – though I’ve been using this for weeks, I had no idea where this original code came from. Just found out that it’s Greg Wood’s work, from this EE forum post Extensions 2009-01-06T20:01:44+00:00 http://masugadesign.com/the-lab/scripts/md-live-search/ http://masugadesign.com/the-lab/scripts/md-live-search/#When:20:33:48Z (The Lab) Add a Live Search to your ExpressionEngine Control Panel for weblog entries and comments. I use Mark Huot’s Live Search extension on most of the sites I’ve built with EE, but I thought it could use a few updates, including the ability to show the date of the entry, the weblog, and the status. I’ve updated the extension with these extras (as settings) as well as a couple other settings. I initially intended to convert this to jQuery, but that proved to be a bit beyond my current coding skills – so this is still a self-contained file. Thanks to Mark Huot for giving me the OK to release this. MSM Aware Works with LG Addon Updater to let you know if the version you’re using is outdated Basic Steps for Installing and Using MD Live Search Download the script from GitHub Put the ext.md_live_search.php file in your extensions folder Put the lang.md_live_search.php file in your language/english folder Enable the extension, and modify any of the settings you need Status Coloring In order to get proper coloring of the statuses in the results, the color for the custom status should be in full Hex format. For example, don’t use “orange” as a status color, use “FF9900”. There is no related forum thread for this, as this is just a quick update to an oldie but a goodie that I wanted to do for myself. Use this at your own risk and all that. Extensions 2009-01-04T20:33:48+00:00 http://masugadesign.com/news-and-notes/item/recent-work-on-travel-channels-world-hum/ http://masugadesign.com/news-and-notes/item/recent-work-on-travel-channels-world-hum/#When:02:40:20Z (News & Notes) In mid-December 2008, World Hum relaunched with a new design and a revamped ExpressionEngine install under the hood. World Hum was recently acquired by the Travel Channel, and underwent a redesign. Working closely with the design team at the Travel Channel, Masuga Design was enlisted to do the front-end CSS and HTML, and to overhaul the existing ExpressionEngine installation, making it more robust and flexible. The editors at World Hum had been using ExpressionEngine for years, so they were already familiar with the system and its ease of use, but we took it to a new level, allowing the editors more options than they’ve ever had before, and allowing them incredible control over their new, wonderfully redesigned site. Congrats to the Travel Channel and the editorial team at World Hum on the relaunch of a site that caters to so many passionate travelers around the world! Web Design, News 2008-12-31T02:40:20+00:00 http://masugadesign.com/the-lab/scripts/md-character-count/ http://masugadesign.com/the-lab/scripts/md-character-count/#When:17:17:01Z (The Lab) Show character counts below textareas, text inputs, and MD Markitup fields in the CP. Overview Show character counts below textareas, text inputs, and MD Markitup fields in the CP. You can set character counts to “soft” (default) which is more of a suggestion, or “hard” which will limit the field to that many characters and no more. You can also customize the message underneath each field. MSM Aware Works with LG Addon Updater to let you know if the version you’re using is outdated Basic Steps for Installing and Using MD Character Count Put the ext.md_character_count.php file in your extensions folder Put the lang.md_character_count.php file in your language/english folder Put the jquery.charcounter.js file anywhere you like—you’ll reference it in the extension settings Enable the extension, and modify any of the settings you need Settings There are a number of settings. Extension Access – Enable access on a site-by site basis if using MSM (Multi-Site Manager) Scripts – MD Character Count requires two scripts. They are jQuery Core v1.2.6+ and a modified version of the jQuery Charcounter Plugin (modified version is bundled with the extension). If you are using EE 1.6.5+, you can simply enable the CP jQuery extension that is included in the extensions folder. Character Count Fields – This extension loops through all of the fields in your site and lists all the textareas, text inputs, and MD Markitup fields. There are three settings for each of your custom fields: Count, Count Type, and Count Format. Count – If field is left blank then no count will display or be imposed. Count Type – A “soft” count allows the user to type beyond the max set in “Count”. When the max is exceeded, the Count Format will change style (specified in the CSS) as a warning. A hard count will cap the text entry so that the Count cannot be exceeded. NOTE: Be careful assigning a field that already has data in it to a “hard” count, as you will lose the characters beyond the number in your Count field. Count Format – If nothing is entered, the format will default to: “%1/_count_ characters remaining” where “%1” is the number of typed characters, and count is the number entered in the Count field. You can enter anything here (note that count is not a real variable. If you need the max shown in the Count Format, you have to enter it manually). There are samples shown in the extension settings. CSS – The default styles for the text that shows below your fields can be altered here. Check for updates? – Works with LG Addon Updater. If you have LG Addon Updater installed, and this is set to “Yes”, you will be notified of new updates on the Control Panel homepage. EE Forum Thread There is a related EE Forum thread for MD Character Count here. Extensions 2008-11-14T17:17:01+00:00 http://masugadesign.com/the-lab/scripts/md-show-expired/ http://masugadesign.com/the-lab/scripts/md-show-expired/#When:03:17:33Z (The Lab) Show (and filter!) expired entries on the Edit page in the EE Control Panel Overview There wasn’t an easy way to show, or filter, your expired entries in EE until now. This extension allows you to easily see what entries are expired – or set to expire in the future. A brand new dropdown is inserted in the search area of the Edit page so you can also filter by entries that are expired. Very handy if you use EE’s built in entry expiration! MSM Aware Works with LG Addon Updater to let you know if the version you’re using is outdated Basic Steps for Installing and Using MD Show Expired Put the ext.md_show_expired.php file in your extensions folder Put the lang.md_show_expired.php file in your language/english folder Enable the extension, and tweak any of the settings you need Settings There are two settings. Check for updates? – Works with LG Addon Updater. If you have LG Addon Updater installed, and this is set to “Yes”, you will be notified of new updates on the Control Panel homepage. Extension Access – Enable access on a site-by site basis if using MSM (Multi-Site Manager) EE Forum Thread There is a related EE Forum thread for MD Show Expired here. Extensions 2008-10-16T03:17:33+00:00 http://masugadesign.com/the-lab/scripts/md-detect-page-type/ http://masugadesign.com/the-lab/scripts/md-detect-page-type/#When:03:49:12Z (The Lab) Detect if you are on pagination page, category page, or yearly archive page. You can use a single template to handle the “landing page” for an area as well as the single-entry version of the page with a couple {if segment_3 != ""} and {if segment_3 == ""} conditionals. But when you introduce pagination, everything gets messed up. The goal was to avoid having to make a separate template to handle the single entries when pagination is used on the the same template. The URLs should look like the following using the (very basic) code sample that follows. www.site.com/group/template/ – The “landing” page, that may include paginated items www.site.com/group/template/P## – A paginated page in this area www.site.com/group/template/itemtitle/ – Using the same template for a single entry Super Basic Example: {exp:md_detect_page_type url_segment="{segment_3}"}Pagination Page: {if pagination_page}This is a Paginated Page{/if}<br />Category Page: {if category_page}This is a Category Page{/if}<br />Yearly Archive Page: {if yearly_archive_page}This is a Yearly Archive Page{/if}{/exp:md_detect_page_type}  Simple usage example, allowing Pagination and Single Entry on one template: {exp:md_detect_page_type url_segment="{ segment_3}"}  {!-- if segment_3 is empty or it equals P## --}  {if pagination_page || segment_3 == ""}    {!-- list all the entries with pagination --}    {exp:weblog:entries weblog="weblog" paginate="bottom" limit="999"}    <h2>{absolute_count}. {title}</h2>    <p>{custom_field}</p>    {paginate}    <div class="pagination">    <p>Page {current_page} of {total_pages} pages. {pagination_links}</p>    </div>    {/if}    {/exp:weblog:entries}  {!-- otherwise, segment_3 has something in it   and it is not pagination. Show single entry --}  {if:else}    {exp:weblog:entries weblog="weblog" limit="1"}    {if no_results}<p>Sorry! Couldnt find that entry.</p>{/if}    <h2>{title}</h2>    <p>{custom_field}</p>    {/exp:weblog:entries}  {/if}{/exp:md_detect_page_type}  A simple way to detect if a page is NOT a paginated page is to do something like this: {exp:md_detect_page_type url_segment="{segment_9}"}   {if segment_9 != "" AND pagination_page != TRUE}      do stuff here...   {/if}{/exp:md_detect_page_type}  Also check out this EE forum thread that spawned the plugin: Detecting a single entry using EE code. A thread called Can’t get pagination to work deals with this pagination issue using PHP. Here is a link to the thread for this plugin in the EE Forums: Plugin: MD Detect Page Type. Release Notes 1.0.1 Sep 29, 2008 Added ability to check for category page and yearly archive page types Changed name from md_detect_pagination to md_detect_page_type 1.0.0 Sep 28, 2008 (5 downloads) Initial release. Plugins 2008-09-29T03:49:12+00:00 http://masugadesign.com/news-and-notes/item/new-portfolio-additions/ http://masugadesign.com/news-and-notes/item/new-portfolio-additions/#When:02:46:21Z (News & Notes) I’ve been posting these sorts of updates to the Masuga Design Twitter account more recently, but thought I should post here too, for the RSS crowd, or those that simply don’t “tweet”. I’ve been busy over the last few months jumping right from one project to the next, and haven’t had time to share what I’ve been up to. Here are the most recent additions to the Portfolio area, all of which I worked on for 50,000feet, a design agency out of Chicago: Lucien Lagrange Architects One of Chicago’s premier residence architects, responsible for many notable buildings in Chicago, among other places. View in the Portfolio » Vibes Media A Chicago-based mobile marketing and media company. View in the Portfolio » PointOne Systems A supplier of custom health data analytics. View in the Portfolio » Orlando Events Center Official site for the Orlando Events Center, which will be the future home for the NBA’s Orlando Magic. View in the Portfolio » News 2008-09-03T02:46:21+00:00 http://masugadesign.com/portfolio/amway-center/ http://masugadesign.com/portfolio/amway-center/#When:20:59:55Z (Portfolio) A site devoted to promoting the new stadium for the NBA's Orlando Magic. 50,000feet, a Chicago-based design agency, enlisted Masuga Design to implement their site design for the Amway Center, home of the NBA’s Orlando Magic. Masuga Design executed the CSS/HTML front-end development and ExpressionEngine (EE) CMS implementation. Through some clever use of jQuery and EE plugins, we were able to put together some really nice photo galleries – such as the one on the homepage that can show photos or videos, utilizes tooltips to describe the gallery piece, and fades between a grayscale and color version of the thumbnail – which is automatically created for the content creator when they upload their image in the Control Panel. Visit 50,000feet. Sidebar 2008-08-17T20:59:55+00:00 http://masugadesign.com/portfolio/lucien-lagrange-architects/ http://masugadesign.com/portfolio/lucien-lagrange-architects/#When:20:55:27Z (Portfolio) One of Chicago's premier residence architects, responsible for many notable buildings in Chicago, among other places. 50,000feet, a Chicago-based design agency, enlisted Masuga Design to implement their site design for the internationally-known architectural firm Lucien Lagrange Architects. Masuga Design took the supplied PSD’s and created a lightweight standards-compliant site that uses healthy doses of the jQuery JavaScript library to enhance the user’s experience. The site requirements, which includes a navigation structure controlled totally by the client, are every bit as exacting as LaGrange’s architecture. This site features a very highly-customized “lightbox” and portfolio setup that resizes the lightboxed portfolio images to fit the visitor’s available browser area. ExpressionEngine is the CMS used, which allows their staff to create some complex relationships between various entries under the hood, yet keep the maintenance of the site relatively straightforward. While building this site, I found a need to extend EE’s functionality, so I wrote a custom extension to modify some of the behavior of the Control Panel so the editors would have an easier time maintaining certain areas of the site. Visit 50,000feet. Sidebar 2008-08-17T20:55:27+00:00 http://masugadesign.com/portfolio/pointone-systems/ http://masugadesign.com/portfolio/pointone-systems/#When:20:53:05Z (Portfolio) A company that supplies custom health data analytics 50,000feet, a Chicago-based design agency, hired Masuga Design implement their site design for PointOne Systems using ExpressionEngine. Development also took place on a blog for the CEO, which is run on a different subdomain using ExpressionEngine’s MSM (Multi-Site Manager). 50000feet’s design specifications called for Masuga Design to modify a lightbox to load sample document pages that a user can scan through before deciding to download an entire sample PDF file. The editors of this site can do some very creative things with uploaded imagery – uploading one picture and repositioning it in different ways in various spots (moving them up or down with pixel precision in the Control Panel) so they never have to upload more than one image for any given report profile. The CSS and HTML was done with a number of transparent PNG images, making for speedy development, and quicker page load times. (visitors using IE6 won’t see any of the best stuff, but we took care of them too, and they do get a very similar experience when visiting the site). Visit 50,000feet. 2008-08-17T20:53:05+00:00 http://masugadesign.com/portfolio/vibes/ http://masugadesign.com/portfolio/vibes/#When:20:43:41Z (Portfolio) A Chicago-based mobile marketing company. 50,000feet, a Chicago-based design agency, designed a new site for Vibes, a mobile marketing company and turned to Masuga Design for the front-end CSS/HTML development and ExpressionEngine implementation. Vibes.com is very flexible and gives the editors a lot of control from adding, moving, and reorganizing pages in the main navigation to determining whole template styles as easily as they would select an item from a pulldown menu. Even the entire homepage Flash splash movie reads an ExpressionEngine generated dynamic XML file based on the client’s input in the admin area—the client is really in charge of everything you see on this site. The CSS and HTML was done with a number of transparent PNG images, making development quicker, and page load times that much faster (obviously, those visitors using IE6 won’t see any of the best stuff, but they’re taken care of too, and get a very similar experience when visiting the site). Masuga Design also ended up modifying and extending an existing “Breadcrumb” EE plugin to better fit the way this site is structured. Visit 50,000feet. 2008-08-17T20:43:41+00:00 http://masugadesign.com/news-and-notes/item/a-list-aparts-2008-web-design-survey/ http://masugadesign.com/news-and-notes/item/a-list-aparts-2008-web-design-survey/#When:12:40:01Z (News & Notes) As I did in 2007, I again took the revised survey in 2008. If you’re in the Web Design field, you too should take the survey and add your data to the mix. News 2008-07-29T12:40:01+00:00