For any web developer, the word CSS is not something new. Despite the fact that CSS is an awesome programming/styling language, it comes with certain limitations which cannot be ignored. Thankfully, the CSS preprocessor languages like Syntactically Awesome Syle Sheets (Sass) and LESS have saved the day. In today’s post, I’m going to explain how you can use Sass with WordPress through NPM Scripts and provide you with an easy to use boilerplate. Let’s start with the basics. What is Sass? Sass is a CSS preprocessor language that helps developers write CSS in a better and more meaningful way. With Sass, […]
As web developers go, I’m a pragmatist. I have a core set of development practices that work well for me, and I’m not constantly bounding forward to the bleeding edge of dev technology. If you’re like me, you may feel intimidated by what I’ll refer to as “die-hard” developers—devs who are innately fascinated by development languages, patterns, and tools, particularly new ones. Watching the endless flood of new tools year after year (Grunt? Node.js?) can feel like falling further and further behind the “real” programmers. The test of a new tool. . . My advice for this situation is not to […]
Like it or not, if you’re a WordPress developer CSS is part of your life. One of the reasons that CSS bothers me so much is that writing it involves a constant violation of the golden rule of programming: “don’t repeat yourself.” While I’m still not a designer, learning to use the CSS pre-processor SASS has allowed me to write CSS in a sane manner. Not only is SASS more efficient, but I think it leads to an overall better design. The best part about SASS is that its an actual programming language, which means if you know the basics […]
Bronson Quick shared his development workflow with the group over at WordCamp Melbourne and it was worth a look if you’re both a newbie developer as one that’s got his act together. This talk outlines the process the proces that he takes after he’s received design sign off from the client and it generally looks like this: Setting up a Basecamp project Setting up a private GitHub repository Setting up my IDE (Phpstorm) Setting up Sass & Compass for CSS preprocessing Custom Theme Development Custom Plugin Development Testing (Both cross browser and device ) Migration with BackupBuddy Ongoing maintenance Watch […]
This past week has been an absolute blur – busyness hit an all-time high today as I had a keynote at a conference early in the morning, my daughter’s soccer game, and 3 back-to-back-to-back birthday parties and then my wife had a girl’s night out while I took care of the kids. Whew. I’m drained. But it’s a “good” type of drained, you know? Hope you’re having a great weekend yourself. With that, here’s your Weekend WordPress Roundup:
Hope you guys had a great week! It’s already into March, can you believe it? We’re nearly 25% of the way through 2013. Someone pinch me, seriously, because it’s moving way too fast. Here’s your weekly rundown of what you may have missed that wasn’t explicitly covered here on WP Daily. Let us know if we missed anything or if we need to subscribe to a particular blog and what not! I think you should at least take a look at #3, $22, #24, and #26. Those are must-reads, especially #24 on remote management.
It seems almost every other theme that I have seen lately has a responsive design and this is probably going to be the year where it really becomes a staple in our industry. I really would like to talk about the different options and hear from theme developers out there what you are doing: Are you using a responsive framework, or are you rolling your own with media queries? There are quite a few frameworks and responsive grids out there, but I just want to briefly talk about the few of the top players.
Are you a fan of LESS or Sass preprocessors? Because if you are then you’re going to be stoked to find that they are both now available via your CSS Editor on both WordPress.com and your self-hosted solutions (via Jetpack). Yeah, I know, right? That’s a big deal, especially for those that spend a lot of time tweaking, editing, and creating new CSS and styles for their blogs, their clients, and their projects. For the uninitiated, a preprocessor are extensions to CSS to simply allow you to manage your CSS with more ease.
Jetpack, a behemoth of a WordPress plugin with a number of turn-key features, has released their 2.0.3 update whoops, now it’s 2.0.4 after a slight issue with 2.0.3, boasting updates to Photon, their “image accelerator” as well as compatibility with their infinite scroll feature. The custom CSS editor also got hit big with some updates improving the editing experience incorporating support for Sass and LESS, which I’m a personal fan of. The complete list of changes can be seen on the changelog.