Category Archive for: 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.


Aspect Ratio Boxes

I had a little situation the other I needed to make one of those aspect-ratio friendly boxes. This isn’t particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz’s Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave’s Ol’ Padded Box. Let’s go on a little journey through this concept, as there is plenty to talk about. The Core Concept: padding in percentages is based on width Even when that is a little unintuitive, like for vertical padding. This isn’t a hack, but it is weird: padding-top and padding-bottom is based on an element’s width. So if you had an element that is 500px wide, and padding-top of 100%, the padding-top would be 500px. Isn’t that a perfect square, 500px × 500px? Yes, it is! An aspect ratio! If we force the height of the element…

Read More →

Drupal Developer (Module) – Hendall Inc. – Rockville, MD

Experience creating custom Drupal modules. Experience building responsive websites using Drupal CMS, HTML/HTML5, CSS/CSS3, and JavaScript/jQuery….From Hendall Inc. – Thu, 01 Jun 2017 17:13:57 GMT – View all Rockville, MD jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – Booz Allen Hamilton – Washington, DC

1+ years of experience with developing solutions using Java, Angular, React, Python, Spring, HTML5, Drupal, CSS, or other software development languages….From Booz Allen Hamilton – Tue, 30 May 2017 19:17:57 GMT – View all Washington, DC jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – Booz Allen Hamilton – Herndon, VA

1+ years of experience with developing solutions using Java, Angular, React, Python, Spring, HTML5, Drupal, CSS, or other software development languages….From Booz Allen Hamilton – Tue, 30 May 2017 19:17:20 GMT – View all Herndon, VA jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

User Facing State

Let’s talk about state. Communicating state to the user that is, not application stores state in JavaScript objects, or localStorage. We’re going to be talking about how to let our users know about state (think: whether a button is disabled or not, or if a panel is active or not), and how we can use CSS for that. We’re not going to be using inline styles, or, as much as can be helped, class selectors, for reasons that will become clear as we go. Still here? Cool. Let’s do this. All dynamic components of an application have a default user-facing state, and that state needs to be stored and updated as users interact with these components. For example, when a button is pressed, things happen (that’s what buttons are for). When these things happen, they are typically represented in a visual manner in the interface. The button’s background may change…

Read More →

Web Developer – American Association for Cancer Research – Philadelphia, PA

Knowledge of common CMS platforms (WordPress, Drupal). Writing exceptional code using MVC platforms with developer expertise in both front end (JS/HTML5/CSS3)…From American Association for Cancer Research – Wed, 03 May 2017 20:46:12 GMT – View all Philadelphia jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Ordered Lists with Unicode Symbols

Ordered lists are among the oldest and most semantically rich elements in HTML. Anytime you need to communicate sequence or ranking, the <ol> tag is there to help. The default appearance of the <ol> tag presents numbers next to each item in the list. You can use the list-style-type property in CSS to change the default to use Roman numerals or the letters of the alphabet. If you are feeling exotic, you can even use numbering from other cultures like Hebrew or Greek. The full list of available values is well-documented and easy to use. Recently, I saw an opportunity to use dice in place of numbers for several ordered lists explaining the features of an HTML5 game I created called Triple Score Bopzee. To accomplish my goal, I first experimented with a now-familiar technique for using a small image file as the background for the li::before selector in a…

Read More →

Senior Java Developer – Loginsoft Consulting LLC – Rockville, MD

Senior Java Developer. Knowledge in other technologies such as Drupal, HTML, HTML5, CSS (Cascading Style Sheets) JQuery and AJAX may also be necessary….From Loginsoft Consulting LLC – Sat, 29 Apr 2017 01:43:34 GMT – View all Rockville jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

LAMP Stack Web Developer – E.&J. Gallo Winery – Modesto, CA

LAMP Stack Web Developer. Experience with PHP, Drupal, JavaScript, JQuery, Angular, CSS, SASS/LESS, HTML/HTML5. Why E….From E.&J. Gallo Winery – Fri, 28 Apr 2017 18:26:34 GMT – View all Modesto, CA jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Managing State in CSS with Reusable JavaScript Functions

Determining the most efficient way of managing state can be a challenging issue in CSS, but thankfully there are many OOCSS-based methodologies out there which provide some good solutions. My preferred comes from SMACSS (Scalable and modular architecture for CSS) and involves stateful classes. To quote SMACSS’s own documentation, stateful classes are: A state is something that augments and overrides all other styles. For example, an accordion section may be in a collapsed or expanded state. A message may be in a success or error state. States are generally applied to the same element as a layout rule or applied to the same element as a base module class. One of my most-used stateful classes is is-active. Taking the accordion example from the prior quote, is-active in this instance would apply all the required CSS styles to represent an expanded state. As seen in the example below: See the Pen…

Read More →

Web Developer – Rutgers University – New Brunswick, NJ

Requires strong and demonstrated knowledge of HTML /HTML5, JavaScript, jQuery, JSON , CSS /CSS3, Drupal 7/8, Swift, Java, Objective-C, PHP languages and of…From Rutgers University – Tue, 28 Mar 2017 16:42:17 GMT – View all New Brunswick jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – If Then – Atlanta, GA

The Web Developer will focus on the development of HTML5 compliant frontend applications for media, entertainment and marketing clients using a variety of…From If Then – Fri, 24 Mar 2017 23:01:38 GMT – View all Atlanta jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Java UI Developer – Sriven Systems Inc., – Iowa City, IA

* JavaScript * CSS3 * HTML5 * MVC * JQuery (must be able to write JQuery) * Bootstrap Other front-end frameworks are a plus: * Foundation * Angular * Dust *… $90,000 – $100,000 a yearFrom Indeed – Thu, 23 Mar 2017 21:15:34 GMT – View all Iowa City jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Introduction to Web Audio API

Web Audio API let’s us make sound right in the browser. It makes your sites, apps, and games more fun and engaging. You can even build music-specific applications like drum machines and synthesizers. In this article, we’ll learn about working with the Web Audio API by building some fun and simple projects. Getting Started Let’s do some terminology. All audio operations in Web Audio API are handled inside an audio context. Each basic audio operation is performed with audio nodes that are chained together, forming an audio routing graph. Before playing any sound, you’ll need to create this audio context. It is very similar to how we would create a context to draw inside with the <canvas> element. Here’s how we create an audio context: var context = new (window.AudioContext || window.webkitAudioContext)(); Safari requires a webkit prefix to support AudioContext, so you should use that line instead of new AudioContext();…

Read More →

PHP For Beginners: Building a Simple CRM from Scratch

Customer Relationship Management (CRM) is a system that manages customer interactions and data throughout the customer lifecycle between the customer and the company across different channels. In this tutorial, we are going to build a custom CRM in PHP, which a sales team can use to track customers through the entire sales cycle. We’ll be creating a simple CRM system for salespeople to: Access their tasks View their leads Create new tasks for each lead Create new opportunity Lose a sale Sales managers will be able to: Manage all customers Manage sales team View current sales activities Download Demo Files Building Blocks of a CRM Here is a list of the essential components of the CRM: Leads: initial contacts Accounts: Information about the companies you do business with Contact: Information about the people you know and work with. Usually, one account has many contacts Opportunities: Qualified leads Activities: Tasks, meetings,…

Read More →

Digital Design Manager – The Elf on the Shelf – Atlanta, GA

Understanding HTML5, CSS3, and other code capabilities to help make informed decisions with direction of lead developers;…From Indeed – Fri, 20 Jan 2017 18:40:57 GMT – View all Atlanta jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Tinder for Bananas

I saw this little web app (live demo) by Das Surma going around the other day. It’s funny, but it’s also a really compelling demo app for a bunch of modern technologies. I’m sure that’s the whole point of it. Minimal build process. Just Gulp to use Babel and PostCSS. It’s heavy on ES6+ and CSS custom properties. Loads of custom elements, like <tinderforbananas-item>, with the Polymer polyfill for those. Icons are super tiny SVG, they look hand-golfed. ServiceWorker for offline cache. Mobile and performance-first design and interactions. Maybe it’ll be like the HTML5 Boilerplate of the future. Direct Link to Article — Permalink Tinder for Bananas is a post from CSS-Tricks Source: CssTricks

Web Programmer/Developer – CONTRACT POSITION – AMF – San Ramon, CA

Experience in managing server platforms, DNS, domains, programming JavaScript, JQuery, HTML, HTML5, CSS, CSS3, E-Commerce, cross-browser compatibility, Web User…From AMF – Fri, 30 Dec 2016 08:46:27 GMT – View all San Ramon jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Web Developer – Core Brands – Petaluma, CA

Supports responsive designs based on HTML5/CSS3/JavaScript implemented in LAMP, Drupal and NetSuite ecommerce….From Core Brands – Wed, 28 Dec 2016 00:48:56 GMT – View all Petaluma jobs Source: http://rss.indeed.com/rss?q=Drupal+Developer

Back to Top