Category Archives: CSS

Web Coders Sandbox: CodePen

As the web development community grows here on UMKC’s campus, we thought a good way to interact, collaborate, inspire, and entertain would be to meetup in a front-end “playground” (A.K.A. Sandbox). We would like to introduce you to CodePen.

Screebshot of CodePen Home Page
Two features that are really handy that we will definitely be taking advantage of as a group:

  1. Tags– these allow you to place labels on your work and also search for others. So, if you are looking for inspiration on a new design or javascript interaction for a form field, simply search the tag “form” or “input”
  2. Forks– forking allows you to take someone else’s pen and start modifying it without messing up their own work. This is great for collaborative projects and innovation

We’d love to see your first pen after you sign in to CodePen. Please share your first by leaving a comment on this page.

January 2011 meeting

January 5, 2011
1:30 p.m.
Administrative Center, Plaza Room

Agenda

  1. Welcome
  2. Recap of last meeting
  3. Announcements – Open to the group
    • Sharepoint project management site for WLG  – Alia Herrman
    • Redirects off www.umkc.edu – Alia Herrman
    • New websites launched – Alia Herrman
    • Updated header file ­– Alia Herrman
    • PHP server – Vishal Kurup
  4. Library Mobile Site updates – Barbetta Croft
  5. WordPress updates – Vishal Kurup
    • Bulletin board
    • Individual installations
  6. Process for posting video to media servers – Vishal Kurup
  7. Presentation – CSS3 – Vishal Kurup
  8. Resources/Cool tools
  9. Questions, Comments, Suggestions?

Actions

  • If you have a suggestion for a redirect for www.umkc.edu, please email the webmaster.
  • Please update any links on your site that point to the SCE, Med, and Admissions sites, as they have been updated.
  • If you have manually coded the header and footer into your website, please update it with the new version.
  • If you want to place a video on the media server, please submit a video request form, and also send your video file through the digital dropbox.

Meeting Notes