Suivant/Iron and Flannel Based ReadyTheme Dev Tip

[Bruce - PhosphorMedia]

hey kids!

Do you use a Suivant based ReadyTheme?

Have you joined ALL the cool kids and started to use Chrome Inspector to make your day Brighter, Lighter, Faster?

Well, if so, then you'll really love this tip (and if not, quit being such a square. Get Chrome...then google "Using Chrome Inspection Tools"...and don't make me tell you again.)

ON YOUR DEV SITE: Open your HEAD Tag Content template and locate:

<link href="../css/css.php" rel="stylesheet">

Replace with...

<mvt:if expr="'dev.' IN tolower(g.domain:name)">
   <link href="../css/normalize.css" rel="stylesheet">   
   <link href="../css/base.css" rel="stylesheet">   
   <link href="../css/scaffolding.css" rel="stylesheet">   
   <link href="../css/typography.css" rel="stylesheet">   
   <link href="../css/buttons.css" rel="stylesheet">   
   <link href="../css/fonts.css" rel="stylesheet">   
   <link href="../css/forms.css" rel="stylesheet">   
   <link href="../css/tables.css" rel="stylesheet">   
   <link href="../css/colors.css" rel="stylesheet">   
   <link href="../css/slider.css" rel="stylesheet">   
   <link href="../css/magnific-popup.css" rel="stylesheet">   
   <link href="../css/helpers.css" rel="stylesheet">   
   <link href="../css/structure.css" rel="stylesheet">   
   <link href="../css/pages.css" rel="stylesheet">   
   <link href="../css/print.css" rel="stylesheet">
<mvt:else>
   <link href="../css/css.php" rel="stylesheet">
</mvt:if>

If your dev site's domain starts with something other than 'dev.', change the pasted code accordingly. Now, when you right click on an element to inspect, you actually get to SEE the CSS file the selector it relates too. (And if you forget to remove this code before going live...no problem.)

[lesliekirk]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Ahhh, but that takes all the fun out of it...

[Gordon - Phosphor Media]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Ahhh, but that takes all the fun out of it...

Some people have unusual definitions of the word fun...

:-)

[eldon99]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Love it! Thanks for sharing with the rest of the class Bruce!

[bonnie1525]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

thanks!

[jsdva]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

You are always great for a grin or chuckle Bruce! Nice tip too!

[Rick Wilson]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

BTW Bruce, did you mean to make fun of the "hipstery" name of Iron and Wool or did you legitimately mistake it for Iron and Flannel. Since you're in Seattle, either is plausible

[Bruce - PhosphorMedia]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Moi? Make fun of hams...I mean hipsters? Au contraire mon ami!

[Protos]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Hi everybody,
What kind of fontface is good to use in banners in Iron and Wool? That should harmonise with the rest
I want to create banner templates like the storefront image enclosed.

After reading this thread I see Maven Pro, Helvetica is used for the body.img_sfnt_ad01_2.jpg
And Baskerville, "Hoefler Text", Garamond for special effects

font-family: "Maven Pro", Helvetica, Arial, sans-serif;
and
Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman",

Can you share design tips about fontfaces that I should use?

André Loutchko
Best wishes from Sweden

[dcatel]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Sounds like Great Tip, except when I load recommended code change on my DEV site and use Chrome to access the site, Chrome blows up. The display flashes between Black and White segments every few seconds. Occasionally the screen displays a flashing screen with multiple tabs open. Uninstalling and reinstalling only works if the system is rebooted before the reinstall. So I'm stuck where I was before, looking for a away the change the character size of the nav. bar.

ps Chrome works fine on DEV site without the code change.

Any insight would be help on either issue
Dave C

[Bruce - PhosphorMedia]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

NOTE: Update to Previous Forum Post

You'll want to actually pull up the css.php file and look at the actual files listed as they change slightly from theme to theme and possible due to updates. But its quite easy to see the actual style sheets in the files themselves.

[Bruce - PhosphorMedia]

Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Sounds like Great Tip, except when I load recommended code change on my DEV site and use Chrome to access the site, Chrome blows up. The display flashes between Black and White segments every few seconds. Occasionally the screen displays a flashing screen with multiple tabs open. Uninstalling and reinstalling only works if the system is rebooted before the reinstall. So I'm stuck where I was before, looking for a away the change the character size of the nav. bar.
Dave C

Did you ever get this resolved? That would be a pretty bizarre effect from such a simple change. Perhaps you missed listing a style sheet that had some Javascript dependency. I'd compare the listing of the files against the actual css.php file.

-Bruce