Posts Tagged:html5

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.


HTML 5.2 is Done, HTML 5.3 is Coming

The W3C has completed its second round of HTML5 recommendations for implementation. The entire announcement is worth a read because there are interesting tidbits that provide more context and personnel changes within W3C, but the highlights of this recommendation are nicely summed up: Many of the features added integrate other work done in W3C. The Payment Request API promises to make commerce on the Web far easier, reducing the risks of making a mistake or being caught by an unscrupulous operator. New security features such as Content Security Policy protect users more effectively, while new work incorporated from ARIA helps developers offer people with disabilities a good user experience of their applications. There are also semantic changes to HTMl elements that are worth noting: Clarifications and bug fixes bring the HTML Recommendation closer to what has been deployed recently. The definition for the main element has been updated to support…

Read More →

Improving the Accessibility of 24 ways

I’ve been thinking recently about the nature of my work and which aspects of it I enjoy the most. In a role that will often straddle the realms of design and development, whether editing copy, evaluating the design of an interface or refactoring code, I’ve come to realize that my interests lie in the act of review and refinement. My work on 24 ways is a case in point. Since Drew McLellan asked me to redesign the site in 2013, I’ve stayed on as part of the team, helping to review, edit and format articles. But I’ve also been able to fulfil the desire I expressed upon launching the redesign: I’m a big believer in iteration and not treating a website as ever being finished. I hope what’s been released this year can act as a foundation, and that the design will evolve in the years to come. In the…

Read More →

Front-End Tools: My Favorite Finds of 2017

Another twelve months have passed and I’m sure all of you have come across some interesting new coding techniques, technologies, CSS tricks (of course!), and other stuff that will make you more productive in 2018. As some of you might know, I curate a weekly newsletter called Web Tools Weekly, in which I feature dozens of links every week to new tools, mostly focusing on stuff that’s useful for front-end developers. So it’s an understatement to say that I’ve come across lots of new tools over the past 12 months. As I’ve done in years past, I’ve put together a brief look at some of my favorite finds in front-end tools. And please note that this is not a list of the “best” or “most popular” tools of 2017 – this has nothing to do with popularity or number of GitHub stars. These are tools I believe are unique, interesting,…

Read More →

Fragmented HTML5 Video

I have seen various implementations of the Voronoi Diagram. Perhaps you’ve seen one without knowing what it was. It almost looks like random stained glass: Wikipedia: In mathematics, a Voronoi diagram is a partitioning of a plane into regions based on distance to points in a specific subset of the plane. It’s even possible to create a Voronoi diagram by hand, as eLVirus88 has documented. I wanted to give it a try. The Idea My idea is to chop up a video into fragmented parts (called cells) and put them into 3D space on a slightly different z-axis. Then, by moving the mouse, you would rotate the whole experience so you would see the cells in different depths. The Code Building on top of Raymond Hill’s and Larix Kortbeek’s JavaScript implementation, the first thing I needed to was split up the cells. I choose to use the <canvas> element, and…

Read More →

WEB DEVELOPER – UW Extension – Madison, WI

Wisconsin Public Television is looking for a web developer to create both full web sites and maintain existing projects, leveraging WordPress, Drupal, HTML5,… $45,000 – $48,000 a yearFrom University of Wisconsin System – Tue, 12 Dec 2017 22:47:47 GMT – View all Madison, WI jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – University of Wisconsin- Extension – Madison, WI

Wisconsin Public Television is looking for a web developer to create both full web sites and maintain existing projects, leveraging WordPress, Drupal, HTML5,…From University of Wisconsin- Extension – Tue, 12 Dec 2017 21:19:27 GMT – View all Madison, WI jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – Wisconsin Public Television – Madison, WI

Wisconsin Public Television is looking for a web developer to create both full web sites and maintain existing projects, leveraging WordPress, Drupal, HTML5,…From Wisconsin Public Television – Tue, 12 Dec 2017 20:40:56 GMT – View all Madison, WI jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – Wisconsin Public Radio – Madison, WI

Wisconsin Public Television is looking for a web developer to create both full web sites and maintain existing projects, leveraging WordPress, Drupal, HTML5,…From Wisconsin Public Radio – Tue, 12 Dec 2017 20:40:06 GMT – View all Madison, WI jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Drupal Web Developer – KSN Technologies, Inc. – Madison, WI

Drupal Web Developer Location:. JavaScript based responsive HTML5 applicationsWorking knowledge with web portals and portlets5+ years’ experience in web…From Dice – Tue, 05 Dec 2017 05:20:39 GMT – View all Madison, WI jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Drupal Web Developer – Chandra Technologies, Inc. – Madison, WI

Drupal Web Developer*. JavaScript, HTML5, Drupal Architecture, Drupal Application Development, Web Portals Higher Competitive Rates will be considered for… $50 an hourFrom Dice – Sat, 02 Dec 2017 05:26:11 GMT – View all Madison, WI jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Editing the W3C HTML5 spec

Bruce Lawson has been tapped to co-edit the W3C HTML5 spec and, in his announcement post, clarified the difference between that and the WHATWG spec: The WHATWG spec is a future-facing document; lots of ideas are incubated there. The W3C spec is a snapshot of what works interoperably – authors who don’t care much about what may or may not be round the corner, but who need solid advice on what works now may find this spec easier to use. I was honestly unfamiliar with the WHATWG spec and now I find it super interesting to know there are two working groups pushing HTML forward in distinct but (somewhat) cooperative ways. Kudos to you, Bruce! And, yes, Vive open standards! Direct Link to Article — Permalink Editing the W3C HTML5 spec is a post from CSS-Tricks Source: CssTricks

Happier HTML5 Form Validation

HTML has given us loads of form validation stuff in the last few years. Dave Rupert puts a point on the UX problems with it: If you’ve ever experimented with HTML5 Form Validation, you’ve probably been disappointed. The out-of-box experience isn’t quite what you want. Adding the required attribute to inputs works wonderfully. However the styling portion with input:invalid sorta sucks because empty inputs are trigger the :invalid state, even before the user has interacted with the page. Fortunately, there is an invalid DOM event that does fire with useful timing: when the form is submitted. Remember this doesn’t buy you super deep browser support though. If you need that, look into polyfilling. I imagine the future of form validation is either HTML/CSS offering better and more controllable UX, or this. Direct Link to Article — Permalink Happier HTML5 Form Validation is a post from CSS-Tricks Source: CssTricks

How to Disable Links

The topic of disabling links popped up at my work the other day. Somehow, a “disabled” anchor style was added to our typography styles last year when I wasn’t looking. There is a problem though: there is no real way to disable an <a> link (with a valid href attribute) in HTML. Not to mention, why would you even want to? Links are the basis of the web. At a certain point, it looked like my co-workers were not going to accept this fact, so I started thinking of how this could be accomplished. Knowing that it would take a lot, I wanted to prove that it was not worth the effort and code to support such an unconventional interaction, but I feared that by showing it could be done they would ignore all my warnings and just use my example as proof that it was OK. This hasn’t quite…

Read More →

ARIA is Spackle, Not Rebar

Much like their physical counterparts, the materials we use to build websites have purpose. To use them without understanding their strengths and limitations is irresponsible. Nobody wants to live in an poorly-built house. So why are poorly-built websites acceptable? In this post, I’m going to address WAI-ARIA, and how misusing it can do more harm than good. Materials as technology In construction, spackle is used to fix minor defects on interiors. It is a thick paste that dries into a solid surface that can be sanded smooth and painted over. Most renters become acquainted with it when attempting to get their damage deposit back. Rebar is a lattice of steel rods used to reinforce concrete. Every modern building uses it—chances are good you’ll see it walking past any decent-sized construction site. Technology as materials HTML is the rebar-reinforced concrete of the web. To stretch the metaphor, CSS is the interior…

Read More →

Apple’s Proposal for HTML Template Instantiation

I’m sure I don’t have the expertise to understand the finer nuances of this, but I like the spirit: The HTML5 specification defines the template element but doesn’t provide a native mechanism to instantiate it with some parts of it substituted, conditionally included, or repeated based on JavaScript values — as popular JavaScript frameworks such as Ember.js and Angular allow. As a consequence, there are many incompatible template syntaxes and semantics to do substitution and conditionals within templates — making it hard for web developers to combine otherwise reusable components when they use different templating libraries. Whilst previously we all decided to focus on shadow DOM and the custom-elements API first, we think the time is right — now that shadow DOM and custom-elements API have been shipping in Safari and Chrome and are in development in Firefox — to propose and standardize an API to instantiate HTML templates. Let…

Read More →

6 Reasons Why Web Design Is Not A Dying Profession

In recent years, there have been many concerns about web design as a profession. People are worried that the major advancements in technology, especially artificial intelligence, are a threat to this field. However, a group of people still argues that there’s still hope. So, we’ll be taking a look at reasons why web design is not a dying profession.   Why Is It Seen As A Dying Profession? Before we get started on the reasons why web design isn’t a dying profession, let’s see why people think it is. In this article, the term web design will be used to refer to both design and front end development. This involves the process of designing the website and coding the design. If you’ve been using the internet, then you’ve definitely noticed numerous adverts for both free and paid website builders. These types of websites allow users to create fully functional websites…

Read More →

Web Developer, Front-End – George Washington University – Foggy Bottom, MD

Drupal 7 experience (required). Experience building responsive websites using Drupal CMS , HTML /HTML5, CSS /CSS3, and JavaScript/jQuery….From George Washington University – Mon, 21 Aug 2017 16:25:18 GMT – View all Foggy Bottom, MD jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Front End Developer – R2integrated, LLC – Maplewood, MO

REQUIRED KNOWLEDGE, SKILLS, AND ABILITIES 3-5 years of experience with HTML5, CSS3, and Adobe Creative Suites (Photoshop, Dreamweaver, Illustrator, Fireworks)…From R2integrated, LLC – Tue, 15 Aug 2017 17:25:28 GMT – View all Maplewood, MO jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Back to Top