- Supercharge Continuous Delivery in Jenkins with the Workflow Plugin
- FLIP Your Animations
A way of checking your animations. - The WordPress REST API
- 3 UX Errors to Avoid When Designing an Unsubscribe Flow
You need to be very thoughtful with unsubscribe UX, because your user can just mark as spam and you have a whole nother issue. - Subtle Click Feedback Effects
Brilliant as always from Codrops - Accessible toggle-style checkbox
- israelidanny/ie8linter · GitHub
A little tool to lint websites for IE8 compatibility, with warnings for possible pitfalls and suggested fixes. - Why I Don’t Use Compass Anymore
I’ve moved away from Compass too. Truth be told, I only used it for vendor prefixes and autoprefixer does that (better) now. - Responsible Social Share Links — Jonathan Suh
You’d be surprised what you can do without JS. - Frontend.md
Documents your css and js. - The God Login
All great things you should be doing in a login, some easier than others. - Experiment: Using Flexbox Today
- Inline SVG with Grunticon Fallback
- The 15 Commandments of Front-End Performance
- RSCSS – Reasonable Standard* for CSS Stylesheet Structure.
- Making a Single Page App Without a Framework
Funny, as @GarthDB points out: “Making a Single Page App without a framework” “we will be using the jquery *library*” - Bouncy Navigation | Codyhouse
Just one of those cool effects for a navigation overlay. - html5-boilerplate/CHANGELOG.md at v5.0.0
Lotsa things have changed in the boilerplate. - Ol’ John Henry
The idea of machines taking over our jobs has been on my mind for some time. Well put by Dave Rupert. - Combining Underscores With Bootstrap to Create a Theme Framework: Introducing Bootstrap
Combining things I love and things I don’t. - What No One Tells You About Working From Home
- Document Object Model
Understanding the Document Object Model is integral to JavaScript and even css & html. Looking back, it really wasn’t until browser dev tools came out that it clicked with me. - Client-side MVC’s major bug
Article Roundup for 02.06.2015
Some great stuff this week. A huge win for Net Neutrality and IE in the process of being sun-setted.
- RodriguezCommaJ – Author Template
This email template gives you a reset of sorts that looks good. It is $10, but worth it’s weight in gold if you’ve ever created an html email. - Transitioning to SCSS at Scale
- Benchmarks: Internet Explorer 11 vs. Spartan vs. Google Chrome 40 vs. Firefox 35
“Spartan (IE Experimental) offers a significant boost compared to IE11 although it was still not enough to beat Google Chrome 40 or Firefox 35 in some of the benchmarks.” - A Linux Developer’s Setup
Working on a Unix-based system is key for a Web Developer IMO. Most of the points he makes in here apply to OS X as well, but as he points out, Linux has upsides to OS X. If Apple ever does anything to really make me mad, it’s comforting to know Linux will always be there to save me. - Grunticon
Why have I not used this before? One of the keys to a lightweight page is using SVG’s for images (when possible). Grunticon just makes it easier. - Microsoft’s touch-friendly Office shows great potential for Windows 10 apps
Microsoft really needed a touch-friendly overhaul to Office. - 11 Reasons to Care About Mobile Performance in 2015 [INFOGRAPHIC]
- Net neutrality wins: the FCC will propose strong Title II regulation
- This site shows how speed and efficiency should be done
- Style Guide Generator Roundup
I love styleguides, but by it’s nature of being a fairly new idea, it’s constantly changing. - 7 simple rules for mobile typography
- jQuery event trigger namespace
Clever - The Long Web – An Event Apart Video with Jeremy Keith
- You can copy() from the console
Cool! - Introducing the Codrops CSS Reference
- Google Now takes a bite out of your privacy
What’s new? - Getting Started with the WordPress Theme Customization API
IMHO: The only way to add theme options to a WordPress theme. - Screencast: Building Smarter UI Interactions using :checked
He does some pretty cool things to get this to work in pure css. He’s also using VIM mode ins Sublime Text, so that’s kinda cool to watch too. - What Makes Ecommerce Design Different?
- Inside Microsoft’s New Rendering Engine For The “Project Spartan”
- 10 free WordPress plugins for February 2015
Lots of gems in here. I’m really digging the Post Type Requirements Checklist plugin. - Web publishers can delete stuff from archive.org
- What’s wrong with your pa$$w0rd? | TED.com
- Examples of Animation in Web Design
…and they aren’t just there for animation’s sake. - Chrome continues to fall apart at brisk pace
- Microsoft to support Raspberry Pi 2 with a free version of Windows 10
Hmm, cheap IE testing machine? - Optimizing Your Images for WordPress
Optimization is something I love to do. There are some great tools in here including EWWW Image Optimizer. Every WordPress site should have that installed. - The best of January’s web design podcasts
Some great picks - Optimizing Your Workflow
I do like finding ways to streamline workflows on my computer. Be sure not to get too carried away. I spent about 2 hours on Monday creating shortcuts for Alfred Remote, which I haven’t really used all week. :/
I listen to a lot of podcasts, and as I do with articles, I thought I’d start calling out some of the better episodes that I listen to.
In this episode of The Web Ahead, Jen talks with Rey Bango from Microsoft about what Project Spartan is and why this helps Microsoft make an even better browser/rendering engine. They have forked the Trident rendering engine and pulled out most of the proprietary/legacy junk of years past, but still giving the enterprise options for legacy intranet websites.
Rey also talks about the easiest way to test IE on any platform. Microsoft is very interested in making IE testing as frictionless as possible.
A great listen!
The Web Ahead: Rethinking Microsoft’s Browser with Rey Bango
Article Roundup for 01.30.2015
Another week, another article roundup! I’ve been very intrigued with this debate over front-end MVC’s such as Angular, Ember.js and Backbone. You may see an uptick in articles about this subject over the next few weeks.
As always, if you have any feedback on Article Roundups, leave a comment. Thanks for reading!
- AOL is shutting down its Apple blog TUAW
As The Verge says “There goes another one.” - Simple CSS-Only Row and Column Highlighting
clever trick! - Extensibility
Jeremy on Web Components. I find myself aligning with his opinions. - Your favourite app isn’t native
- Adobe is suing Forever 21 for pirating Photoshop
duh. If you are a big company, spend $50/month. - 1 out of 6 internet users in the US don’t have broadband access
- iPhone Screenshot Maker
I’ve been looking for an iPhone screenshot tool for some time. This one adds a nice iPhone frame around your screenshot. - WordPress Theme Creation With Underscores – Tuts+ Course
This is the defacto “blank theme” for developing WordPress themes from scratch. It’s in Tuts+, but they offer a 30 day free trial. - Introducing CockpitCMS – a CMS for Developers
- @extend Wrapper a.k.a Mixtend
interesting technique - Hobo for Mac – The best way to manage Vagrant and vagrantfiles on your Mac
This is really dead simple. Easy enough where you could pass this VM onto a PM or Designer with no issues. One thing I’m not sure about is how you keep your WordPress code updated for those users. - How you can help to improve WordPress
- YouTube drops Flash for HTML5 video as default
Yah, standards! - Updates for the F12 developer tools in the Windows 10 January Technical Preview
Some updates to the ever-improving F12 Tools in IE. - Microsoft reveals its Internet Explorer successor will support extensions
Kinda have to these days. - My thoughts on Squarespace (and other site builders)
ICYMI - Fun with line-height!
Vertical rhythm is something I have really taken to, and line-height is fundimental to it. - CSS Level 4 Selectors to Watch Out For
- The ultimate guide to SVG
SVG is IE9 plus and polyfills are pretty easy. If you aren’t, you really need to be using SVG. No need for responsive images. - 5 Beautiful and Responsive Footer Templates
- illustrator-svg-exporter · GitHub
Exporting SVG’s in Illustrator kinda sucks. - Facebook’s new app for developing countries is just 252KB
#optimization - Visiting an Angular site with Opera Mini.
Some Squarespace ads have rubbed me the wrong way. Honestly, its a little because it seems to threaten my business, but mostly because the ad-readers write off Web Design altogether (sometimes more subtle than others).I was reminded of this after I read Chris Enns’ post on Paying for Web Design vs Squarespace and it struck a cord with me. After Chris listened to the latest The Talk Show:
Something about the way John Gruber & Marco Arment mocked paying money for web design during a Squarespace ad on The Talk Show seemed off. You can listen here at the 1:14 mark.
But after thinking about this for some time, I think these platforms are a good thing not a bad thing for our industry. We need to understand where these tools excel and lack.
Where they excel
There are legitimate reasons to use site builders like Squarespace. They are great tools for companies that have smaller budgets or companies that are just starting up. For companies that can’t afford a custom website, this is a great way to get a web esenseesense.
Where they don’t
Squarespace may give you a design quickly, but there is a ceiling to it. Areas like user experience, content optimization and other things are things that we still have the expertise in and any automated system will not address all of these. Squarespace won’t stop a user from writing a 3000 word “About Us” page, or create a 20 page slider (or any slider for that matter). This is where we come in.
How we can embrace them
Whenever I am having a conversation with a potential client, and a tool like this (or even a WordPress template) is brought up as something they are using, this is how I usually respond (and I swear it doesn’t sound as condescending as this reads):
That is awesome you got a website stood up on your own! Those tools work really well for getting a site up and running. Having a web presence in the vital for your business. Let me know if you want a second set of eyes on it.
If/when this person grows out of this website, or finds they don’t have time to work on their website, you might be the first person they call to take their web presence to the next level. And with a client that has an existing website that is pretty well put together, it makes the next iteration that much easier to build.
Getting back to the ads
I think we can’t be polarizing when forming opinions about site builders. Web Designers can’t write them off entirely as tools that create subpar websites. Ad readers shouldn’t sell them as the silver bullet of web design (Remember who is writing the check for those ads). I appreciate Chris Coyier’s reads when Squarespace was sponsoring ShopTalk. To paraphrase, he thinks these are great for smaller companies that wouldn’t normally pay for your services, but still want a web presence.
Even though these tools seem to threaten our business, that’s ok. It forces us to be better at what we do. It forces us to create better user experiences and design better websites. I just ask podcast ad-readers to not write off Web Design completely.