🌐 Public

Webdevelopment in general

By Ruben Janssen 

Introduction

Webdevelopers and everyone who's interested in web development

Ruben Janssen  — Graduated CMD at HAN university Arnhem, Front-end Developer. @kwartoverbier, Apple, Dancing, Canon, Photographer, Gadget G33k ...

1 Progressive enhancement — Government Service Design Manual

When creating web pages, the only part of a page that you can rely upon working is the HTML. Even that can fail, but without HTML there is no web page and everything else becomes moot. The attitude towards building for the web with this in mind is called progressive enhancement. This means in essence that each extra layer (images,

Added by Ruben Janssen : “Bulletproof icon fonts for everyone.

2 Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA

Posted by Zach on 01/13/2014 Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn't load? What happens when @font-face isn't supported in the browser? We'll show you how to implement bulletproof font icons. In our never-ending quest to build sites more efficiently and effectively for our clients,

Added by Ruben Janssen : “plain script or async/defer attribute?

3 async vs defer attributes

Let’s start by defining what without any attributes does. The HTML file will be parsed until the script file is hit, at that point parsing will stop and a request will be made to fetch the file (if it’s external). The script will then be executed before parsing is resumed. downloads the file during HTML parsing and will pause the ...

Added by Ruben Janssen : “Better accessible modal windows.

4 Making Modal Windows Better For Everyone

To you, modal windows might be a blessing of additional screen real estate, providing a way to deliver contextual information, notifications and other actions relevant to the current screen. On the other hand, modals might feel like a hack that you've been forced to commit in order to cram extra content on the screen. These are the extreme ends of

Added by Ruben Janssen : “Creating a slightly better performing web-site/application through async and localstorage fonts.

5 Loading webfonts with high performance on responsive websites

8th October 2014 | by Adam Beres-Deak | localStorage, webfonts, loading, perfmatters Once upon a time every website was only using Arial, Verdana, Garamond or Times New Roman for rendering the text, because these font were the only ones reliably installed on almost any computer. But these times are over. Webfonts are spread all over the internet, but we still

Added by Ruben Janssen : “A guide through <time>

6 A Guide to the HTML5 'time' Element

Time - one of the few known things that is infinite. Human beings, as well as animals and plants, have dealt with time since the beginning of their existence. On the web this need isn't different. Even in this medium, we need to communicate to other people that something happened at a certain point, on a specific date, or in

Added by Ruben Janssen : “BEM for small projects.

7 Scaling Down The BEM Methodology For Small Projects

Front-end development is no longer about individual frameworks. Tools are available - we merely have to choose. To make the right choices for your project, you need to start with a general approach, or methodology. But most methodologies have been created by big companies? Are they still useful for small companies, or do we need to reinvent them at a

Added by Ruben Janssen : “Future of webdesign

8 The Pursuit of Laziness: Thoughts from Responsive Day Out

Last Friday I attended Responsive Day Out 2, follow-up to last year's event at which I spoke. The format was the same - sessions split into three short 20-minute talks followed by a 15-minute joint discussion - but the tenor was a little different. Gone were the theoretical presentations, talk of trying to sell responsive web design to clients and

Added by Ruben Janssen : “Webpage rendering, the basics you should know.

9 What Every Frontend Developer Should Know About Webpage Rendering

Today I'd like to focus on the subject of web page rendering and why it is important in web development. A lot of articles are available covering the subject, but the information is scattered and somehow fragmented. To wrap my head around the subject, for example, I had to study a lot of sources. That's why I decided I should

Added by Ruben Janssen : “Animating inline svg icons

10 Animating Inline SVG Icons

I recently did some experimenting with animating inline SVG icons. In this article I will quickly review my process and discuss the joys and frustrations I ran into. The demo discussed in the article is below and works on Chrome only for the moment. Scroll down to view all the icons and click them to animate. Check out this Pen!Creating

Added by Ruben Janssen : “Client-side form validation, the easy way with patterns and without JS.

11 Client-Side Form Validation with HTML5

When building web applications, it is important you take security seriously, especially when it has to do with collecting data from users. It is a common maxim in security to trust nobody, hence never trust the user to enter correct or valid form values. For example, in an email form field, instead of entering a valid email address, the user

Added by Ruben Janssen : “Learn to write better code by debugging

12 Tips for Debugging HTML & CSS

( Image from Flickr user Kevin Dooley) Debugging HTML and CSS problems can really ruin your creative momentum, but they're inevitable when building almost any web project. It's annoying when you're designing a page and suddenly you notice that something isn't quite aligned right or colored correctly. If you know how to face rendering problems directly and solve them quickly,

loop9

Freshman

  • 0 Playlists
  • 0 Followers

Omar Farag

Freshman

  • 0 Playlists
  • 0 Followers

edwina

Freshman

  • 11 Playlists
  • 1 Followers

Beanez

Freshman

  • 0 Playlists
  • 0 Followers

abdallah alshaer

big ambition and crazy dream

  • 0 Playlists
  • 0 Followers

Elizabeth Reynolds

Freshman

  • 0 Playlists
  • 0 Followers

AIMartin

Freshman

  • 0 Playlists
  • 0 Followers

Bartosz Bukowski

Freshman

  • 0 Playlists
  • 0 Followers

Alexis Lawson

Freshman

  • 0 Playlists
  • 0 Followers

sajid_1000

Freshman

  • 0 Playlists
  • 0 Followers

Rodica

Motivation is the beginning of all impossible things

  • 0 Playlists
  • 0 Followers

Igor Jovanovic

Freshman

  • 0 Playlists
  • 0 Followers

Armağan Kuyumcu

Freshman

  • 0 Playlists
  • 0 Followers

Alin Spinu

Developer at Eloquentix

  • 0 Playlists
  • 0 Followers

Alden Leong Qi Wen

Freshman

  • 0 Playlists
  • 0 Followers

silisva

Freshman

  • 0 Playlists
  • 0 Followers

unary

Freshman

  • 0 Playlists
  • 0 Followers

FalseNine

Freshman

  • 0 Playlists
  • 0 Followers

mike.a

Freshman

  • 0 Playlists
  • 0 Followers

Alienpruts

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?