Making Progress

More progress on the re-design of artstew.org


I have made some good progress in the re-design of artstew.org. Here are to main items I have setup and modified.

1. Integrated the Foundation base layout templates into Modx Revolution system.

2. Modified Foundation's Orbit slides to work with MIGX plugin including modifing the Orbit css to center and resize images based on page-to-page customizable max-height and min-height settings.

3. Applied basic Foundation template to Articles' templates.

4. Created a new template variable (TV) to enter page content with Foundation styles. I tried to modify the HTML editor TinyMCE to make it easier to create content in the Foundation format (classes "row" "columns" and column sizes) with limited success. So, I used the TV with looping MIGX TVs and chunk templates in order to be able to create unlimited DIVs with class "row" and within that TV the ability add DIVs with class "column" and additional width classes ("one", "two", "three", etc.) with another MIGX TV. This MIGX TV loops back to rows by containing the first MIGX TV so DIVs with class "row" can be within the DIV "columns" which in turn can contain more columns, and so on.

Example:
<div class="row"> -- outer row
<div class="columns three"> -- outer column 1
<p>This is some content.</p>
</div>
<div class="columns five"> -- outer column 2 which contain and inner row with more columns.
<p>This is some more content.</p>
<div class="row"> -- inner row
<div class="columns six"> -- inner column 1
<p>This is a inner column content.</p>
</div>
<div class="columns six"> -- inner column 2
<p>This is content for inner column 2</p>
</div>
</div>
</div>
<div class="columns four"> -- outer column 3
<p>This is the final content</p>
</div>
</div>


Comments (0)


Add a Comment





Allowed tags: <b><i><br>Add a new comment:


Latest Posts


Tags

  • website (4)
  • design (4)
  • artstew (4)
  • coding (2)
  • Archives

  • January 2013 (1)
  • December 2012 (1)
  • October 2012 (2)
  • We like things that are easy to manage.

    Once a video is uploaded to our YouTube account, it shows up on our Video Page. That's it!

    By grabbing the JSON feed, we can get all of the links, images, and text, instantly! Then automatically everything is formated so it looks pretty. No muss, no fuss.

    Contact Us and we can do the same for you.

    ×

    You use Facebook, eh?

    We can help you with all of your social media. When someone finds your business, service, or product through social media, you want to give them the best first impression possible.

    Let us work with you on the design and functionality of your social spaces to engage your audience, bringing them back for more and leading them to your website.

    Also, if you haven't already, please like our page on Facebook and like this website (with the button above), we very much appreciate it!

    ×

    We noticed you are visiting us from Lawrence...

    Artstew Design is based in Lawrence, so that's great!

    We would love to meet you face-to-face, just pop on over to our Contact Page, or give us a call at 785-691-9524.

    ×

    Not from around here?

    It looks like you are visiting us from Ashburn VA .

    Even though it maybe a little harder for us to meet face-to-face, we work with clients all over the world via email and phone that we haven't even met! So, send us a message from our Contact Page and we can get to work on your project!

    ×