Blog

Omega 4.x vs. Aurora Themes

Submitted by starryeyez024
on June 11, 2013 - 2:54pm

Comparison in progress....

 

Omega 4.x

 Aurora 3.x

Layout
  • Totally fluid layout
  • Add in your own breakpoints where you need them. 
  • The introduction of "layouts" essentially makes creating variations of page.tpl.php in code or the use of the Delta module unnecessary.
  • It splits up the CSS of Drupal core into separate admin and core stylesheets, reducing CSS load by 30%
  • Totally fluid layout
  • Add in your own breakpoints where you need them. 

HTML5

Yes

Aurora comes with many of Drupal's default templates updated to use the proper HTML5 syntaxes as well as proper ARIA roles.

Introduction to CSS combinators

Submitted by starryeyez024
on March 27, 2013 - 12:00pm

I was heartbroken to find that my favorite reference page for CSS combinators was gone this morning. Apparently the entire wordpress site was deleted. So I harvested the data from the google cached page and am posting it here. I'd like to give the author credit but unfortunately I cannot get to the old "about" page, even through various search engine caches. So thanks, whoever you are. :)

"I’m no Zeldman, but I’m pretty good at CSS. I used to do some web development on the side and I made it a point to make all of my sites fully standards compliant and semantic.

SASS mixin for wrap-around ribbons

Submitted by starryeyez024
on March 20, 2013 - 1:21pm

I just found this blog post about CSS3 wrap-around ribbon with no additional markup, so I used that CSS to create a SASS mixin with editable variables. Here's a great Intro to SASS video) if you are unfamiliar with SASS. A very quick and easy way to add a bit of flair to your design!

 

Example Header

Example Text under the header

 

@mixin wraparound($wrap-color: black, 
  $left-side: 30px, $wrap-left: 10px, $right-side: 30px, $wrap-right: 10px)
  position: relative
  padding-left: $left-side
  padding-right: $right-side
  margin: 0 -$left-side 0 -$right-side
  &:before
    content: " "

Using an SVG as a button background

Submitted by starryeyez024
on February 7, 2013 - 9:54am

As you know, there's no penalty of pixelation when stretching SVGs because they are not based on pixels. They also save a lot of load time on the site, as you can load one vector image instead of half a dozen pixel-based images. Find out how to use SVGs as button backgrounds on Mediacurrent's blog page.

 

Mobile Menu Options for Omega & Drupal

Submitted by starryeyez024
on October 2, 2012 - 4:26pm

Based on a comment on my Omega Theme blog post asking about responsive menus, I decided to outline a few thoughts I have on what works!

Check out the Responsive Menu Options article on Mediacurrent's blog page. 

 

Pages

 

Psst, I also have quite a few blog posts at Mediacurrent.com!

 

 

©2013 Kendall Totten