I would like to present everyone with a New and Improved Mobile Responsive site.
Important aspects of this design and its purpose, but mainly because this new and improved design is based on the fundamental principles of: Simplicity, Elegant, Purposeful, and Minimalist.
New and Improved – Mobile Responsive
I would like to present everyone with a
New and Improved – Mobile Responsive site. It has taken me quite some time to piece together this new design and its improvements. The site has been redesigned from the front to the backend, top to bottom. I would like to key the important aspects of this design and its purpose, but mainly because this new and improved design is based on the fundamental principles of:
Simplicity,
Elegant,
Purposeful, and
Minimalist.
It’s important to note that although the site has been polished, features have stayed intact but have been tweaked a bit to further reflect the design aspect. Midgard is re-introducing its Event Calendar feature. Server owners now have the chance to create / delete events on selected dates and server players (once check off the box ‘Receive Events from this Server?’ after reviewing a server) will also get a calendar on their account page listing upcoming events for the server(s) they reviewed.
Why go with this Design?
The minimalism aspect of the site was a tough one as there was a struggle with a question – How do I achieve this new minimalism? Well, design better. No seriously, the days of poorly executed web sites and apps are over (unless you don’t care about success). No more can you simply just throw together an idea and wait for the Brink’s truck to roll up in your driveway. You need to design a more purposeful, more effective, more useful and more timely web site if you want it to succeed.
Making Midgard Community Useful
A lot of thought has been put into the design as to how users will actually use the site. When designing, instead of putting up hurdles and stumbling blocks for the user, the design comes with an easy, clear path. Users are able to quickly interact with the site and get where they need to go in one glance. Users who stumble a bit, the site is ready to catch them and plop them right back on the path. This design provides polite and direct feedback whenever the user interacts with a button, a form or even a slide show.
Kafras don’t waste time bringing Information
With Mobile Responsive being a key aspect of this design, mobile devices are minimalist creatures by nature and users will be able to consume more with less. This design removes all the extra stuff that is not necessary to the overall goals of the site so that users don’t get lost in the
world of midgard. Minimalism is not just being simple or plain, minimalism is a movement of presenting elements in their fundamental purpose, mobile is a movement of consuming content in its fundamental form.
Bootstrap is the number one source you go to for making mobile responsive designs. Using Boostrap, we now utilize the two most popular CSS preprocessors,
Less and
Sass.
One Framework, every Device
Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.
Full of Features
With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.
Building onto Bootstrap, Midgard successfully utilizes HTML5 and CSS3. HTML5 and CSS3 are the newest web languages designed to help create elegant and efficient websites easily. HTML5 elements are related to page structure, while CSS3 is concerned with presentation.
HTML 5
HTML 5 is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. This will make it a lot easier for search engines and screenreaders to navigate our pages, and improve the web experience for everyone. In addition, HTML 5 will also include fancy APIs for drawing graphics on screen, storing data offline, dragging and dropping, and a lot more.
CSS3
CSS3 features are actually a component of the new HTML5 umbrella, and not a separate entity. The improvements introduced by CSS3 make changes easier and more convenient. It splits development up into modules while simplifying the integration and maintenance of a website.
It also incorporates some exciting new features to further improve the visual appeal and empower the functionality of a website. It offers new classes, selectors and properties, making it easy to set up an aesthetically pleasing layout very quickly. The idea is to continue reducing clutter while encouraging visitors to spend time enjoying the website.
