Category Archive for: html5

RFP 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.

Inspired Magazine Inspired Magazine – creativity & inspiration daily Making a great site requires a lot of skills, but you don’t always have to develop everything completely from scratch. To use any of the JavaScript libraries presented in this article, you will need to have at least some existing JavaScript skills, but you also don’t necessarily need to be an expert. What you do need to be expert with is working out how to blend the libraries into a site to get the most benefit from them. This isn’t really something that can be taught. It’s a skill you can only learn by doing. Once you have mastered the concepts, however, there is no limit to your creativity and what you can achieve with it. Collected here is our list of the most useful JavaScript libraries available to programmers for site enhancement. You may not see your favorite listed here,…

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…

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…

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…

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…

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

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();…

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,…

Pixeldust’s challenge was to build an elegant and scalable site giving Mattress Pro an equal presence to Sealy and other large mattress manufacturers. Pixeldust designed a brand-new identity and sleek interface that incorporated Flash and a content management system. The overall result proved to be a huge success: the website played a big role in Mattress Pro’s successful merger negotiations with Mattress Firm.

Pixeldust worked with The nFusion Group to create an animated hero piece for their client Toshiba. Pixeldust employed Flash technology and a little imagination to bring the piece to life. Pixeldust has also built numerous rich media based banner ads for Toshiba’s many interactive campaigns.