hsablonniere

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

hsablonniere

scrollIntoViewIfNeeded 4 everyone!!!

This gist provides a simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements.

Usage

Just use the code in index.js in your app or website. You can see usage in the test page test.html.

The parent element will only scroll if the element being called is out of the view. The boolean can force the element to be centered in the scrolling area.

hsablonniere

HTML headings to JavaScript table of contents : getJsToc

Build a JavaScript table of contents from an HTML document.

If you need to build and/or exchange the table of contents of an HTML document you've come to the right place. If you don't need that, well... good day to you ;-)

What's the effin point?

hsablonniere

.idea

hsablonniere

# The World Wide Web bash script. A random browser opener.
# Windows version

# TODO

# CHROME
# FIREFOX
# IE
# OPERA
# SAFARI

hsablonniere

# Symfony2
/web/bundles/
/app/bootstrap.php.cache
/app/cache/*
/app/logs/*
/build/
/vendor/
/bin/
/composer.phar
composer.lock

hsablonniere

Listen 9999

NameVirtualHost *:9999

<VirtualHost *:9999>
  ServerName *
  DocumentRoot /path/to/project/web

  ErrorLog /path/to/project/app/logs/apache.error.log
  CustomLog /path/to/project/app/logs/apache.access.log common

hsablonniere

Good podcasts about frontend dev!!

• JavaScript Jabber
  Deep dive into JavaScript stuffs (node and front)
• ShopTalkShow
  Fun and low/medium level stuffs about Web, CSS, JavaScript, SEO, Design, Wordpress...
• The Web Platform
• The Web ahead
• The Big Web Show
• The Changelog

hsablonniere

Exploring multi-screen web techniques

A talk given at ScotlandJS in May 2015.

Having a second monitor is not reserved to designers and developers anymore. The second monitor arrives on our users desks and their multi-screen uses are very diverse.

However, when they use our Web applications developed and customized for them, they're often dealing with mono-screen UX. Depending on the complexity of the task and the data to display, this can be a huge drawback.

In this session we'll introduce with uses and ergonomics and then dive into the techniques, APIs and code samples necessary to go multi-screen.

hsablonniere

.container {
  border: 1px solid #777;
	box-sizing: border-box;
  font-family: sans-serif;
  font-weight: bold;
  padding: 5px;
}

.box {
	box-sizing: border-box;