Posts Tagged:development

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.

Learning Gutenberg: Setting up a Custom webpack Config

Gutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood. Article Series: Series Introduction What is Gutenberg, Anyway? A Primer with create-guten-block Modern JavaScript Syntax React 101 Setting up a Custom webpack (This Post) A Custom “Card” Block (Coming Soon!) The files we will be configuring here should be familiar from what we covered in the Part 2 Primer with create-guten-block. If you’re like me (before reading Andy’s tutorial, that is!) and would rather not dive into the configuration part just yet, the scaffold created by create-guten-block matches what we are about to create here, so you can certainly use that as well. Let’s jump in! Getting started Webpack takes the small, modular aspects of your front-end codebase and smooshes them down into one…

Read More →

Learning Gutenberg: Modern JavaScript Syntax

One of the key changes that Gutenberg brings to the WordPress ecosystem is a heavy reliance on JavaScript. Helpfully, the WordPress team have really pushed their JavaScript framework into the present and future by leveraging the modern JavaScript stack, which is commonly referred to as ES6 in the community. It’s how we’ll refer to it as in this series too, to avoid confusion. Let’s dig into this ES6 world a bit, as it’s ultimately going to help us understand how to structure and build a custom Gutenberg block. Article Series: Series Introduction What is Gutenberg, Anyway? A Primer with create-guten-block Modern JavaScript Syntax (This Post) React 101 (Coming Soon!) Setting up a Custom webpack (Coming Soon!) A Custom “Card” Block (Coming Soon!) What is ES6? ES6 is short for “EcmaScript 6” which is the 6th edition of EcmaScript. It’s official name is ES2015, which you may have also seen around.…

Read More →

Learning Gutenberg: A Primer with create-guten-block

Welcome back! We’ve just taken a look at what Gutenberg is and how it operates from the admin side. Gutenberg is certainly going to have a massive impact on the WordPress world. If you are just arriving here and have no idea what we’re talking about, I recommend at least skimming Part 1 to make sure you have the appropriate background. Let’s create a custom block with a bit of help from a wonderful tool called create-guten-block. Onward! Article Series: Series Introduction What is Gutenberg, Anyway? A Primer with create-guten-block (This Post) Modern JavaScript Syntax React 101 (Coming Soon!) Setting up a Custom webpack (Coming Soon!) A Custom “Card” Block (Coming Soon!) Blocks live in plugins To create a Gutenberg block, you create a WordPress plugin. Anything that affects *content*, like a Gutenberg block certain will, needs to be a plugin so that it remains active even as you change…

Read More →

Reboot the Vlog?

I’ve had a few internal conversations about the vlog that I had started and then finished after successfully completing 365 days of vlogging. The reason I’ve been interested in adding this back into my daily workflow is because: My new baby boy is awesome and I want to capture more stories around his growth and development. My new baby project (see what I did there…? ) is going well and I want to capture the experience of putting together a company, which was the original concept when I first started vlogging. I really did enjoy the creative process as it activated parts of my brain that I had never used before as well as physiological aspects too. There isn’t any pressure now to do it daily. I like that. Anyways… stay tuned… maybe. The post Reboot the Vlog? appeared first on John Saddington. Source:

Learning Gutenberg: What is Gutenberg, Anyway?

Gutenberg is the new React-driven SPA editing experience in WordPress. Oh wait, a string of buzzwords doesn’t count for a viable explanation of software? We’re going to unpack that string of buzzwords as we explain what Gutenberg is. Article Series: Series Introduction What is Gutenberg, Anyway? (This Post) A Primer with create-guten-block (Coming Soon!) Modern JavaScript Syntax (Coming Soon!) React 101 (Coming Soon!) Setting up a Custom webpack (Coming Soon!) A Custom “Card” Block (Coming Soon!) First, a before-and-after screenshot might drive home the idea for you: On the left, the editor as it exists pre-Gutenberg. On the right, with Gutenberg enabled via plugin. Buzzword #1: Editing Experience Gutenberg is a redesign of the WordPress WYSIWYG editor. The editor in WordPress has traditionally been that single WYSIWYG field, (the blob of content) that saves the entire content of the post to the post_content database table. Gutenberg doesn’t change this: it…

Read More →

Learning Gutenberg: Series Introduction

Hey CSS-Tricksters! 👋 We have a special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor. I’ve invited a dynamic duo of authors to bring you this series, which will bring you up to speed on what Gutenberg is, what it can do for your site, and how you can actually develop for it. Who this is for This series is more for developers who are curious about this new world and wanna get started working with it. This series isn’t necessarily for site owners who want to know how it’s going to affect their site or who are worried about it for any reason. It’s clear there is a lot of possibility with Gutenberg. Yes, it’s aiming to be a better editing experience, but it also likely to change how people think of what’s possible with WordPress. With the custom “blocks”…

Read More →

WEB DEVELOPER – University of Washington – Seattle, WA

Development experience with Drupal 7 and/or Drupal 8, including site administration, front-end and back-end development….From University of Washington – Fri, 18 May 2018 00:50:42 GMT – View all Seattle, WA jobs Source:

Switching Careers: How to Learn Brand Strategy

The Catalyst Let’s say you’re at a great agency and you have a job that you enjoy. Let’s say one day at this agency an opportunity arises for you to help brainstorm with a project team—something you don’t normally get to do. Let’s also say that you get really, way too into it and realize that you might have found your calling. What do you do? Do you just switch jobs? Indeed, you do. It might not be that easy, but it is that simple. This is what happened when an interest I expressed off-hand during a lunch gathering came back to haunt me/throw my career into a tumble dryer. I was faced with the knowledge that I wanted to learn (and do) brand strategy, instead of shepherding in leads and new projects on our Business Development team as I had been. I needed to find a way to make…

Read More →

Five of My Favorite Features of Jetpack

Jetpack is an official WordPress plugin directly from Automattic. It’s an interesting plugin in that it doesn’t just do *one thing* — it does a whole slew of things that enhance what your WordPress site can do. *Any* WordPress site, that is, and often with extremely little effort. Those easy win features Jesse Friedman calls light switch features, meaning you literally flip a switch in Jetpack’s settings and start benefitting. I love that. There are dozens of features in Jetpack, and I personally make use of most of them and see the benefit in all of them. Allow me to share with you five of my favorites and how they are actively used right here on this site. It’s actually a bit hard to pick, so perhaps I’ll do this again sometime! 1) Related Posts This seems like such a simple little feature, but it’s anything but. Something has to…

Read More →

Free Introduction to Web Development Workshop

Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that’s interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with the basics in a manner that’s easy for beginners to follow. I’ve been a fan of Brian’s work for ages now, which is part of the reason why I advocated for him to join my team, and now I have the honor of working with him. I find his style of teaching really calming, which is encouraging when the subject forays into complex concepts. The livestream is free today (5/15) and tomorrow (5/16), but will also be available afterwards if you happen to miss it. Direct Link to Article — PermalinkThe post Free Introduction to Web Development Workshop appeared first…

Read More →

Decoupling Drupal 8 with JSON API

In a previous installment of Experience Express, we explored how effective core REST out of the box can be for the purposes of consuming content retrieved from Drupal and manipulating said data as well. Furthermore, with the help of Views, any content listing can be easily converted into an API resource. As these features indicate, Drupal 8 is a powerful web services provider that can expose content to any consumer application on any channel. Nonetheless, sometimes our requirements far exceed the functionality available to us. As we saw in the previous post, core REST only allows for individual entities to be retrieved, and Views REST exports only permit the issuance of GET requests rather than unsafe methods as well. But application developers often need greater flexibility and control, such as the ability to fetch collections, sort and paginate them, and access related entities that are referenced. In this column, we’ll…

Read More →

Page Transitions for Everyone

As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let’s consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation experience, while the web pretty much stays the same. Why is that? Maybe it’s because native app developers spend more time working on those animations. Maybe it’s because users say that’s what they want. Maybe it’s because they know more about the environment in which the app is going to run. All of that helps to improve the experience over time. Overall, it seems like mobile app developers somehow seem to know or care more about user experience. If we take a look at how mobile apps are designed today, there is very often some sort of animated transition between states. Even ready-to-use native components have…

Read More →

Turn Sublime Text 3 into a JavaScript IDE

Sublime Text is one of the most popular editors for web development and software development in general. It’s very smooth and fast compared to other editors (being written in C++ helps that speed). Sublime also has tons of plugins you can find through Package Control. But it’s only a text editor and not an IDE. An IDE is a software application that provides comprehensive facilities to computer programmers for software development. In fact, Sublime doesn’t offer features like debugging tools, built-in tools for compiling and running applications, intelligent code suggestions, or code refactoring. Instead it offers a set of APIs you can use to extend it. Here’s an introduction to the JavaScript Enhancement plugin (my own creation) that makes Sublime a bit more IDE-like for JavaScript development. What is the JavaScript Enhancement Plugin? It is a plugin for Sublime Text 3 that offers a lot of features useful for creating,…

Read More →

Responsive Knockout Text With Looping Video

Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like “Knockout Text” except instead of an image behind, it’s video. A live demo will explain more clearly: See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen. A key objective here is to develop this responsively. The idea is to not only scale the video in size to fit the parent container (as video generally does), but scale the text as well, maintaining the size relationship between the type and underlying video. We’re going to get there by using the CSS clip-path property to clip the video against an SVG path defined within a <clipPath> element. First we’ll cover the core concept. Then we’ll add some eye candy by adding a few more features and demonstrate them with a couple additional demos. Setting Up the Video in HTML Let’s start with the…

Read More →

Managing Heading Levels In Design Systems

Heydon Pickering looks into how to give a React component a certain heading (like <h1>, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in the intro: One thing that keeps coming back to me, in research, testing, and everyday conversation with colleagues and friends, is just how important headings are. For screen reader users, headings describe the relationships between sections and subsections and — where used correctly — provide both an outline and a means of navigation. Headings are infrastructure. This reminds me of an excellent post by Amelia Bellamy-Royds where she explored all the problems caused by this “Document Outline Dilemma” or, say, a <h1> following a <h3>: As it currently stands, the document outline is only of daily importance to screen-reader users, and those users are currently used to dealing with…

Read More →

Videos to Get you Started with Drupal Development

How do I get started with Drupal development? That’s a common question we get from people who join OSTraining for the first time. They want to know about the skills they will need, and what kind of classes they should take. In this guide, I’ll give you an overview to help you get started with Drupal development. [[ This is a content summary only. Visit for full links, other content, and more! ]] Source:

Container-Adapting Tabs With “More” Button

Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways. There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve. At design and development agency Kollegorna we were debating on the most appropriate UX technique for tabs for our client’s website… We agreed it should be a one-liner because the amount of tab items is unknown and narrowed our options down to two: horizontal scroll and adaptive with “more” button. Firstly, the problem with the former one is that horizontal scroll as a feature is not always visually obvious for users (especially for narrow elements like tabs) whereas what else can be more obvious than a button (“more”), right? Secondly, scrolling horizontally using a mouse-controlled device isn’t…

Read More →

Do you want to become a pillar of our Drupal development team ? position is open @Agence_Inovae

Geneva, Switzerland Source:

Back to Top