• We are STAs
    • Diya Nair
    • Haley Ma
    • Kate Shih
    • Kyra Lee
    • Leilani Cabello
    • Lila Mali
    • Marissa Devivar
    • Nicholas Peasley
    • Raaga Srimadh
    • Shanda Horm
    • Shriya Atreya
    • Thang Truong
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Dustin Butler

DButler 09-10

June 8, 2012 By Dustin Butler

DustinButler

dustin Butler

Resources/Rad Links | My Projects

And now presenting dustin Butler’s life in nifty bullet points
– English major
– Enjoys designing, writing, thinking about implications that have no impact on anything
– Married for four years and successfully created two beautiful terrors daughters


RESOURCES/RAD LINKS



Candles?
This is not a candle.

Offworld
Where games are made…

xkcd
A Webcomic

Layer Tennis

The Color of Art

Animals With Lightsabers


CSS/HTML Tutorials

Typdedia

sxc.hu
good resource for royalty free high res stock photography


Typekit
Use real fonts on the web.

Photoshop Tutorials -Psdtuts+

Adobe Kuler

Saul Bass Title Design
What the color

Back to Top


Project Tracking Management Tool for Fellow Student Technology Assistants (PTMTFSTA)


8.11.2010
– Fixed Intro to German header image
– Finished formatting Henri Michaux poem and began importing to Final Cut Pro

8.10.2010
– Migrated more content over to Texas Theory. Moved into personal pages which have lots of orphaned articles; slowing my pace to a crawl

8.5.2010
– Met with Kate about a header image issue on Introduction to German Drupal site and couldn’t find a solution. I was told to hold off. Not really a problem because I’m about 90% finished with theming
– Worked on Texas Theory and moved over about 50 articles. All I have left is class homepages

8.3.2010
– Began themeing Introduction to German Drupal site
– Live traced a pencil for Intro to German. Came out rather nicely

– Moved Henri Michaux text into Photoshop and began orienting it properly

7.29.2010
– Finished correcting Henri Michaux OCR scans. Beginning to create the scroll effect

7.28.2010
– Corrected OCR Henri Michaux scan

7.27.2010
– Began migrating content over to Texas Theory

7.26.2010
– Finished correcting OCR scans for eFiles
– Met with Daniel and went over Henri Michaux. Trying to fix artifacts from appearing in video

7.25.2010
– Finished up the changes to Introducing German mockup

– Corrected OCR scans for eFiles

7.23.2010
– Made changes to Introducing German mockup

– Corrected OCR scans for eFiles

7.22.2010
– Finished eFiles
– Began fleshing out Introducing German Drupal instance

7.14.2010
– Almost finished with eFiles. One more page!!!

7.13.2010
– Added descriptions to eFiles

7.12.2010
– Worked on digitizing text using OCR from Henri Michaux. Now have complete control over type and preserving the author’s words

7.09.2010
– Type for Henri Michaux poem is inconsistent. My methods of scanning and digitizing using Photoshop didn’t work out so hot. I started importing in and had completely different weights. Working on finding the most efficient way to solve this

7.08.2010
– STA Meeting and testing of Policy Agenda website
– Got Texas Theory to demo state and sent off to client
– Worked some on Efiles

7.07.2010
– Cleaned up all the remaining images for Henri Michaux and began stitching them together. Having to accommodate Photoshop not resizing everything exactly the same

7.06.2010
– Imported About and Institutional pages from Texas Theory
Old About Page
vs
New About Page

Old Institutional Page
vs
New Institutional Page

The importation involves moving all that content over. So, on the old about/institutional pages all those red links are wiki pages and have to be created and filled with the content from those old wiki pages. At some point those links drill down 3 or so levels. The benefit is easier control for the user.

07.02.2010
– Worked up some mockups for a humanities institute feature

– Began work on eFiles

06.23.2010
– Worked some more on Texas Theory. Kate showed my how to use views to create random images appear. It’s magical

06.16.2010
– Continued getting Texas Theory ready for proposal

06.11.2010
– Drupal and Media meeting
– Continued getting Texas Theory ready for proposal

06.10.2010
– Touched up more Henri Michaux poems
– Moved Texas Theory to another theme, problem fixed

06.08.2010
– Met with Kate and debugged Texas Theory
– Did further debugging on Texas Theory

– Met with Kate again about a problem with Texas Theory. It appears the inner content div has an extra 200 pixels but I can’t find where to eliminate them. Kate and I tried to fix it and could not. I thought I did but didn’t. So, we’ll see…

06.07.2010
– Met with Kate about some problems with Texas Theory. Finished styling, now some for some quick refining
– Finished scanning in poems for HM and started touching them up in Photoshop

06.04.2010
– Ran into a problem with Texas Theory so I switched to Henri Michaux. With Suloni’s help resolved the scanning issue that has been wrecking any progress. Scanned 15 pages without a problem.

06.02.2010
– Continued styling Texas Theory Wiki
– Touched up more Henri Michaux poem pages. The images vary in resolution, making it difficult to stitch together.

06.01.2010
– Began touching up Henri Michaux poem pages
– Began work on styling Texas Theory on my Drupal instance

05.06.2010
– Worked on two versions of Texas Theory mockup. Finished both and delivered to Kate

05.05.2010
– Coded the about page but due to a caching issue can’t see it live unless logged in as administrator. Screencap below:

– Began coding links page at LESCANT dev site

05.04.2010
– Began coding a link page and about us page for LESCANT

05.03.2010
– Scanned in poem for Henri Michaux

The after will be stitched into a 720 wide frame with the other pages and imported into Final Cut Pro

04.30.2010
– Presented work at the STA presentation

04.29.2010
– Finished Texas Theory Mockup
– Refined STA presentation to include SPT

04.28.2010
– Modified STA presentation
– Began to modify colors on rose graphic for Texas Theory

04.27.2010
– Made changes to the Texas Theory Mockup

04.26.2010
– Met with Kate and discussed Texas Theory proposal and mockup

– Finished LESCANT map badges and icon layout. PNGs are created as 256 so they can are fully scalable

04.22.2010
– Began Texas Theory Mockup

04.21.2010
– Finished the LESCANT Image profile – STA Meeting

04.19.2010
– Took last week to focus on some major paper deadlines but now I’m back!
– Finished Texas Theory Wiki Proposal and sent it to Kate
– Began work on tweaking the map profile page for LESCANT

04.08.2010
– Finished LESCANT coding the header images into the site

04.07.2010
– Coded more of the site elements

04.06.2010
– Began coding for LESCANT
– Began work on a mock up of faceted search for LESCANT

04.05.2010
– Finished LESCANT mockup
– Worked on timing in Henri Michaux

03.31.2010
– Henri Michaux needs filters and timing. Next step is scanning in poem and then meeting with Professor Cauvin
– Scanned in images for Pro Bene Meritis project

03.30.2010
– Continued work on Henri Michaux
– Imported images and stitched together for HM
– Worked on timing in Final Cut Pro for HM

03.29.2010
– Modified LESCANT mockup to reflect suggestions by Orlando
– Created a presentation for the STA Presentation
– Rehearsed presentation

03.25.2010
– Finished LESCANT Mockup and uploaded to Basecamp for review
– Resized images for Henri Michaux. Now I will stitch them together and import them into Final Cut Pro.

03.24.2010
– Nearly finished with LESCANT mockup. Been collaborating with Suloni to refine the design. Once finished I will post screen shots for review. I decided to post pictures from early development all the way through it’s current state.
Here’s a link to the DRUPAL instance I coded with valuable support from Stuart.

03.23.2010
– LESCANT Mockup. Almost finished! Looks really solid. Posts some screen shots tomorrow.

03.22.2010
– Continued work with LESCANT

03.15.2010
– LESCANT Development

03.12.2010
– – Met with Daniel about Henri Michaux audio/visual project

03.10.2010
-Continued to work on LESCANT mockup

03.09.2010
-LESCANT Mockup

03.08.2010
– LESCANT is getting a mockup illustrating the levels of navigation and getting imported into Fireworks, which will allow a better visualization on how the various parts of LESCANT interact

03.07.2010
– LESCANT Mockup

03.04.2010
– Finished styling SPT
– Began working on refining LESCANT mockup

03.03.2010
– Client provided new text for homepage, so no scroll bars! Met with Stuart to fix list problem. Formatted questions correctly and highlighted background of categories in Glossary popup.
– DRUPAL Meeting

03.02.2010
– Tried to fix a problem with lists and continued work on script for no scroll bar

03.01.2010
– Began working out the code for no scroll bars on SPT homepage

02.25.2010
– SPT
– Met with Noah and modified mockup. Examples below.

02.24.2010
– STA Meeting

02.23.2010
– Finished SVP mockup and uploaded to Basecamp for Noah’s input

02.22.2010
– Began collaborating with Suloni on new SVP mockup

02.18.2010
– Met with Noah, Daniel, and Suloni to discuss the SVP design. Really good meeting that established a look

02.17.2010
– Met with Stuart again abut SPT, resolved more issues in CSS/HTML

02.16.2010
– Had a mini Adobe Illustrator tutorial with Suloni
– Sketched some logo concepts – Began work on a logo

02.15.2010
– Worked on SPT
– Found reference photos for Geography Environment logo
– Met with Stuart and resolved some CSS problems I had

02.12.2010
– Did some more last touches to SPT – Have to meet with Stuart again and this project is nearing completion

02.11.2010
– Met with Stuart and resolved a problem I had with SPT.

02.10.2010
– Finished SVP Mockup

– Began work on Geography logo

2.09.2010
-Finished up most of SPT!

2.08.2010
– Finished the styling of About/Glossary pop ups on SPT
– Styled other random bits, almost finished!

2.04.2010
– Styled SPT

02.03.2010
– STA Meeting – Fixed transcript button
– refined SVP logo

02.02.2010
– Changed links to blue
– Changed intro text to #8D8680
– Changed intro text to same size as links
– Changed text color in div.content and div.inner_content to #8D8680 and text color in div.quizzes to the brown/black
..etc – That’s the sort of work that is required

02.01.2010
– Styled SPT doing the final tweaking on the code before the website goes live

01.29.2010
– Meeting w/ Peter, Kim, and Noah about SVP. Working out organizational details which will impact the mockup

01.27.2010
– Began developing a mockup for SPV project

– Finished modifications to SPT
– Fixed map button on LESCANT

01.26.2010
– Continued to add elements to SPT – Began work on SPV mockup

01.25.2010
– Worked on SPT and design meeting with Noah, Peter, and Kim
– Styled LESCANT
– Added elements to SPT

01.21.10
– Stuart helped me with LESCANT map button, and SPT
– Continued work on LECSANT

01.20.10
– SPT, LESCANT meeting with Stuart and Suloni
– Worked on LESCANT

01.19.10
– Reacquainted myself with projects
– Met with Suloni about current projects
– Began coding LESCANT map button

12.14.09
– Fixed LESCANT navigation bar

12.11.09
– Began working on navigation bar in LESCANT. Learned how to use sprites and spent the rest of the day trying to find out why it wasn’t working. Click to see sprite used for CSS rollovers

12.10.09
– Styled the remaining areas, now time to fine tune (navigation bar code, header code, etc) and clean up my newbie code 🙂

12.10.09
– Met with Stuart and worked on LESCANT

12.9.09
– Continued Styling the major areas of LESCANT

12.8.09
– Intrepidly manned the dev lab from 12:30p-1:30p
– Intrepidly manned the media lab from 2p-3p
– Continued to style the LESCANT website

12.2.09
– Stuart helped me begin coding the LESCANT website.

11.30.09
– Changed banner and typos on LESCANT mockup

– Created visualizations to illustrate rollover

11.24.09
– Delivered final mockup to Professor Kelm for review.

– Trying to find best way to animate Henri Michaux project. Final Cut Pro is clumsy and doesn’t allow for fine tuning.

11.23.09
– Met with Stuart and Peter to discuss LESCANT/Drupal
– Continued work on LESCANT mockup

11.20.09
– Objectively manned the dev lab from 12:30p-1:30pm
– Objectively manned the media lab from 2:00p-3:00p
– Another variation on a theme. This also shows the 960 grid I’m using to develop these later mockups. So far I think this would be the 3rd or 4th revision. This mockup and the one from 11.19.09 are the versions I will refine a little further and than show to client.

11.19.09
– Refined LESCANT mockup

11.18.09
– STA Meeting
– Early LESCANT Mockup, very rough and unrefined

11.16.09
– Forgot my notebook w/ sketches and notes for LESCANT/Henr Michaux, so I did some image correction.
Before

After

Click for Full Size

Before

After

Click for Full Size

Before

After

Click for Full Size

Before

After

Click for Full Size

Before

After

Click for Full Size

Before

After

Click for Full Size

11/11/09
– Began LESCANT mockup

– This illustrates how my process to work out how areas will interact. There are no images and zero styling, the importance for me is to see how the spaces relate and than work from there.

11.09.09
– Met with Stuart and went over my Drupal instance [http://dev.laits.utexas.edu/d6_dustin)
– Looked up themes that would suit the project

11.06.09
– Cleaned up images for Henri Michaux

11.04.09
– Met with Stuart and Suloni about the LESCANT project
– Continued to work on Henri Michaux

11.03.09
– Met with Dr. Jean-Pierre Cauvin about the Henri Michaux

10.30.09
– Went over my progress with image correction with Kelly.
– Started image correction on Meso American project
– Went over preliminary details on Lescant

Before

After

Click for Full Size

Before

After

Click for Full Size

Before

After

Click for Full Size

Before

After

Click for Full Size

10.31.09
– Finished my first version of a css site. Learned a lot!
– Image Correction

Before

After

Click for Full Size

10.30.09
– Started on the Henri Michaux project – Shrewdly manned the dev lab from 12:30p-1:30pm
– Shrewdly manned the media lab from 2:00p-3:00p

10.28.09
– STA Meeting – Expertly covered Kim’s Media Lab Shift
– Further cleaned up image

10.27.09
– Finished PRC Thumbnail Mock Ups
– Image Correction, work in progress pictures soon!

10.26.09
– Revised/cleaned up CSS.

10.21.09
– Finished my first version of a css site. Learned ‘a lot’!
– STA Meeting

Note: the green box is for visualization purposes only.
Click for Full Size
Image Correction

Before

After

Click for Full Size

10.19.09
– More image correction.
– Majority of the time was spent on CSS. Learned how nesting works and being able to visualize how that works in relation to site design.
Before

After

Click for Full Size

Before

After

Click for Full Size

10.16.09
– Image correction feedback with Kelli.
– More image correction, all are still a work in progress.
– Fixed some CSS on Passe Partout website w/ help from Kim
– Peacefully manned the dev lab from 12:30p-1:30pm
– Peacefully manned the media lab from 2:00p-3:00p

10.14.09
– Learned more about CSS. Feel very close to full understanding. Emailed Ran and created a project notes text pad for clarity.
– Burned the PSD files for PRC logo and banner.
– STA Meeting

Before

After

Click for Full Size

10.12.09
– Worked on more CSS tutorials
– Worked on my image correction tutorials for Kelli’s review. They are still in progress. What I’ve completed so far is below.

10.10.09
– Finished PRC logo

– Worked on image correction

Before

After

Click for Full Size

Before

After

Click for Full Size

10.09.09
– PRC Mock Ups
– Convincingly manned the dev lab from 12:30p-1:30pm
– Convincingly manned the media lab from 2:00p-3:00p

10.07.09
– Scanned images for Rumrich Presentation
-STA Meeting

9.30.09
– PRC Mock Ups
– STA Meeting
– CSS Tutorial w/ Ran

9.27.09
– Continued with CSS
– Had an awesome Image Correction session with Kelli and a small intro to Adobe Illustrator
– Refined EEJH mock up

9.24.09
– Unflinchingly manned the dev lab from noon-1:30pm
– Unflinchingly manned the media lab from 2:00p-3:00p
– Further developed EEJH mock up – Began familiarizing myself with CSS – Refined China Rising mock up


Roll Over

9.23.09
– STA Meeting/CSS Tutorial – Began developing my Travel wiki banner – Did mandatory training

9.21.09
– Began developing my EEJH webpage mock-up

– Finished developing my China Rising webpage mock-up

9.18.09
– Fearlessly manned the dev lab from noon-1:30pm
– Fearlessly manned the media lab from 2:00p-3:00p
– Began developing my China Rising webpage mock-up

9.16.09
– STA Meeting
– Integrated images into Wiki
– Worked on Texas Politics project

9.14.09
– Finished STA group portrait

– Finished TIGER Mock Up

– Finished TIGER logo

– Began refining TILT logo

9.11.09
– Courageously manned the dev lab from noon-1:30pm
– Courageously manned the media lab from 2:00p-3:00p
– Worked on my STA Group Portrait

-Created two logo mock-ups for PRC.

9.4.09
– Bravely manned the dev lab from noon-1:30pm
– Bravely manned the media lab from 2:00p-3:00p
– Worked on my TIGER mock-up

9.2.09
-Refined Wiki, added bio, created and modified PTMTFSTA.
-Learned how to scan slides.

Back to Top
STA WIKI | UT Home | STA Beeswax

Filed Under: 2009 - 2010

STA Meeting 8.2.11

August 2, 2011 By Dustin Butler

Henri Michaux – Active – Total hours this week: 1.75 hrs

  • Have about 600px left of first cut!

What’s Left

  • Will assess the first cut and begin smoothing out timeline
  • Might have to recut the timeline and recut together due to resizing for correct font ratio

Uncanny Drupal – Active – Total hours: 12+ hrs

  • Completed theming! 90% of content is easily editable by client. Only two content types: Day and Announcements/holiday
  • Created a really nifty schedule

What’s Left

    • Add lightbox to all video fields
    • Use a script to collapse schedule sections
      • Met with Ran and Suloni about a design refresh for an Arab site and creation of a wiki to support site. Both share design principles.
      • Style flat site
      • Create theme derived from design refresh

Arab Drupal – Active – Total hours this week: .75 hrs

What’s Left

Other Things

  • Emailed Dr. Brooks about WordPress tutorial and scheduled appt for 8.11.11 at 9a.
  • Provided documenation on STA Wiki structure
  • Cleaned up STA Wiki code and repaired links for timesheets
  • Archived 2010-2011 STA Wikis 🙁
  • Added HTML/CSS reference to STA Knowledge Bank

Filed Under: 2011 - 2012

STA Update 6.28.11

June 28, 2011 By Dustin Butler

Twins Project – Completed – Total hours this week: . hrs

  • Imported the spanish content
  • Imported all english content
  • Added the spanish/english button

College 2 Career – Completed – Total hours this weekish: 6.00 hrs

  • With Ran’s help created the dynamic sidebar switch out (DSSO)

Law Banner – Active – Total hours this week: .5 hrs

    • Made other iterations of banner

STA WikiWikiWiki imageSTA WikiWikiWiki imageSTA WikiWikiWiki image

  • Changed styles on website to suit clients tastes

What’s Left

  • Change mockup once more
  • Change styles and find a border color

Uncanny Drupal – Active – Total hours this weekish: 4.5 hrs

  • Made an Uncanny Zen sub-theme
  • Almost finished styling navigation area
  • Began styling content’s p, ul, li etc

What’s Left

  • Finish styling content
  • Make sure header styles are consistent w/ current Uncanny site
  • Determine best method to style/implement scheduling blocks

Henri Michaux – Active – Total hours this weekish: 3.5 hrs

  • Started using motion and made progress!
  • Motion works really well and I’m picking it up quickly
  • Synced 2 minutes, including my learning curve for the using Motion, in 3 hours

What’s Left

  • Scale images correctly so type is not distorted
  • Sync remaining footage (doing it by slide, I did one 5000px block in 3hrs, and have 4 5000px left)

Filed Under: 2011 - 2012

STA Update 9.7.2011

June 9, 2011 By Dustin Butler

  • Twins Project
  • – Finished 6.9.2011
  • – Imported content
  • – Debugged website
  • – Implemented PHP with Ran’s help
  • Les Arts en France
  • – Finished copying rel=”lytebox” to all images on the website
  • – Did this with the help of Ashley and Emma
  • College to Career
  • – Working with Ran to implement a dynamic sidebar navigation that changes for each page
  • Henri Michaux
  • – Emailed Daniel to see if I could use a machine with Motion
  • Law Banner
  • – Created banner and styles for law website

Filed Under: 2011 - 2012

STA Meeting 5.18.11

May 18, 2011 By Dustin Butler

STA Refresh – Active – Total hours this week: 3.5 hrs

  • Finished STA Archive Menu
  • Migrated all but STA Presentation for 2006-2007 wiki

Les Arts en France – Active – Total hours this week: 5.5 hrs

  • Met with Emma and demonstrated how to update photos
  • Created help filing w/ instructions on how to add lightbox
  • Continued updating my section on site
  • Realized a page failed to work due to a broken link so I, yeah, I fixed it!

What’s Left

  • Continue adding light box to the 4 remaining sections

 

What’s Up Next Week?

 

  • Getting a computer that has Motion, finishing Michaux
  • Begin working on Drupal tips
  • Continue work on Les Arts en France

 

 

Current Projects

 

  • Henri Michaux Poem Project
  • STA Wiki Drupal Knowledge
  • STA Wiki Migration
  • STA Wiki Migration
  • Les Arts en France

 

 

Super Awesome Rad Stuffs!

    • http://www.ro.me
    • http://www.ro.me/tech – download source code and make your own!

Advice from a Cartoonist

 

Filed Under: 2010 - 2011

STA Meeting 5.4.2011

May 3, 2011 By Dustin Butler

STA Wiki Refresh – Active – Total hours this week: 2.5. hrs

  • Changed link styles
  • Changed news area
  • Began adding menus for STA Archives. Linked up with ongoing STA migration efforts

What’s Left

  • Finish filling out menus

Deutsche Kultur – Active – Total hours this week: 0.25 hrs

  • Changed title
  • Fixed links
  • Allowed Fall 2010 menu to be viewed by all

Filed Under: 2010 - 2011

  • 1
  • 2
  • 3
  • …
  • 6
  • Next Page »

link to LAITS home page

Video STA Home

© 2025 Liberal Arts Instructional Technology Services | Production Credits