Web Design Weekly #241

Headlines Craftsmanship, design and code Jonathan White sees valid points to both sides of the debate about whether designers should learn to code or whether developers should learn to design. But rather than the usual angle most articles on this topic take about what companies want in the way of skill-sets, he encourages developers and designers to focus on doing what they enjoy and make it part of their craft. (medium.freecodecamp.com) Typography for User Interfaces (viljamis.com) HipChat Group Chat for Designers. A chat tool that’s actually built for teams and…

Short links in wordpress not working properly

Short links generated by wordpress is not working for post permalinks like this: https: //www.mysite.com/test/mypage It’s working if the permalink looks like this: https: //www.mysite.com/mypage In both cases I get a short url like this: https: //www.mysite.com/?p=123 Or https: //www.mysite.com/3BmdT (If I use a plugin: Shortn.it) Source: https://wordpress.stackexchange.com/feeds

Web Design Weekly #240

Headlines Improving CSS quality at Facebook and beyond Learning the ins and outs about how big companies develop is fascinating. In this post we get to see an insight into how Facebook improve the quality of their CSS. It’s extremely cool to see they are using Stylelint, which is something that I blogged about this week. (code.facebook.com) Prerelease Notes for Safari 10.0 (developer.apple.com) ​Hired – The End of Job Searching ​Finding a job doesn’t have to suck. Join Hired to start getting offers from top tech companies like GitHub, Facebook,…

How to disable permalink of a particular menu item?

I’m using WordPress Twenty Sixteen theme. Now I’ve a menu item named Product and it has a sub menu. The product page has a permalink as usual, but I want to remove it i.e., when I click on this menu item, it shouldn’t perform any action, just like clicking on a text. However, it should not lose its hover color while doing so. I found a solution pointer-events: none, but it removes the hover color. I don’t want to use JavaScript/jQuery. Is there any other solution? Source: https://wordpress.stackexchange.com/feeds

Integrate Stylelint Into Your Workflow For Better CSS

Working within a team or solo can adjust the development priorities but one that should always be high on the agenda is producing the best code possible. Working on a clean, well organised codebase is bliss. It’s enjoyable and productive. Working on an unorganised codebase is annoying to say the least. It’s often frustrating, painfully slow to change and test anything and invites laziness. Thankfully as CSS developers we have a handy tool called Stylelint that can help us avoid the unorganised situation. By dedicating a small amount of setup…

Web Design Weekly #239

Headlines Beyond Progressive Web Apps Progressive Web Apps are all the rage and this primer by Jan Lehnardt is a great way to get your head around what PWA are all about and where things are headed. (hood.ie) ​Hired – The End of Job Searching ​Finding a job doesn’t have to suck. Join Hired to start getting offers from top tech companies like GitHub, Facebook, and Stripe. You’ll get salary & equity upfront on every offer, and you’ll get a $1,000 signing bonus on top as a thank you! (hired.com)…

Count days from registration date to today

I’d like to add extra text to users who signed up for more the x days. My function is as follows: $today = current_time( ‘mysql’ ); $days_diff = date( ‘d’, $today); $register_date = strtotime( get_the_author_meta( ‘user_registered’, $post_author_id ) ); $register_on = date_i18n( get_option(‘date_format’), $register_date ); echo sprintf( __( ‘%s ago’, ‘kiwi’ ), apply_filters( ‘string_format_i18n’, human_time_diff( $register_date ) ) ); When I use a var_dump on $today, $days_diff, and $register_date string(19) « 2016-06-13 13:50:38 » string(2) « 01 » string(12) « June 3, 2016 » The problem is $days_diff. Anyone an idea how to change this variable…

Rationalizing Functional CSS

This post by Marcelo Somers looks at the good and bad parts of writing functional CSS. I loved writing really clever, powerful CSS classes. I argued for it because of “ease of developer consumption.” My goal was that a developer could add a single class to an element and it would automagically do everything for them. Basically, the opposite of functional CSS. 3 months into a functional approach to CSS architecture, I’m addicted. The times I’ve used the old monolith approach, it’s become a tedious challenge in jumping between files…

jQuery 3.0 Final Released!

jQuery 3.0 is now released! This version has been in the works since October 2014. We set out to create a slimmer, faster version of jQuery (with backwards compatibility in mind). We’ve removed all of the old IE workarounds and taken advantage of some of the more modern web APIs where it made sense. In a nutshell: Faster Deleted oldIE code Slim version (removes ajax/effects) Promises/A+ Deferred What are you waiting for! Go and update your version of jQuery blog.jquery.com/2016/06/09/jquery-3-0-final-released Source: web design weekly