Posts Tagged:web

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.

Associate Web Developer (Drupal) position is open

New York, NY, United States Source:

MDN Product Advisory Board

We all know and love MDN for already being the best documentation for web features out there. It looks like it’s poised to get even better with Google and Microsoft both joining a new board. Mozilla’s vision for the MDN Product Advisory Board is to build collaboration that helps the MDN community collectively maintain MDN as the most comprehensive, complete, and trusted reference documenting the most important aspects of modern browsers and web standards. Interesting none of them mentioned WebPlatform, the previous attempt at this that kinda fizzled out. This effort seems a little more likely to succeed as it already has a successful foundation, actual staff, and a benevolent dictator in Mozilla. It’s great to see browsers complete on user features but cooperate on standards and education. Worth a shout that we dabble in “docs” for CSS features ourselves here at CSS-Tricks with the Almanac, but if anything in…

Read More →

Junior Web/Drupal Developer position is open

Chapel Hill, NC, United States Source:

Drupal Web Developer position is open @PWCSA

Woodbridge, VA, United States Source:

Head of Product/Managing Director, Web position is open @TeachForAmerica

New York City, NY, United States Source:

Freelance Art Director / Designer – Fountain City – Remote

Familiarity working with information architects, project managers and web developers. We’re a full service agency that provides marketing, design, and technical… $65 – $85 an hourFrom Indeed – Tue, 17 Oct 2017 15:10:44 GMT – View all Remote jobs Source:

Junior Web Developer – Journalistic, Inc – Chapel Hill, NC

Drupal 7 and/or Drupal 8. Journalistic is a dynamic media company based in Chapel Hill, NC…. $55,000 – $70,000 a yearFrom Indeed – Tue, 17 Oct 2017 14:07:38 GMT – View all Chapel Hill, NC jobs Source:

Digital Communications – Content Specialist (Web Services Team) position is open

DC, DC, United States Source:

Grab The Attention of Your Site Visitors in 5 Seconds

You may have the skills of a mad (but extremely talented) web developer, but that’s meaningless if no one cares about your website. Every website owner’s goal is to pull in more followers to their pages, and that will only be possible if they can grab the attention of their target audience. Most people generally visit a website because they need information. Chances are, website links get clicked on the search engine results page (SERP) because they appear helpful for those who are looking for specific pieces of information. However, the critical part of website design is to know how to grab the attention and interest of casual page visitors. The web design strategies that you use will definitely play a significant role in maintaining the interest of your site visitors for them to stay and keep looking. In other words, although the quality of information on your site will…

Read More →

A Bit on Buttons

1 The other day we published an article with a bonafide CSS trick where an element with a double border could look like a pause icon, and morph nicely into a CSS triangle looking like a play icon. It was originally published with a <div> being the demo element, which was a total accessibility flub on our part, as something intended to be interacted with like this is really a <button>. It also included a demo using the checkbox hack to toggle the state of the button. That changes the keyboard interaction from a “return” click to a “space bar” toggle, but more importantly should have had a :focus state to indicate the button (actually a label) was interactive at all. Both have been fixed. 2 Adam Silver has an interesting post where the title does a good job of setting up the issue: But sometimes links look like buttons…

Read More →

CSS-Tricks Chronicle XXXII

Hey y’all! Time for a quick Chronicle post where I get to touch on and link up some of the happenings around the site that I haven’t gotten to elsewhere. Technologically around here, there have been a few small-but-interesting changes. Site search is and has been powered by Algolia the last few months. I started up writing some thoughts about that here, and it got long enough I figured I’d crack it off into it’s own blog post, so look forward to that soon. Another service I’ve started making use of is Cloudinary. Cloudinary is an image CDN, so it’s serving most of the image assets here now, and we’re squeezing as much performance out of that as we possibly can. Similar to Algolia, it has a WordPress plugin that does a lot of the heavy lifting. We’re still working out some kinks as well. If you’re interested in how…

Read More →

Let There Be Peace on CSS

Cristiano Rastelli: In the last few months there’s been a growing friction between those who see CSS as an untouchable layer in the “separation of concerns” paradigm, and those who have simply ignored this golden rule and have found different ways to style the UI, typically applying CSS styles via JavaScript. He does a great job of framing the “problem”, exploring the history, and pointing to things that make this seem rather war-like, including one of my own! As Cristiano also makes clear that it’s not so much a war but a young community still figuring out things, solving problems for ourselves, and zigzagging through time waiting for this to shake out. So, here are my suggestions: Embrace the ever-changing nature of the web. Be careful with your words: they can hurt. Be pragmatic, non dogmatic. But most of all, be curious. Direct Link to Article — Permalink Let There…

Read More →

PHP Developer – Kevadiya, Inc. – Pontiac, MI

Description Kevadiya Inc. is looking for a software engineer who utilizes *PHP* advanced server-side programming language to design, code, or maintain web…From Indeed – Thu, 12 Oct 2017 14:28:16 GMT – View all Pontiac, MI jobs Source:

The WordPress Explained Book is Coming Soon

Do you need to build a WordPress site?  If you can wait a few weeks, the “WordPress Explained” book is coming to your rescue. This book will teach everything you need to know to make a WordPress site. And, it will do it in plain English, with a simple step-by-step approach. This book forms part of a web design library. Drupal 8 Explained, Joomla 3 Explained, and MySQL Explained are already available. Magento 2 Explained and WooCommerce Explained are scheduled for publication this year. Look for even more OSTraining books in 2018! [[ This is a content summary only. Visit for full links, other content, and more! ]] Source:

Building a Progress Ring, Quickly

On some particularly heavy sites, the user needs to see a visual cue temporarily to indicate that resources and assets are still loading before they taking in a finished site. There are different kinds of approaches to solving for this kind of UX, from spinners to skeleton screens. If we are using an out-of-the-box solution that provides us the current progress, like preloader package by Jam3 does, building a loading indicator becomes easier. For this, we will make a ring/circle, style it, animate given a progress, and then wrap it in a component for development use. Step 1: Let’s make an SVG ring From the many ways available to draw a circle using just HTML and CSS, I’m choosing SVG since it’s possible to configure and style through attributes while preserving its resolution in all screens. <svg class=”progress-ring” height=”120″ width=”120″ > <circle class=”progress-ring__circle” stroke-width=”1″ fill=”transparent” r=”58″ cx=”60″ cy=”60″ /> </svg>…

Read More →

Are You Designing for Macro and Micro Conversions?

Designing for conversions is nothing new, but the way marketers create and measure conversions is changing. Until recently, we’ve only really been able to measure user actions individually and do our best to build up a picture of the consumer journey they take. However, with technology like Google Attribution we can now build up a more accurate picture of the actions users take across different channels, devices and sessions. This is changing the way we look at conversions and the different types of actions consumers take long the buying process. Your clients are now measuring macro and micro conversions, which means you probably need to start designing for them. Why should I care about macro, micro conversions? Essentially, it comes down to guiding users along the consumer journey and being able to measure their progress. People rarely land on a website and head straight for the buy button. They learn more about products, compare…

Read More →

Why Connecting Hardware with the Web is So Neat

We just wrapped up development on Lightwalk, an interactive art installation living at Abilene Christian University in Abilene, Texas. For a number of reasons, this has been one of the most interesting projects I’ve ever worked on. There is the obvious wow factor of the installation itself, but we also developed a whole suite of dev tools running behind the scenes that not only keep the installation running, but also enable engagement from ACU students in multiple ways. It’s this tie between hardware and software that makes the project truly shine, it’s taking art and making it sm-art, it’s the internet of things but it’s actually interesting, and it’s what I’m going to be talking about today. So what are “dev tools” anyway? Short for “developer tools”, the system we built to power the Lightwalk installation provides a couple of critical services: Allow students to choose the effects and colors…

Read More →

Size Limit: Make the Web lighter

A new tool by Andrey Sitnik that: Can tell you how big your bundle is going to be (webpack assumed) Can show you a visualization of that bundle so you can see where the size comes from Can set a limit for bundle size, throwing an error if you exceed it Like a performance budget, only enforced by tooling. Direct Link to Article — Permalink Size Limit: Make the Web lighter is a post from CSS-Tricks Source: CssTricks

Web Accessibility with Marcy Sutton

Mike and Matt are joined by renowned web accessibility expert Marcy Sutton, along with Lullabot’s own Helena McCabe to explore various web accessibility topics. Source:

Back to Top