CSS Selectors That Rock

Styling websites can get a little mundane if the site you are working on is not so aesthetically pleasing or challenging. If I find myself just going through the motions, I tend to step back and try to improve my skills. Doing this not only increases motivation for the project, it also puts are few more tricks up my sleeve for future projects. Below are 10 CSS selectors. Some of them you probably use on every project and some possibly never. Next time you’re finding yourself going through the motions,…

Responsive Workflow

http://viljamis.com/blog/2012/responsive-workflow/ Viljami Salminen, a UI/Web Designer and Developer from Finland explains his responsive workflow. He offers some great thoughtful descriptions on each individual step. His responsive workflow is broken down into the following steps: Discover, Plan, Text Design, Sketch, Prototype, Visual Design, Test, Discuss and Iterate. Some highlights included the free ‘Device Breakpoint Diagram’, the Text Design step (which was a new concept to me) and the Visual Design step which included some great typography tips. ‘Text design’ here means that we write (design) all the contents of the website…

How to display user role

How to display user role on author page. I have created my own role (group) so I want to display the user role on below the post and on author list. I have tried this code but not working as its calling current_user and its showing current user role in all authors profile <?php $user_roles = $current_user->roles; $user_role = array_shift($user_roles); if ($user_role == ‘administrator’) { echo ‘Administrator’; } elseif ($user_role == ‘editor’) { echo ‘Editor’; } elseif ($user_role == ‘author’) { echo ‘Author’; } elseif ($user_role == ‘contributor’) { echo…

Web Design Weekly #44

Headlines WorkFu WorkFu has now launched. It’s goal is to create a beautiful, super simple, free web platform that recommends opportunities and talent to you based upon the networks you use everyday. Whether you’re looking for a freelance opportunity, a new career or in fact any type of work opportunity, WorkFu will present all available opportunities ordered according to their relevance to you. They rate an opportunity’s relevance by FuScore (%). (workfu.com) Chrome Overtakes Internet Explorer Google Chrome has been long expected to leapfrog Microsoft’s Internet Explorer to take its…

Using Fonts

A quick overview of how to use different fonts on your website. The screencast covers setting up your site to use the CSS @font-face rule. Working with Google’s powerful webfonts and using Adobe’s awesome Typekit service. Running time: 6:05 Screencast Links Dafont Font Squirrel Kits Font Squirrel Generator Code and More Font-Face Google Webfonts Typekit Mamp Source: web design weekly

Web Design Weekly Workflow

During the last few months I have had a few enquires about the processes I use on a weekly basis to get Web Design Weekly out the door each Friday (whilst working full-time). The workflow has evolved and will continue to. The process still needs refining so if you have any suggestions, feel free to have your say below. In the first few weeks of curating WDW, I was surprised how much time it was actually taking. Each week I was getting quicker but it was still taking way too…

Sass vs. Less

http://css-tricks.com/sass-vs-less/ Chris Coyier covers the hot topic of “Which CSS preprocessor language should I choose?”. He does a great side-by-side comparison. It is a great read if you are already using CSS preprocessors or not. Also be sure to check out the 160+ comments! Source: web design weekly

How to disable TinyMCE from removing span tags

I am posting Word generated HTML to WordPress via XMLRPC. Before I go to post.php, the format is correctly preserved in the database. TinyMCE performs its magic and I lose quite a few formatting details. The main issue i am seeing is that <span> tag with style information surrounding other elements are stripped out. I have verified that these tags are indeed removed by TinyMCE and not Kses. Is there a way to prevent TinyMCE from altering the HTML? I have tried add_filter(‘tiny_mce_before_init’, ‘tinymce_init’); function tinymce_init( $init ) { $init[‘extended_valid_elements’]…

Web Design Weekly #43

Headlines Secret src There’s been quite a lot of action this week around the subject of standardising responsive images. Jeremy Keith looks at the two different matters in detail, the process and the technicalities. (adactio.com) Responsive Images and Web Standards at the Turning Point The goal of a “responsive images” solution is to deliver images optimised for the end user’s context, rather than serving the largest potentially necessary image to everyone. Unfortunately, this hasn’t been quite so simple in practice as it is in theory. (alistapart.com) SASS vs. LESS Really…

Web Design Weekly #42

Headlines The Smashing Book #3 7 months of work. 44 people involved. As always, another top quality production by Smashing Magazine! If you haven’t grabbed yourself a copy, what are you waiting for? (smashingmagazing.com) Cross-Browser Debugging CSS Nicole Sullivan got a little excited sharing her cross-browser debugging tips with a co-worker it ended up being an awesome post that will no doubt help you in the future if you have to wrestle with Mr Internet Explorer. (stubbornella.org) Griddle Griddle is a fluid and modular grid system for modern browsers —…