Shomeya

Two web artists. One amazing company.

Articles tagged: Frontend

Styling Bootstrap 3 Buttons in Drupal 7

from Sarah Prasuhn on June 2, 2015 03:20pm

Article_large_ferris_wheel

One of the greatest differences between Bootstrap 2 and Bootstrap 3 is the out of the box look and feel. Bootstrap 2 had a lot more pre-built colors and states, whereas Bootstrap 3 is a little more barebones.

So we're going to cover adding the class to integrate the basic default buttons, and then in Part 2 cover how to implement some more pre-built styles the colors, and sizing etc.

Like most frameworks you just add the class of course...but where?

Read more

3 Pro-Theming Tips for Drupal 7

from Sarah Prasuhn on February 26, 2015 10:00am

Article_large_photo-1414490929659-9a12b7e31907

Most developers know how to do these, but a lot of people follow the temptation and skip them in the rush to go live.

These simple steps reassure future developers and clients that you know what you are doing, subsequently increasing your value with just a few minutes of work.

All which means you can charge more and book more clients, both of which lead to the ability to do more of the things you love that are just for fun!

Read more

Why you should ALWAYS have a troubleshooting guide

from Sarah Prasuhn on February 11, 2015 04:40pm

Article_large_img_6727

Your demo is in 4hrs. 4 hours! The issues you have left could take that much time, not even counting pushing the changes and hoping it doesn't break the dev site.

Oh, and did I mention...your design changes aren't showing up. So you can't fix anything right now. ANYTHING! You haven't changed an issue to DONE in over an hour.

You've tried everything.

Save. Reload. Save. RELOAD AGAIN. What could it be?

Read more

7 Things for Troubleshooting Drupal 7 Theming

from Sarah Prasuhn on January 28, 2015 11:05am

Article_large_irish-hands

When I worked in Reality TV Post Production I always had a troubleshooting guide. Most of the time I was working the night shift, and trust me no matter how many times you've done something sometimes your brain just breaks at 2am.

In case you haven't done this before a troubleshooting guide is basically just a list of the steps you take when things break, it helps you avoid that moment of exasperation 3 hours later when you realize how simple the solution really was.

Read more

When to Use a Framework

from Sarah Prasuhn on January 15, 2015 10:45am

Article_large_framework

Design frameworks are pretty and shiny and like Drupal can be fun, but you have to use them in the right context. So here's when to use a Design Framework for your Drupal site, and by default when not to as well.

Read more

Making Drupal images look good on retina displays

from Michael Prasuhn on April 9, 2013 11:35am

Article_large_retina-phone

"Why does my site look blurry?"

After hours of laboring over a new Drupal theme, you check, double check, compile, and push your code. After emailing your client you sit back anticipating a pat on the back when you hear "Why is it blurry on my iPhone?"

While responsive design goes a long way towards making your site look great on all different sizes of devices it doesn't take into account the device resolution or 'retina' aspect of device its being displayed upon.

What is a "Retina" display?

Retina is the term that Apple uses to describe their high DPI (dots per inch, sometimes seen as PPI, or pixels per inch) screens, which simply means that the individual pixels on their screens are smaller, and there are more of them in a given space. This make text and images more crisp by displaying more detailed information.

It's not just Apple devices

You might think that this is a problem limited to Apple devices based on how heavily Apple market this feature, but there are plenty of other devices out there. Many of the top selling Android phones and tablets would qualify as high DPI too, such as the Nexus S, Nexus 7 and the new Samsung Galaxy S3.

You're going to need something other than a few CSS3 media queries to make your images look good on all the devices out there...

Read more

Subscribe via RSS