Category Archive for: custom

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.

Senior PHP Developer – Veterans Advantage, PBC. – Remote

Senior PHP Developer, Digital Services Unit. Drupal 7 or 8, including Custom Modules. Contribute to system architectures at points of integration between Drupal…From Veterans Advantage, PBC. – Fri, 17 Nov 2017 23:07:54 GMT – View all Remote jobs Source:

A New Best Friend

I received this text message from a friend the other day regarding the imminent launch of George: A New Best Friend It’s funny because my hope was that my small-yet-significant investment of getting some custom work done for the design and branding would result in people falling in love with the character and, of course, what he could do for the users. So, it seems as if this strategy may pay off…! Well, at least emotionally. For those who know… dogs are man’s best friend and become part of your family once they enter it. My hope is that my small and spartan app can have the same lasting power and effectiveness as a real canine friend. The post A New Best Friend appeared first on John Saddington. Source:

Aspect Ratios for Grid Items

We’ve covered Aspect Ratio Boxes before. It involves trickery with padding such that an element’s width and height are in proportion to your liking. It’s not an ultra-common need, since fixing an element’s height is asking for trouble, but it comes up. One way to lower the risk is The Psuedo Element Tactic, in which a pseudo element pushes its parent element to the aspect ratio, but if the content inside pushes it taller, it will get taller, aspect ratio be damned. You can use that technique in CSS grid with grid items! Although there are a couple of different ways to apply it that are worth thinking about. Remember that grid areas and the element that occupy them aren’t necessarily the same size. We just covered this. That article started as a section in this article but felt important enough to break off into its own concept. Knowing this,…

Read More →

Content Security Policy: The Easy Way to Prevent Mixed Content

I recently learned about a browser feature where, if you provide a special HTTP header, it will automatically post to a URL with a report of any non-HTTPS content. This would be a great thing to do when transitioning a site to HTTPS, for example, to root out any mixed content warnings. In this article, we’ll implement this feature via a small WordPress plugin. What is mixed content? “Mixed content” means you’re loading a page over HTTPS page, but some of the assets on that page (images, videos, CSS, scripts, scripts called by scripts, etc) are loaded via plain HTTP. A browser warning about mixed content. I’m going to assume that we’re all too familiar with this warning and refer the reader to this excellent primer for more background on mixed content. What is Content Security Policy? A Content Security Policy (CSP) is a browser feature that gives us a…

Read More →

CSS Code Smells

Every week(ish) we publish the newsletter which contains the best links, tips, and tricks about web design and development. At the end, we typically write about something we’ve learned in the week. That might not be directly related to CSS or front-end development at all, but they’re a lot of fun to share. Here’s an example of one those segments from the newsletter where I ramble on about code quality and dive into what I think should be considered a code smell when it comes to the CSS language. A lot of developers complain about CSS. The cascade! The weird property names! Vertical alignment! There are many strange things about the language, especially if you’re more familiar with a programming language like JavaScript or Ruby. However, I think the real problem with the CSS language is that it’s simple but not easy. What I mean by that is that it…

Read More →

Web Application Developer – Alliance for a Healthier Generation – United States

The Web Application Developer is responsible for defining, developing and deploying custom code to deliver high quality, high impact technology solutions that…From Alliance for a Healthier Generation – Mon, 06 Nov 2017 23:03:58 GMT – View all United States jobs Source:

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 →

So you need to parse an email?

Say you have a website with users who have accounts. Those users email you sometimes. What if you could parse that email for more context about that user, their account, and what they might want? There are email parsing services out there. For example, Zapier offers Parser, which is free, with the idea being that you use Zapier itself to interconnect that data with other apps. You teach it about your emails and then get programatic access to those data bits. is another service just for this. Same deal, you send the emails to them, and from within that app you set up parsers and do all the processing you need to do. That might not be exactly what you need. Perhaps your goal in parsing an email is to extend the data available to you right in your email client. Gmail is a pretty huge email client. I…

Read More →

The CSS attr() function got nothin’ on custom properties

Normally, the connection between CSS and HTML is that CSS selectors match HTML elements, and the CSS styles them. CSS doesn’t know about the actual content in the HTML. But there is a way CSS can get its hands on data in HTML, so long as that data is within an attribute on that HTML element. It’s like this: div::after { content: attr(data-whatever); } That’s certainly interesting. You could use it for (rather inaccessible) tooltips, for example: <button data-tooltip=”Information only mouse-having sighted people will see.”> Button </button> button:hover::after { content: attr(data-tooltip); /* positioned and styled and whatnot */ /* ya, a :focus style would buy you a tad more a11y */ } But you can’t put HTML in the attribute value, so those tooltips are limited to a string value, and couldn’t have a title, link, or anything like that inside them. Here’s a better use case. There is an…

Read More →

Can VS Code Do Emmet?

As in, does Visual Studio Code, the free code editor from Microsoft, work with Emmet, the free and open source code expansion tool? The answer is of course! In fact, you don’t have to do anything at all to get it going. Emmet is built-in to VS Code. Let’s take a look at what Emmet can do and some VS Code specific stuff to make the most of it. In this article, I’ll use ⌘ to denote  the command key on Apple and the control key on Windows. I’ll also use ⇧  for the shift key. What Is Emmet? Emmet is a code expansion tool that is designed to dramatically speed up the creation of HTML and CSS. It works like this. Say you wanted to create a div. Normally, you would type out each character: < … d … i … v … > Your text editor might even…

Read More →

Web Developer – George Washington University – Foggy Bottom, MD

Drupal 7 &amp; Drupal 8 development experience. Manage and extend existing custom Drupal modules on multiple Drupal (7 &amp; 8) installs….From George Washington University – Tue, 31 Oct 2017 14:07:06 GMT – View all Foggy Bottom, MD jobs Source:

Emulating CSS Timing Functions with JavaScript

CSS animations and transitions are great! However, while recently toying with an idea, I got really frustrated with the fact that gradients are only animatable in Edge (and IE 10+). Yes, we can do all sorts of tricks with background-position, background-size, background-blend-mode or even opacity and transform on a pseudo-element/ child, but sometimes these are just not enough. Not to mention that we run into similar problems when wanting to animate SVG attributes without a CSS correspondent. Using a lot of examples, this article is going to explain how to smoothly go from one state to another in a similar fashion to that of common CSS timing functions using just a little bit of JavaScript, without having to rely on a library, so without including a lot of complicated and unnecessary code that may become a big burden in the future. This is not how the CSS timing functions work.…

Read More →

Connecting Google Forms to Acquia Journey

Acquia’s new Journey offering is, put simply, an orchestration engine: providing a means of connecting disparate tools into complex flows driven not just by data but also the behavior of your users. In building out these journeys, I’ve found the reference to an orchestra to be especially apt. Like an orchestra, when you can combine the outputs of diverse sections in a harmonious and coordinated way, you can create something awesome. But each section has to be ready to work together. When one section isn’t ready to join the orchestra, you either have to stop everything and wait for them or come up with a temporary solution — so the rest of the orchestra can play while the woodwinds, for instance, get up to speed. We encountered this situation recently when setting up an on-boarding Journey for the Acquia Ready team. The system which needed to trigger the Journey wasn’t…

Read More →

#DrupalGTD "Intro to Drupal 8 Site Building” – SoCal Code Camp x Stauffer

Start:  2017-12-02 (All day) America/Los_Angeles Organizers:  rainbreaw cstauffer Event type:  Training (free or commercial) “SoCal Code Camp” is coming towards you at the speed of light, are you ready? We are! The community driven software and technology conference, is an absolutely free volunteer organized event scheduled to take place December 2nd & 3rd. Hosted on the grounds of the historic USC campus, the soirée will include great sessions, workshops, networking events, and a very special Four(4) part “Intro to Drupal 8 Site Building” training session lead by Rain Michael’s on Saturday, December 2nd. This is your time to shine: Follow the steps below to reserve your space today! 1. First things first, you’re the realest. 2. Register your account (link above) 3. RSVP for this years SoCal Code Camp 4. “Check” your interest in Session Parts 1–4 (below) 1.4 Intro to Drupal 8 Site Building: Part 1 of 4…

Read More →

Heavy images slowing down your site?

(This is a sponsored post.)Speed is an important piece of a website’s user experience. Since images account for an average of 70% or more of a webpage’s weight, optimizing them is crucial to creating a faster website. That’s why we created Page Weight, a tool that will diagnose your site’s most problematic images and prescribe solutions on how to optimize them. Simply enter your URL into Page Weight and we will prepare a custom report of your images performance and what you can do to improve them. Test your site for free! Direct Link to Article — Permalink Heavy images slowing down your site? is a post from CSS-Tricks Source: CssTricks

Beta release for Commerce Discount 7.x-1.0

Commerce Discount improves Commerce 1.x by providing a custom entity type for managing Product and Order level discounts, including more complicated discounts like free shipping upgrades and BOGO offers. The module makes it easier for merchants to create promotions that would otherwise require the use of the Rules UI or even custom code, tasks that are similarly beyond the reach of most casual Drupal users. Even as we’ve worked to improve the user experience even further in Commerce 2.x by making Promotions a core module, we continue to work to do to improve the experience for 1.x users. Today, after a month of focused contrib time at Commerce Guys team and review from end users like Thomas Jonas at the University of Minnesota, we’re proud to announce the release of a long overdue beta version for the module. Tags:  Planet Drupal 7 Source: Reposted from:

5 Data-Driven Facebook Advertising Tips

Are you looking for Facebook advertising tips — that actually work? Advertising on Facebook isn’t easy. It can quickly become a chore. Monitoring your ad sets, trying new targeting options, creating a new custom audience. The tasks quickly pile up. With over two billion monthly active users and hundreds of customization options, Facebook seems like Read more Source:

Google Analytics Metrics: How To Boost Return Visits to your Website

If you’ve been using Google Analytics for a while now, you’ve probably become acquainted with some of the popular features of this nifty web analytics tool. I love how it gives me an accurate picture of how popular my sites are, based on the number of visits and number of unique visitors. Data on Returning Visitors If you’re fairly new to Google Analytics – or if you’ve been monitoring the number of page visits only – then there’s a big chance that you’re missing out on an amazing set of data: returning visitors. To view this piece of data, log in to Google Analytics, then go to Audience > Behavior > New vs Returning. You should see a line graph of the total number of sessions per day, and a table of returning visitors and new visitors at the bottom of the page. Wondering what this particular Google Analytics data…

Read More →

On-Site Search

CSS-Tricks is a WordPress site. WordPress has a built-in search feature, but it isn’t tremendously useful. I don’t blame it, really. Search is a product onto itself and WordPress is a CMS company, not a search company. You know how you can make a really powerful search engine for your site? Here you go: <form action=”” target=”_blank” type=”GET”> <input type=”search” name=”q”> <input type=”submit” value=”search”> </form> Just a smidge of JavaScript trickery to enforce the site it searches: var form = document.querySelector(“form”); form.addEventListener(“submit”, function(e) { e.preventDefault(); var search = form.querySelector(“input[type=search]”); search.value = “ ” + search.value; form.submit(); }); I’m only 12% joking there. I think sending people over to Google search results for just your site for their search term is perfectly acceptable. Nobody will be confused by that. If anything, they’ll be silently pleased. Minor adjustments could send them to whatever search engine. Like DuckDuckGo: Still: They will leave…

Read More →

Back to Top