Snippets and Icons
Snippets are tables, menus, buttons, lists, and feeds that have been created to aid in the design and navigation of web pages. These snippets are easily utilized in Modern Campus Omni CMS by simply dragging them into place on the page.
The following snippets are available for use in the design, development, and/or management
of KSU Web pages:
Buttons
Lists
Title 1
Title 2
Title 1
Title 2
Title 3
Long List
- Linked Long List Item
- Linked Long List Item
- Long List Item
- Long List Item
With Image
Without Image
Layouts
-
Category
Title 1
Description... -
Category
Title 2
Description... -
Category
Title 3
Description... -
Category
Title 4
Description...
Column 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id facilisis arcu. Praesent fringilla sem non justo dapibus, egestas auctor massa tincidunt. Quisque pretium, ligula fermentum malesuada feugiat, felis est iaculis nibh, sed iaculis nisi enim eget est. Nullam id sodales augue, non ullamcorper felis.
Column 2 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id facilisis arcu. Praesent fringilla sem non justo dapibus, egestas auctor massa tincidunt. Quisque pretium, ligula fermentum malesuada feugiat, felis est iaculis nibh, sed iaculis nisi enim eget est. Nullam id sodales augue, non ullamcorper felis.
Miscellaneous
Show/Hide Accordion
-
Title
Kennesaw State University is the third-largest university in Georgia, offering nearly 150 undergraduate, graduate and doctoral degrees. A member of the University System of Georgia, Kennesaw State is a comprehensive university with more than 33,000 students from over 130 countries. In January 2015, Kennesaw State and Southern Polytechnic State University consolidated to create one of the 50 largest public universities in the country.
-
Title
Kennesaw State University is the third-largest university in Georgia, offering nearly 150 undergraduate, graduate and doctoral degrees. A member of the University System of Georgia, Kennesaw State is a comprehensive university with more than 33,000 students from over 130 countries. In January 2015, Kennesaw State and Southern Polytechnic State University consolidated to create one of the 50 largest public universities in the country.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id facilisis arcu. Praesent fringilla sem non justo dapibus, egestas auctor massa tincidunt. Quisque pretium, ligula fermentum malesuada feugiat, felis est iaculis nibh, sed iaculis nisi enim eget est. Nullam id sodales augue, non ullamcorper felis.
Data Tables
-
Column Title 1Column Title 2Column Title 3Column Title 4
-
00000000
-
00000000
Tumblr Feed
KSU Online Launches / Rethinking Responsive Navigation
It was an exciting this week for the ESS WebGroup as we launched a new responsive Web site for the university’s online learners. This site—developed in conjunction with KSU’s Distance Learning Center—will act as the “front door” to the university for online and distance learners.
Going in, we knew that the site had to be “future friendly” to meet the needs of students who would be accessing it from their phones and tablets. The challenge however was in handling two-layers of navigation…something that is prominent in just about any higher education Web site.
Responsive Web sites are awesome things, particularly when having to only deal with five or six points of navigation. I recently took part in a Webinar about responsive design and the issue of second-level navigation came up. The example—one that is fresh, shiny and new—was the new Starbucks Coffee site. The presenter went through the site starting from the desktop to tablet to phone. By the time he went through the breakpoints, we had cycled from multiple navigation points to six. He called it “navigation simplification."
The issue here is why—as proponents of the responsive web—we believe that all content is equal and should not be spared, but in the case of navigation, we feel it’s alright to arbitrarily leave things out left and right. That makes ABSOLUTELY no sense. After all, the navigation isn’t arbitrary! Navigation is the core of a site—from how all content is organized to the functionality of how a user gets to it. Taking an 80-page desktop Starbucks website and whittling it down to seven accessible mobile pages is defeating the purpose of what the responsive web is trying to achieve.
One of the other huge issues that I have seen in other responsive sites with two levels of navigation is the tendency to split the navigation into two separate regions. (i.e.: the main navigation is up top while the secondary navigation is somewhere else on the page). In so many responsive sites, I have seen the smaller screens have the main navigation stay up top, while the secondary navigation immediately follows the content. However, in the desktop view, both the 1st and 2nd navigation areas "live” together. Why separate them for smaller screens? Certainly that can’t be more useable.
All that to say, we steadily worked on this project and spent a good deal of energy on building better responsive navigation for smaller screen devices so that any page of the site could be accessed from a single region dedicated to the navigation. After weeks of thinking and designing, Amos and I gravitated to the navigation on a site called: Ringmark (www.rng.io) We both liked the site’s navigation - that it was compact enough to display the main navigation points while expanding to accommodate the next levels.
For our KSU Online site, we kept all the navigation together at the bottom of the page. We also had to account that each of the main navigation points had pages behind them but also had to be able to expand.
What we came out with is not only a more responsible way to handle the user experience, but a strong backbone to future university site development.
I encourage you to try the new site out on any device at http://learnonline.kennesaw.edu.
Localist Event Feed
Events
+More Events
Social Media Icons
