Posts Tagged:css3

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.

Methods for Contrasting Text Against Backgrounds

It started with seeing a recent Pen of Mandy Michael’s text effects demos. I’m a very visual creature, so the first thing I noticed was the effect, not the title (which clearly states how the effect was achieved). Instantly, my mind went “blend modes!”, which turned out to be wrong. The demo actually uses clip-path. First of all, the text is duplicated. We have black text below as the actual text content of the element and the white text above as the value of the content property (taken from a data attribute which gets updated via JS). These two are stacked one on top of each other (they completely overlap). Then the pseudo-element with the white text above gets clipped to the shape of the black dress. However, this means we need to change the clipping path if we change the image and, at this point, it’s anything but easy…

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:

Web Developer – Youngstown State University – Youngstown, OH

Programming competence in PHP , HTML 5, CSS3, Drupal 7 knowledge, existing experience in accessibility, security, staging workflows desirable….From Youngstown State University – Wed, 29 Mar 2017 19:06:14 GMT – View all Youngstown jobs Source:

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:

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:

Text Stroke: Stuck In The Middle With You

There is a non-standard way to stroke HTML text (SVG has a standard way). It’s not particularly new. There are -webkit- and -moz- prefixes for it. Jen Simmons recently posted about it, with an example: span { -moz-text-fill-color: #fde; -webkit-text-fill-color: #fde; -moz-text-stroke-color: #666; -webkit-text-stroke-color: #666; -moz-text-stroke-width: 2px; -webkit-text-stroke-width: 2px; } And she’s right: This CSS isn’t fully-baked or fully-supported. But it’s good enough to be used today, especially since it’s simply offering a visual enhancement. It’s not mission critical to making a website usable. I’d only perhaps add that if you were going to do something like add a stroke around white text, you could wrap it in a @supports to be extra sure it’ll be OK (just in case a browser exists that supports text-fill-color but not text-stroke-color) : @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color: white)) or ((-moz-text-stroke-color: #666) and (-moz-text-fill-color: white)) { span { -moz-text-fill-color: white; -webkit-text-fill-color: white; -moz-text-stroke-color:…

Read More →

Websites to Generate SVG Patterns

These aren’t particularly hard to web search for, but just in case you didn’t know they existed I figured I’d drop them here. I’ve used all three of these in the past and I think they do a good job of driving home how cool of patterns you can make in SVG with such little code. Hero Patterns A collection of repeatable SVG background patterns for you to use on your web projects. SVG Patterns Gallery SVG images are typically smaller than bitmap images and remain sharp on high-dpi screens. Unlike CSS3 gradients, SVG images are supported on IE9. SVGeneration Scalable Vector Graphics are crisp and clear and can be rendered in all modern browsers. Websites to Generate SVG Patterns is a post from CSS-Tricks Source: CssTricks

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:

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:

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:

Drupal Developer – PRISM, Inc. – Vienna, VA

The CMS will be built using Drupal version 8. Drupal, HTML, CSS3, MySQL or MariaDB, Apache on Linux platform. Implement Drupal features, including registration,…From Indeed – Mon, 14 Nov 2016 20:24:12 GMT – View all Vienna jobs Source:

Drupal Developer (DOD Secret) – Prism Inc. – Vienna, VA

The CMS will be built using Drupal version 8. Drupal, HTML, CSS3, MySQL or MariaDB, Apache on Linux platform. Implement Drupal features, including registration,…From Indeed – Mon, 14 Nov 2016 17:15:44 GMT – View all Vienna jobs Source:

An in-depth guide to CSS3 Media Queries

Inspired Magazine Inspired Magazine – creativity & inspiration dailyMedia queries are one of the best things ever to happen in Web development, but even though they’re now being widely used (largely due to their implementation in templates and frameworks), they’re still not very well understood by the majority of developers.  The power and features available to developers to create better websites is definitely being under-utilized.  So with that in mind, we have put together this guide to media queries.  If you haven’t given much attention to media queries before, this is your opportunity to gain more insight into everything you can do with them.Media queries are at the heart of responsive design and adaptive designResponsive design is a really big thing these days.  Adaptive design is actually better, but because it’s more work, not many people prefer to do it.  Both of these design methods rely on media queries to…

Read More →

Get in touch with jQTouch

jQTouch is a jQuery plugin with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, G1, and Pre. Created by David Kaneda, jQTouch is easy to install and entirely customizable.

Back to Top