By Evanne Montoya
UniversityParent Media
As a recent college graduate, I am well aware that much of the learning you do in college takes place outside of the classroom. Some of my most life-saving skills were learned at home over breaks with my parents. Your student may not think to ask you for help with these skills now, but chances are somewhere down the line he's going to wish he had. Click below for the full article.
Jeff Croft argues that because the web standards movement did such a good job, the "HTML and CSS guru" of old is a commoditized job. "Diversify or die", he says, meaning level up your abilities in other web tech to remain employed.
I agree with the sentiment. Web standards have become a thing to be thankful for, not a scrappy underdog. Not that we shouldn't keep a keen eye out for wrong turns.
But I don't think HTML/CSS people are at too much risk. If anything, I've experienced these people being hard to find and in short supply. As Jeff suggests, sprinkle in some fancy modern tools and you're pretty set.
Direct Link to Article — Permalink
Web Standards Killed The HTML Star is a post from CSS-Tricks
]]>Adam Morse with a set of named colors that are a lot more, well, palatable. Comes as CSS classes or variables set up in Sass, LESS, or Stylus.
Direct Link to Article — Permalink
“A nicer color palette for the web.” is a post from CSS-Tricks
]]>Speaking of writing tips, Matt Mullenweg on how you should write for just two people: yourself, and
a single person who you have in mind as the perfect person to read what you write, almost like a letter, even if they never will, or a person who you’re sure will read it because of a connection you have to them (hi Mom!).
Direct Link to Article — Permalink
The Intrinsic Value of Blogging is a post from CSS-Tricks
]]>
    
|
This is a review of the top blank WordPress theme choices.
Blank WordPress themes are boilerplates that serve as a starting point for developing your own custom theme, which is why they’re also called "starter themes" and (less commonly) "naked themes".
Blank WordPress themes come with basic WordPress PHP, CSS, and HTML code and theme files already filled out for you.
Unlike theme frameworks, most of the files in a blank WordPress theme are meant to be modified based on your needs.
Blank WordPress themes speed up your workflow by reducing the amount of code you need to write. Having a skeletal foundation means you don’t have to do the same initiation process over and over every time you need to start creating a new theme.
In addition, using a blank WordPress theme lowers the chances of you forgetting critical files or code required for a theme to function properly.
Some blank WordPress themes will also have useful integrated features like responsive layouts and sample data to help you test your theme.
Below is an overview of the 10 best free blank/starter WordPress themes I could find.
Roots is an excellent open source WordPress starter theme. It’s built with HTML5 Boilerplate and Bootstrap (if you don’t need it, you can replace or remove it). It also has Grunt files for quickly compiling LESS code and combining your CSS and JS files.
A nifty feature of Roots is its Theme Wrapper, which helps you avoid having to write the same code in multiple files.
Check out themes built using Roots at the Roots Gallery. Get started with Roots by heading over to the project’s official docs.
Demo | Download Page (github.com)
Underscores, or _s, is a free blank WordPress theme developed by Automattic, the creators of WordPress.
It has five layout templates. Unfortunately, Underscores doesn’t have a pre-built responsive layout, so you’ll have to create one.
The tutorial series by ThemeShaper (a major WordPress theme development company) will help you learn how to create WP themes using Underscores.
Download Page (underscores.me)
Bones is a free blank theme built on top of HTML5 Boilerplate. It’s responsive, and developed under the Mobile First philosophy.
WPtuts+ has an excellent Bones tutorial to help you get started with this awesome starter theme.
Download Page (github.com)
This blank theme helps you start off on the right track towards producing a semantic and structurally-sound HTML5 WordPress themes. For example, the post template included in the HTML5 Reset WordPress Theme incorporates the hNews microformat to help search engines better understand your content.
Download Page (github.com)
This is a Web-performance optimized blank WordPress theme for developers. The HTML5 Blank WordPress Theme comes with useful custom theme functions such as a dynamic sidebar as well as boilerplate code for using WordPress’s Shortcode API in your themes.
Demo | Download Page (html5blank.com)
This open source project took the popular HTML5 Boilerplate and converted it to a blank WordPress theme.
The HTML5 Boilerplate for WordPress project uses a modern HTML5 blog structure based on Opera Web evangelist Bruce Lawson’s recommended structural markup for blogs:
Source: html5doctor.com
Download Page (github.com)
This blank WordPress theme is great for people who want to learn how to develop themes.
The Naked WordPress theme is commented in-line so that as you’re building your WordPress theme, you understand what’s actually going on. It’s like a WordPress tutorial + starter theme combined.
Demo | Download Page (bckmn.com)
WP-Flex is a responsive blank WordPress theme. It’s got serious features that web developers will appreciate, such as sample data for unit testing and strict compliance with the official WordPress theming guidelines.
Demo | Download Page (github.com)
JointsWP is built on top of Foundation 5 (a major front-end development framework alongside Bootstrap).
You have the option to use the Sass version, or just plain CSS version if you want.
Demo | Download Page (jointswp.com)
BlankSlate is probably the most simple, minimalist blank/boilerplate theme you can get your hands on. BlankSlate is the middle ground between creating WordPress themes entirely from scratch and using a big starter themes like Roots or Underscore.
Download Page (wordpress.org)
| Site | Repo | License | Developer | Popularity* |
|---|---|---|---|---|
| Roots | GitHub | Custom | Roots | 5469 |
| Underscores | GitHub | GPLv2 | Automattic | 4254 |
| Bones | GitHub | WTFPL | Themble | 2945 |
| HTML5 Reset WordPress Theme | GitHub | Uknown | Tim Murtaugh | 1091 |
| HTML5 Blank WordPress Theme | GitHub | MIT | Todd Motto | 938 |
| HTML5 Boilerplate for WordPress | GitHub | The Unlicense | Zencoder | 748 |
| Naked WordPress | GitHub | Unknown | Joshua Beckman | 214 |
| WP-Flex | GitHub | GPLv2 | Dennis Gaebel | 131 |
| JointsWP | GitHub | Uknown | Jeremy Englert | 82 |
| BlankSlate | GitHub | GPLv3 | TidyThemes | 18 |
*Popularity was calculated by summing up the number of people who watch, have starred and have forked the project on GitHub as of January 7, 2014.
Jacob Gube is the founder and editor-in-chief of Six Revisions. He’s a front-end web developer by profession. If you’d like to connect with him, head on over to the contact page or follow him on Twitter: @sixrevisions.
The post 10 Free Blank WordPress Themes appeared first on Six Revisions.
]]>
Although the 2016 Olympics in Rio de Janeiro are still years away, the official typeface for the event has already been designed and unveiled.
Rio 2016 is a fluid and graceful script, inspired by the movements of past Olympians, which brings to life the ideas of “Passion and Transformation” that are so vital to the Olympic ideals.
With Rio 2016, the Brazilian office of Dalton Maag designed a typeface that is entirely unique to the Olympics and, more importantly, to Brazil itself. Each letter is fashioned either after Olympic athletes and their movements, or certain aspects of Brazil’s geography. The letter “R”, as an example, represents the granite outcropping Pedra de Gávea which overlooks Rio from the Tijuca Forest. The characters were drawn in fast, fluid motions, in an effort to replicate sporting motion.
‘Harmonious Diversity’ is seen in the curves, as each one has a unique shape, but they work together as an integrated and unified set. The ‘Olympic Spirit’ and the ‘Paralympic Spirit’ are reflected in the fluidity of the lines, simulating the agility of the athletes’ movements. ‘Contagious Energy’ is also present in the character set, in the different height of the letters, and in the bold connections. ‘Exuberant Nature’ is present in the letters’ overall design, and finally, ‘True Engagement’ is present in the creation process, which included the participation and involvement of several different teams of people. (From the Rio 2016 website)
Rio 2016 is one of only a few fonts created entirely by a Brazilian team, resulting in a typeface that expresses the particular warmth and joyousness that embody the nature of the Brazilian people. We’re genuinely impressed with the results and look forward to seeing it in action leading up to the 2016 Olympics.
What do you think of the Rio 2016 font? How does it compare to previous Olympic Games brands? Let us know your thoughts in the comments.
| 75 Colorful Grunge Texture Megapack – only $7! |  |
|
|
 |
I’ve travelled 2517 miles to try to solve 50 problems in 50 days using design, a journey that challenged me to fundamentally rethink my understanding of the user-experience design process.
I set myself a challenge. I wanted to test the limits of design’s ability to solve problems — big and small. To do this, I left the comfort of my computer chair and set out into the unknown. Every day, I had 24 hours to observe a problem, attempt to solve it and then communicate the solution.
For more of an introduction to the adventure, “50 Problems in 50 Days, Part 1: Real Empathy for Innovation” gives an overview of the project, as well as argues for the importance of real empathy in developing truly problem-solving solutions. For more, take a look at the 50 Problems in 50 Days website.
In this second of three articles, I’ll share what travelling 2517 miles taught me about not knowing and about the value of incompetence in fostering innovation — in other words, how I learned that being an idiot is OK for me, and is OK for you, too.
It was 7:00 am, and the sun was already shining in beautiful Turin. Leaving my hostel early, I set out to find my problem to tackle that day. I found myself walking with commuters, immersing myself in my surroundings and observing.
As I walked one of the city’s many high streets, I passed shops that were not yet open. Looking around me, I gradually became aware of shapes by the side of the road. Looking closer, I realized there were people asleep in the doorways of the stores.
I was familiar with homelessness, having researched the problem in a past project and having witnessed it in several cities during my adventure. However, I was more conscience of it here in Turin.
I stopped walking and thought.
Assessing what I was seeing — and perhaps in a moment of foolishness — I decided to make homelessness in Turin my problem for the day. My question became, How can design address the problem of homelessness in Turin?
I knew that trying to tackle homelessness in 24 hours was a ridiculous undertaking. However, with my knowledge and research, I had some experience to direct my thinking.
I got to work.
I began by interviewing passersby about what they knew of the problem in the city and about the social and political factors that might have led to people living on the street.
I observed people interact with the homeless.
I analyzed. I created mind maps documenting what I knew of the interdependent factors relating to homelessness, analyzing perceptions and comparing them to the realities.
I worked. And I worked. And I worked.
And I came up with absolutely nothing.
My effort resulted in pages of notes, yet I struggled to come up with any tangible ideas. The ideas that came to me seemed inadequate to the complexities that I knew of the problem.
I was getting nowhere.
Exhausted, I sat down at the edge of a busy public plaza.
As I did, my eyes adjusted to the surroundings. In the corner of the plaza sat a middle-aged woman. She was dressed in black and was looking down at her feet. I soon realized that she was begging.
Observing her interact with passersby, I realized something important: that I knew nothing about her.
Until that point, my work had been directed largely by my past experience with this problem, rather than by what I was seeing right in front of me. In a moment of foolishness, I decided to scrap all of my day’s work so far and start again.
Standing up, I left the plaza and went back to observation, research and analysis. This time, I approached the situation afresh. As I spoke with people, I tried to re-understand the problem as if I had never dealt with it. In doing so, I based my questions not on what I thought I knew, but on a search for new insight.
I turned a corner, and suddenly there was a flash in front of me.
An elderly lady was coming right towards me! Before I knew it, she was clutching at my shirt sleeves, speaking to me in fast pigeon-English, asking for money!
My mind raced.
A simple interaction took me completely by surprise. (Image: Bogan Suditu)
Questions started popping into my head, great questions that built on my previous research, questions that recognized the complexity of the problem! But stopping myself from focusing on what I thought I knew, I decided to ask her one simple, naive question:
What do you need my money for?
As she answered, something unanticipated happened. She told me why she needed any change I could spare, and as she did so, I forgot all of my questions and listened to what she was saying. In that moment, I suddenly understood the problem.
As she spoke, I found myself faced with a very human dilemma.
On the one hand, I wanted to give and to be compassionate. On the other hand, I didn’t know how my money would be spent and was concerned that it might be used irresponsibly. In the end, I didn’t give.
This one simple insight sparked a multitude of ideas in my mind and led to my eventual solution.
Where my foreknowledge and experience had taken me in circles, being prepared to forget what I knew and approach the problem naively yielded insight as clear as day. I was able to tackle this problem not because of my competence in it, but because I was prepared to be incompetent.
Trying to solve 50 problems in 50 days demonstrated to me the value of incompetence in solving problems and the danger that competence sometimes presents.
From checkout processes to apps, we build up proficiencies in how to solve certain types of problems during our careers as designers. This, coupled with repeated exposure, enables us to develop a measure of expertise in our field.
Every designer should strive for expertise. However, my adventure taught me that sometimes this expertise can make us neglect a vital tool in truly solving problems: It can make us forget “not knowing.”
Our accumulated expertise enables us to quickly establish how to tackle a particular challenge, the factors related to the problem and the limitations of our reach. While this experience is vital, familiarity with a problem can also restrict us to routine ways of thinking and can prevent us from seeing beyond what we know and discovering what we don’t.
As designers, the quality of our solutions will always be fundamentally linked to our understanding of the problem. Learning to approach both new and familiar problems naively enables us to do something important. It enables us to look beyond what we think we know and to fully immerse ourselves in the problem we are trying to solve.
From asking “Why is a used toilet roll on the floor?” in Berlin (day 32) to questioning why people keep getting hit by bikes in Amsterdam (day 28), I unearthed unanticipated insights from otherwise ordinary situations by approaching problems naively. This did not negate my knowledge; rather, it enabled me to spot assumptions and limitations in my thinking. In doing so, I was able to discern more accurate insights and to foster more effective solutions.
Documenting the people-weaving techniques of cyclists in Amsterdam on day 28
Being prepared to “not know” is difficult. Everything we think to be true in life is based on what experience has taught us. Therefore, being prepared to approach a familiar design challenge naively is difficult. In short, it can make us feel a little stupid and challenge our desire for expertise.
Ultimately, though, trying to solve 50 problems in 50 days taught me that real design expertise isn’t always about knowing the right answers, but in knowing when and how to ask the right questions.
From responsive design conventions to e-commerce store layouts, when we are prepared to re-evaluate what we know and to approach familiar problems afresh, we give ourselves vital opportunities to better understand and better solve those problems.
Below are just some of the methods I developed in my journey. Use them, build on them, and develop your own. Our aim should be to find methods to more deeply understand the problems we are trying to solve and, in doing so, to better serve the people we are designing for.
Creating an interactive communication tool for hostel staff on day 29
When we’re briefed on a design problem, more often that not our brains start to do something amazing: They start to solve. We find points of reference to frame the challenge by recalling experiences that might help.
Suppose we’re given a brief to “design a website to help festival-goers find music venues.” Upon hearing this brief, we’d have two choices. Choosing to momentarily put our experience to one side and “not know” what this solution might look like accomplishes two things:
Designing a simple tool to locate and navigate to free Wi-Fi on day 35
In my journey, I learned that one of the best methods for unearthing valuable insight from familiar design challenges is to ask (seemingly) stupid questions.
Suppose we’re asked to create a website to help someone sell their home. Our experience could give us useful shortcuts to skip the basics in order to deal with more unknown aspects of the project. However, rather than asking “What content should go on this website and how shall we structure it?”, asking a naïve question like “Why do people sell their home?” or even “Why do you need a website to achieve what you want?” could unlock insights that shape the entire direction of the project.
Likewise, asking naïve questions of the people we’re designing for gives us an opportunity to listen and to challenge our assumptions about the problems they face. Rather than asking end users “What specific resources would you like to help you sell your home?” making a naïve statement like “I’ve never sold a house before. What’s it like?” helps to dig below the surface to root out the underlying problem.
Creating an interactive and non-invasive tool for crowdsourcing book notes on day 47
Designed conventions are vital. By including conventions in our products, we are giving users a shorthand to more easily understand and use the solutions we have created for them. However, while the conventions we use are often an excellent shorthand, they are not necessarily the best way to solve the problems we’re tasked with.
Experience teaches us that certain problems can be solved with conventional solutions. It is easy to assume that a wayfinding problem is best solved with a map. While conventions enable us to solve quickly, innovation is born of a natural distrust of convention and a desire to create smarter, more intuitive experiences. Suppose we’re asked to create a music discovery service. In digital applications, music is conventionally represented as images of album artwork or as rows in tables. Following suit and having users browse music in this way would be easy. But our aim should be to create a solution that better meets the needs of the people we are designing for. In almost every other situation, discovering music is rarely a visual experience — it’s auditory. How would this affect the decisions we make when designing this service?
For a great (and really simple) example of this in practice, look at Christian Holst’s article on “Redesigning the Country Selector.” Regardless of whether you agree with his solution, challenging convention enables us to create smarter, more effective outcomes.
These are just some of the methods by which we can embrace naivety and challenge what we think we know in order to better solve for the people we are designing for.
It would be ridiculous to overlook the role of convention and the role of experience in creating intuitive, useable products. But by being prepared to challenge what we know, we set ourselves up to discover what we don’t.
So, what was the result of overlooking my experience, re-evaluating what I thought I knew and re-approaching the problem with the mindset of a beginner?
Sitting down outside a metro station in the centre of Turin, I reconsidered my dilemma of being asked to spare some money.
On the one hand, I wanted to give and be compassionate. On the other hand, I didn’t know whether my money would be used responsibility. In the end, I didn’t give.
As I sat outside the station, I looked up to see commuters ascending the stairs from the underground platform. Reaching the top of the stairs, they would throw away their travel ticket and continue their journey.
Watching this simple action was my eureka moment.
The solution I created would repurpose Turin’s metro system. When buying a ticket, the buyer would be invited to donate a tiny amount (as little as €0.20).
Then, when leaving the station, instead of throwing their ticket away, they would be able to leave it in the hat of someone living on the street, a donation that could be converted to a night’s stay at one of Turin’s shelters.
With this solution, people could be compassionate while knowing exactly how their donation will be used.
Since publishing 50 Problems in 50 Days, this solution has been one of the most shared and most discussed. Being contacted by organizations and individuals around the world to discuss how to implement comparable solutions in their cities has been amazing.
Being prepared to re-approach design challenges naively is vital to innovation. From shopping carts to apps, our accumulated experience helps us to confidently solve based on what we think to be true. However, it can also negate one of our greatest assets as designers: humble incompetence.
Even in the most familiar of situations, when we are prepared to “not know” our client’s business (say, the format of a website or the mindset of the user), we are able to expose our assumptions and seek new insight. In doing so, we empower ourselves to better understand the problem and to foster a more effective solution.
Ultimately, we must dig deeper into the problems we are tasked with solving and aim to better solve for the people whose lives we are affecting every day.
In the words of Irene Pereyra, Global Director of UX and Strategy at Fantasy Interactive:
In order to be innovative, you have to be fearless, you have to be comfortable with being different, and you have to be willing to stand apart from the crowd… In order to be forward-thinking you have to let go of the status quo, and you have to rephrase the problem.
Stay tuned for the final part of this series on my 50 problems. In it, I’ll share a selection of small lessons on what travelling 2517 miles has taught me about process, discipline, innovation and the power of design to solve problems big and small.
(al)
© Pete Smart for Smashing Magazine, 2014.
]]>