Fernando Moitinho

35 Flips | 1 Magazine | 5 Likes | 5 Following | 2 Followers | @friwords | Keep up with Fernando Moitinho on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Fernando Moitinho”

Getting Started with Google AMP in WordPress [Test Your AMP Pages Here!]

As a WordPress developer, your number one priority is to build engaging and powerful websites for your clients. Oftentimes, however, that’s easier …

WordPress

The 11 minute guide to a bulletproof UX strategy

The heart of great UX strategy lies in thorough research. Unfortunately, UX research is usually a mess.<p>If you’re an outsider, you’re still getting to know everyone involved in the project at the same time you’re navigating which research activities to take on. If you’re an insider, it can be the …

Web Page Performance Death by a Thousand Tiny Cuts

Web page performance is literally a death by a thousand tiny little cuts. Usually, the biggest issue for most is the number of requests a page makes. …

Best JavaScript Libraries for March 2016

JavaScript is widely used as a client-side scripting language for web browsers. In web applications, JavaScript implements features like making …

JavaScript

Forget big data – it's time for big algorithms to change the world

It's no good just having data – it's what you do with it that counts. In five years, one million new devices will come online every hour, creating …

Big Data

How Tabs Should Work

Remy Sharp picks that old chestnut – tabs – and roasts it afresh on the open fire of JavaScript to see how a fully navigable, accessible and …

Web Development

How to enable compression and gzip for page speed.

Gzip is a method of compressing files (making them smaller) for faster network transfers.<p>It is also a file format.<p>Compression allows your web server …

Handy Web Animations Tools

There are many web animation tools available in the market right now which helps web designers and developers create interactive animations with …

CSS

ChocolatJS: jQuery Responsive Lightbox

• Source<br>• Sep 16, 2015<p>Chocolat.js is a responsive lightbox developed in jQuery that allows you to display one or several images at the back of translucid …

Lightbox

The future of cards in Web design

According to The Complete Guide to an Effective Card-Style Interface Design: “The best card design is simple. It also features a rich content experience. For a successful card-style project, both of these elements must be present. But there are plenty of other design techniques that can add to …

Animated Page Transition 2 in Ajax

The index.html file contains only the ‘Intro’ content. A different html file has been created for each navigation item (services.html, contact.html, …

HTML

Google, Microsoft, Mozilla and more join forces to launch a new binary format for web apps

Some internet heavyweights are coming together to create a new format for web applications. The web uses JavaScript to make things happen, and over …

20 Free JavaScript plugins to make your site even cooler

Friends web designers and developers, I do not doubt that your sites are cool: beautiful, ergonomic, interactive and so on! But I promise you that …

Web Design

basicModal: CSS and JavaScript Web-apps Dialog System

jQuery Modal (14 submissions)<p>Collections<p>iziModal.js: Elegant Modal jQuery Plugin<p>iziModal is a responsive and lightweight modal plugin made with the …

10 Popular JavaScript Plugins for your next projects

JavaScript is a dynamic programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to …

Your Mobile Phone can Detect Earthquakes

Was it just you or did the ground really shake? Your iPhone, iPad and most newer mobile phones can work as basic seismometers, the same instrument …

jQuery Plugins for Creating Sticky Elements

We use sticky elements in web pages a lot to improve navigation, the display of ads and more. Sticky menus, header menus or the sidebar are used …

jQuery

Timeline - Create Scrolling Timelines with jQuery

Timeline is a beautiful javascript library for producing interactive, scrolling timelines. Built on top of jQuery, it offers an easy way to pull in a …

The Web Designer's Guide To Programming — SitePoint

Do web designers really need to know how to code? Do we really need “unicorns”?<p>The answer is probably <b>no</b>.<p>Today's world is heading towards super …

10 things a FrontEnd Engineer should know

Frontend engineering as it stands today is a bit of vague and unspecified territory, it’s still not clearly understood may be because of the lack of …

200+ Best Free Tools & Resources for Front-End Web Developers

Colors<p><b>COLOURlovers</b>: User created & shared color palette inspiration<p><b>ColorPicker</b>: Online Color Picker Tool<p><b>Color Hex</b>: A free color tool providing …

Exploring the Latest CSS Animation Trends in Web Design

The web is an ever-evolving medium propelled forward by enthusiastic developers and creators. Animation is just a slice of web design that has risen …

CSS Contact Form

The CSS is divided in 3 parts: 1) Form, 2) Custom icons and 3) Floating labels. This way, if you want the essential coding part, you can just grab 1) …

CSS

The 5 Pillars of Interaction Design

<i>Jerry Cao is a content strategist at UXPin —</i> <i>the wireframing and prototyping app</i> <i>— where he develops in-app and online content for the wireframing and prototyping platform.</i><p>In today’s world of infinite-scrolling websites and touch devices, you must understand interaction design in order to create user …

Building Realtime, Live-Updating Animated Graphs with C3.js

Having the ability to stream data to a realtime, live-updating graph is pretty powerful. There’s no argument there. But until now, they’ve been …

JavaScript

25 Best HTML5 & JavaScript Game Engine Libraries for Developers

Share Email Comments<p>Just like in the case of the car the engine does all the main work and the main effort is to make the car look amazing. Same is …

Game Development

Best Practices for Accordion Interfaces in Web Design

The word “accordion” typically conjures a mental image of your favorite polka band. However that’s not what we are talking about when referring to …

Dropdown Menus with More Forgiving Mouse Movement Paths | CSS-Tricks

By Chris Coyier On February 23, 2015<p>This is a fairly old UX concept that I haven't heard talked about in a while, but is still relevant in the case …