… a certain way? WDS is a big proponent of docblocks and inline comments throughout our PHP, JS, and Sass files. We should make our files easy to understand and leave no question as to why we chose to do things This...
Read More Snippets Saved My Life: How Sublime Text 3 Snippets Changed EverythingSearch Results for: Sass
Didn't find what you were looking for? Try another search!
What WDS Did for Five for the Future: July 2016
… on integrating ElasticPress into WordPress awhile back, too!) Carrie worked on Alcatraz theme. She added a new page option to the page metaboxes that allow the user to override the site's default layout option (which is usually boxed, boxed content, or...
Read More What WDS Did for Five for the Future: July 2016PHPStorm for Front-End Developers
… to create plugins, too. Although there are quite a few plugins, I think this is one area where PHPStorm falls short to other text editors. That being said, let's go over a few plugins I am currently using. CSS Alphabetical Rearranger (beta):...
Read More PHPStorm for Front-End DevelopersIntegrating Sketch3 Into Your Photoshop Workflow
… color palettes and typography styles as Sass variables that plug right into my theme stylesheets. I can import text data from an existing WordPress-based site using JSON (so handy for redesigns!). I can group symbols so that editing one button modifies all...
Read More Integrating Sketch3 Into Your Photoshop WorkflowHow We Built Skype in Media on WordPress
… Behind good design, there's a reason for everything. Form follows function since we're designing not only for the client, but the client's client..." (AKA the user!) Thanks to software like Invision, communication between the Simon and the client went smoothly and...
Read More How We Built Skype in Media on WordPressIntroducing the wd_s Pattern Library!
… see each pattern contains a bit of meta information, like original author, date added, and a brief description, as well as the HTML should you chose to use it in your WordPress theme. Pretty neat, right? Should you also choose to...
Read More Introducing the wd_s Pattern Library!Creating Better 404 Pages
… at what not to do first. Watch the tone Well, obviously! Don't use negative or condescending language in your 404 message. You may think you're being witty, but a user with limited time has just landed on the wrong thing and the last thing...
Read More Creating Better 404 PagesGulp Configuration: A Beginners Guide
Recently, WebDevStudios integrated Gulp into our theme boilerplate, wd_s. Below, I go through the Gulpfile.js, section by section, in hopes that you can benefit from our mistakes experience. Terminology Alright, newbie, before we dive in, let's go over a few definitions: Gulp - A streaming build...
Read More Gulp Configuration: A Beginners GuideThe Future of WebDevStudios Starter Theme: wd_s
… wd_s for the foreseeable future, however we've decided to move the inclusion of Bourbon and Neat to Node instead of Bower. At the request of Lisa, Grunt has been the build tool at WebDevStudios since late 2013. She saw the need for all developers...
Read More The Future of WebDevStudios Starter Theme: wd_s