Posts by Geoffrey Crofte

Web Resources #44

Read the post

UX / UI, CSS, HTML, JavaScript, Accessibility and a lot of pixels and animations on this selection. Learn Grid Layout while having fun, discover more on CSS Variables or Font Variable. I also have a selection of digital artist to make this selection not only technical. Have fun!

Web Resources #43

Read the post

Long time no see. This selection offers a lot of Design resources to help you build ideation session, test interface during user testing sessions or exploit your user biaises to build better products. Alongside those resources, development tools, articles and tutorial will help you with new CSS and JS stuff. Also, I need you help at the end of the article :p

Did You Know – defaultValue for input in JavaScript

Read the post

I keep writing this little series of Did You Know articles about specific little parts of the CSS, HTML or JavaScript. One little thing to learn, easy to digest and use in your dailywork. Last time it was about Lists and specific attributes like start, reversed and type for ul and ol elements. This time, let’s dive into defaultValue in JS.

Flexbox.ninja – Learn Flexbox thought use cases

Read the post

Flexbox.ninja is a project I started a few years ago and that I had never taken the time to finish and publish. I wanted to propose at least 6 common use cases, but the web people suggested that I publish it with 3 cases and open it to contributions. That’s done, now let’s look at it in more detail.

Web Resources #42

Read the post

This selection is the 42th in French, but I translated only some of them in english. I’ll bring to you the previous ones bit by bit I promise. Find a list of curated resources from the web. Those links come from my daily posts on Twitter. Come to say hello!

UX/UI Designer Tools

Read the post

For more than one year now, UX and UI have occupied a major part of my daily work-life. My background as front-end developer has been used almost exclusively to communicate my recommendations for micro-interaction, and to increase the skills of some of the teams. A little retrospective with this list of tools that I’ve used for some of those or that I discovered during my research for the others.

Did You Know – CSS Smooth-scrolling with scroll-behavior

Read the post

Recently in a small project, I had to build something quickly, like a prototype, which contains some little things like a sticky menu, a scroll-spy, mixed with a smooth-scrolling behavior. Some features that often ask to spend time on JavaScript coding. Well, not this time.

Encrypto – Protect your files on Windows & Mac

Read the post

When you need to get back your safety and the control on your files and your datas, mostly when you have to share them on a network or with your friends/colleagues Encrypto by MacPaw is a really fresh breath in the world of encryption tools, for Mac & Windows!

Customize checkbox and radio button with CSS

Read the post

In the past, I worked on several projects looking for a way to deal with custom styled proposed by some good designers to change aspect of form controls like checkbox, radio, file input, etc. As you may know, these elements are historycally not stylable for an accessibility reason. (as I heard). Still. I have a way to style checkboxes and radio buttons… Ready?

Copy into clipboard with JavaScript

Read the post

You certainly already met those buttons to “Copy into Clipboard”. They usually use a trick made with Flash to overcome a security feature provided by our web browsers? Avec the evolution of JS API and the listening of developer requests, you can now (since some months) do it with JavaScript natively.

Fast-tap: remove the 350ms delay on iOS

Read the post

You certainly know that weird feature on your smartphone that blocks your actions during a little delay (350ms) when you tap an item on your screen? Some JS scripts can be implemented to avoid that delay, but often without any side effect… Today, it’s possible to do it with only CSS!

Vintage Washed effect on photographies in CSS

Read the post

The Vintage Washed effect is actually fashionable. The “users” of this effect are looking for an old aspect, they want to give to their photographies a kind of history by giving them an aged appearance, some people talks about an “authentic” appearance. Let see how to reproduce that effect with CSS.

Create a Sticky menu with CSS and JavaScript

Read the post

I recently worked on several websites, and the request for a sticky menu was almost systematic. Sometimes it was justified, sometimes I approached the stereotypical ergonomic counter-example. But still! Let’s see together how we can do that.

Natural Flow First

Read the post

Last week, I worked on a new short web project: the WP Media Company website. It’s a single web page with some typical sections and subtle animations. I was ready to code it with a Mobile First method, and I finally thought about a more natural one. I named it: (Natural) Flow First.

Read URL GET parameters with JavaScript

Read the post

Seems to be stupid like that, but during the same week, we questioned me two times about that. In a server language, get the URL parameters is really easy. But JavaScript doesn’t expect a way to do it natively. I propose to you a little function to do so, but perhaps other ways already exist.