On Tuesday March 6th, 2012 Adam Humphrey of Adammer presented “Pushing Pixels in the DotNetNuke Ecosystem (Principles of DotNetNuke Skin Design)” to the Bay Area DotNetNuke User Group.
Presentation Description:
This discussion will cover both basic and advanced real world skinning techniques and methodologies with an emphasis on web standards and design flexibility/fluidity. Unencumbered by past precedent, this promises to be a lively and informative discussion, even for the non-technical.
More about Adam Humphrey on the DotNetNuke Blog
Additional Videos:
Categories: DotNetNuke, Information, Tips Tags: Design, DNN skins, DNN Tips, DotNetNuke, HTML5, Tutorials, W3C, WAI, WCAG
Overview
The Adammer CSS NavMenu creates unordered lists that are styled entirely by CSS for displaying navigation within our custom and commercial DotNetNuke skins.
The hover/fly-out solution is modeled after “Son of Suckerfish” using embedded unordered lists. This solution does not require any external JavaScript. Set navType="Hover" for this type of menu.
Read more…
We’re excited to release Greytness v2.5, the latest version of our extremely popular DNN skin
…and it’s still FREE!
Visit the demo site to download.
Features
Native DNN 6 Containers
We’ve updated the containers to support the new DNN 6 “Manage” button.
Don’t worry, they maintain full DNN 5 compatiblity too!
Updated h1-h6 Styles
We’ve updated the header (h1-h6) sytles to better handle wrapping module titles.
Read more…
We’re excited to release Greytness v2.4, the latest version of our extremely popular DNN skin
…and it’s still FREE!
Visit the demo site to download.
Features
New Install Package
The Greytness install package now includes the Adammer NavMenu Skin Object. It’s no longer necessary to install our menu module before you install Greytness.
DotNetNuke 6 compatible
5 Unique Designs
Greytness includes 5 unique themes: Charcool, Charcool Breadcrumb, Standard, Midnight, and Winter.
Read more…
We’ve enabled SSL on the entire Adammer website.
You now have end-to-end encryption between your computer and the Adammer AlphaWorks servers. This secured channel helps protect your data from being intercepted by a third party. This provides you with a more secure and private user experience.
Use our contact form or post a comment to our blog with the knowledge that your information, email address, comments, etc., will be encrypted.
What is SSL?
SSL (Secure Sockets Layer) is a protocol that helps provide secure Internet communications for services like web browsing, e-mail, instant messaging, and other data transfers. When you use SSL, your information is encrypted so it can’t be read by any intermediary party such as employers and internet service providers (ISPs).
We’re excited to release Greytness v2.3, the latest version of our extremely popular DNN skin
…and it’s still FREE!
Visit the demo site to download.
New Features
New Charcool Themes
In this latest version of Greytness, we’ve added two new Themes: Charcool and Charcool Breadcrumb.
Fully commented CSS
The skin.css file is now fully commented to make customization much easier.
Read more…
We are pleased to announce the release of Elemento version 1.1.
New Features:
- Login/Register links added to the breadcrumb division. Commented out by default.
- New “additionalHeader” class added to the footer menu style to support multiple subjects in the footer menu.
Read more…
We have migrated the Adammer.com website from XHTML1.1 to HTML5. We are constantly investigating and testing new technologies and before we offer them as solutions we run them in high traffic production environments.
Current Website Compliance (a moving target)
HTML5 [validate]
In this version of the Hypertext Markup Language (HTML), new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability. Read more
CSS3 (CSS level 3) [validate]
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Read more
WAI-AAA, WCAG 2.0 [validate]
Web Accessibility Initiative (WAI) and the Web Content Accessibility Guidelines 2.0 (WCAG 2.0) explain how to make Web content accessible to people with disabilities. Conformance to these Guidelines will help make the Web more accessible to users with disabilities and will benefit all users. Read more
We released ArchitectX v.2 the latest version of our most popular DNN skin. This newest version includes full DNN 5 support.
Best Practices
- World Wide Web Consortium (“W3C”) validated XHTML.
- Web Content Accessibility Guidelines (“WCAG”) Priority 1 verified.
- W3C validated CSS.
- Rehabilitation Act Section 508 compliant.
- Reviewed by the DotNetNuke™ Corporation.
- Compatible with DNN 4.6+ and 5.
