Posts Tagged:responsive web design

rfp-robotRFP ROBOT: Website Request for Proposal Generator

The time has come for a new website (or website redesign), which means you need to write a website request for proposal or web RFP. A Google search produces a few examples, but they vary wildly and don’t seem to speak really to your goals for developing or redesigning a new website. You need to write a website RFP that will clearly articulate your needs and generate responses from the best website designers and developers out there. But how?

Have no fear, RFP Robot is here. He will walk you through a step-by-step process to help you work through the details of your project and create a PDF formatted website design RFP that will provide the information vendors need to write an accurate bid. RFP Robot will tell you what info you should include, point out pitfalls, and give examples.


Let’s Define Exactly What Atomic CSS is

As Atomic CSS (also known as Functional CSS) has been gaining in popularity, some confusion has occurred about similar related terms. The goal of this article is to clarify this terminology. There are other projects that use the term Atomic, including Atomic Web Design by Brad Frost. Atomic CSS is a completely separate concept from these. Let’s start by defining Atomic CSS: Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function. There are different ways to write Atomic CSS (see variations below). One example would be this: .bgr-blue { background-color: #357edd; } The term “Atomic CSS” was coined by Thierry Koblenz in his foundational article “Challenging CSS Best Practices” in October 2013. Some people started referring to this approach as “Functional CSS” some time later. Though there have been cases in the past where Functional CSS has been used to…

Read More →

Responsive Images in WordPress with Cloudinary, Part 1

If you’re reading this, you’re probably already familiar with responsive images. Even so, it may be helpful to have a little background. (Then we’ll get to the WordPress part, and how to make them even better with Cloudinary.) For most of the Web’s existence, any time you wanted to include an image on a web page, you would create markup that looked like this: <img src=”/path/to/my/image.jpg” alt=”a very nice image”> In this example, the <img> element references a single image file named `image.jpg` located on a server at `/path/to/my`. This markup is straightforward in that it tells the browser to download and render a specific image file, referenced by the src element, onto the web page. This arrangement was fine until 2010, when Ethan Marcotte published his seminal article, Responsive Web Design, which popularized the technique of using Cascading Style Sheet media queries to modify the layout of web pages…

Read More →

Powerful SEO Trends for 2017 To Boost Your Search Ranking

If you think fashion and technology change too frequently for people to keep up, the same is true with search engine optimization (SEO). Standards in the field of SEO get updated practically every year, and this year is no different. In this article, we will discuss SEO trends for 2017 that will set the tone for search, and bring websites and companies to a whole new SEO ballgame. Why Should You Update Your SEO Strategies Regularly? This question is really a no-brainer, but unfortunately a lot of companies fall prey to one fallacy: that their website will run along with the times even without updating it so much. This mindset couldn’t be farther from the truth! Here are some reasons why you should keep up with updates on SEO strategies: Google is a fickle-minded but extremely powerful online giant. If you haven’t recognized the power of Google, then you’re probably…

Read More →

Should You Switch From A Responsive Website to an App?

People who aspire to boost the success of their businesses need to stay on top of technological trends as well as the industry in which they operate in. In today’s generation of mobile users with short attention spans, it’s important to let people take notice of your company through their tablets and handhelds. The question for many business owners who want to capture the ever-lucrative mobile market is this: Should I turn my business responsive website into an app? Responsive Website to an App Webflow.com describes an app as “a self-contained program or piece of software designed to fulfill a particular purpose.” An app is basically a program tailored for a particular service, which a traditional website may not be able to do. Although it is believed by most people in business that developing their own app is a way to stay on top of everyone else, this may not be…

Read More →

Further Thoughts About the Progressive Enhancement Discussion

My previous post sparked a lot of response in the comments, on Twitter, from Aaron Gustafson and Luke Whitehouse. Those responses have helped me refine my thoughts and reconsider my tone, so I want to take another stab: a less-combative approach; more clearly walking through my thought process, while dispensing with the too-clever-by-half LSAT Game stuff that Adrian Roselli fairly called out as sloppy; and trying to be a little less insufferable. You should still read that one first for context. On Tone and Good Faith A few initial thoughts. In response to my post, Chip Cullen tweeted: RE that article railing against PE:https://t.co/HfxZNkX9BGIt comes at a development mindset rooted in compassion with active disdain— Chip Cullen (@chipcullen) December 5, 2016 I’d say intellectual-gotcha glee more than active disdain, but point taken. Read Aaron’s posts about egalitarianism and accessibility (and his response to my post); he is thoughtful and compassionate. He…

Read More →

The New Playground for the Web: Foundation

These days, the use of tablets and smart phones has become so prevalent that it’s hard to believe some people still used a dial-up modem 10 years ago (*shudders with horror). But despite all of the awesomeness that is now literally at our fingertips, the increasing use of smart devices has placed a div in the road to Drupal Web Design and development greatness: designing and developing websites and applications for more than just a PC.

Back to Top