Tag Archives: CSS
CSS subpixel rendering
Working on a responsive site a little while ago, I was running into a very strange problem where elements were refusing to line up.
I had a list of menu links (<a> tags wrapped in <li>’s) and above them I had <h3> tags labeling each section. All the widths I was using are % based. The <h3> tags were 100% of the wrapper, the <li>’s the same (and their wrapping <ul>’s), and the <a> tags were 90% width with 5% padding on the sides (90%+5%+5% = 100%) width <span>’s wrapping the inner text.
And yet somehow the <h3>’s were appearing a tiny bit longer than the <a> tags when testing on mobile! In fact they were exactly 0.5px off. That is really odd and I knew it had to do something with subpixel rendering: (more…)
8 common mistakes developers make in Magento
In a previous post, we shared our team’s notes of common mistakes developers make in WordPress. Of course, here at Pixafy we work on multiple platforms, so we now turn our attention to Magento.
Having completed numerous Magento sites here at Pixafy, and numerous certified developers on staff, we have seen it all! Our team has again compiled some great tips to avoid making mistakes. We break it down evenly, with four tips for front-end developers and designers, and four for programmers and engineers: (more…)
9 common mistakes developers make in WordPress
Having done dozens of projects on the WordPress platform, we’ve learned a lot along the way about best practices from which others could benefit. Here are tips, culled from our team, of common mistakes to avoid when developing in WordPress:
10 great tips for debugging and testing sites
Let’s be honest, debugging/testing a site can sometimes be vexatious and time consuming. It can take hours or even days to figure out why a feature isn’t working properly. To help alleviate this process, we at Pixafy have come up with a list of 10 tips and best practices for tackling this issue.
Here are recommendations from our team: (more…)
10 ways to break a mental block
When working as a front-end developer or an engineer, hitting a mental block can be one of the most frustrating parts of the job. Still, no matter how much you want to avoid it, sometimes it can’t be helped.
So how do you get past it? We asked our team to offer their suggestions, and we developed this list of 10 suggestions: (more…)
5 tips for styling WordPress widgets with minimal CSS
One of the most common features people take advantage of when we’re being asked to build a WordPress blog are the widgets. Widgets are easy to apply in any blog and, for developers, easy to style. (more…)
Tips for diving into WordPress themes
Here at Pixafy, I’ve built a fair share of WordPress sites. I have learned over time that whether the site is a blog, a grid of images or even a one page site, once I understood the WordPress structure, I was able to customize WordPress to what fit my needs at the time. This understanding led to developing a few practices to make this process easier each time. (more…)
Making HTML emails (non-mobile)
I remember the late 90’s as an era of both pop and if you lived in my neighborhood, reggae. It was an age where the closest thing to anime on American Television was Sailor Moon, and N64 was still new. Not every household had a computer, and AOL was the best thing since sliced bread. (more…)
Selecting a style… for your select box: Part 2
Last time we looked at select boxes and how to hide them in a technique we call “Hidden Box.” I am going to take you through a different approach to making a style select box. But this technique doesn’t use a drop down box at all! That’s why it’s called:
“The Total Faker” (more…)
9 ways to improve your code
Like writing or painting, coding is an art. Code can be beautiful, well thought out, and organized but in the real world, we all know that “making something work” comes before clean code. That said, there’s steps you can take to make your code closer to an elegant place, while making your life easier at the same time: (more…)