[Atom][Visual Studio Code] Font Awesome Shortcut/Snippet!

“Font Awesome”: {         “prefix”: “fa”,         “body”: [             “<i class=\”fa fa-$2\” aria-hidden=\”true\”></i>”         ],         “description”: “Font Awesome template – just add the icon name!”     }   You then just have to type “fa” to have the Font Awesome default line to appear, and then fill the icon name.   fa <i class=\”fa fa-[HERE!]” aria-hidden=\”true\”></i> <i class=\”fa fa-chevron-down”Continue reading “[Atom][Visual Studio Code] Font Awesome Shortcut/Snippet!”

[jQuery][Datatables] Sort DataTables with a Select field

Javascript :   $(document).ready(function () { var table = $(‘#datatable’).DataTable({ dom: ‘lr<“table-filter-container”>tip’, initComplete: function (settings) { var api = new $.fn.dataTable.Api(settings); $(‘.table-filter-container’, api.table().container()).append( $(‘#table-filter’).detach().show() ); $(‘#table-filter select’).on(‘change’, function () { table.search(this.value).draw(); }); } }); }); HTML :   <p id=”table-filter” style=”display:none”>                                     Chercher:                                     <select>                                         <option value=””>All</option>                                         <option>Tag1</option>                                         <option>Tag2</option>                                         <option>Tag3</option>                                         <option>Tag4</option>                                     </select>                                 </p>                                 <table id=”datatable” class=”display tableContinue reading “[jQuery][Datatables] Sort DataTables with a Select field”

[Bootstrap 3] Customize Popovers with HTML Content And Custom Width

Popovers on Bootstrap are a handy thing to display some extra informations without overload the screen. They can not only be placed in A tag or BUTTON tag, but virtually in every tag needed. Here are some custom options for : How to display HTML in a popover ? How to dismiss popover on clickContinue reading “[Bootstrap 3] Customize Popovers with HTML Content And Custom Width”

[Laravel5] Custom Error Pages (and Every 503 Errors)

Laravel 5 is wonderful for handling errors. Creating custom error pages is easy too. You can find one default 500 error page (the one you’ll see when turning your app in maintenance with php artisan down (put it back up with php artisan up) in /ressources/views/errors/500.blade.php. Here is how to create some other ones : Custom 404Continue reading “[Laravel5] Custom Error Pages (and Every 503 Errors)”

[git] Using SSH On An Existing Repository Already In HTTP

There are plenty of times when I’ve setup or cloned a project in HTTP originally, and then later, needed to connect via SSH. Here are the ways to modify it : 1/ When creating a project Using HTTP: git remote add origin https://github.com/nickname/repository.git Using SSH: git remote add origin git@github.com:nickname/repository.git 2/ Updating an existing project Open .git/configContinue reading “[git] Using SSH On An Existing Repository Already In HTTP”

Switching My Development Environment from OSX to Windows 10, part.1

TL;DR : I’ve switched from a MBP Retina 13″ to a Lenovo Yoga 900. Same price, better perfs. Leaving the Macbook Pro for the iMac My Macbook Pro Retina 13″ being somehow unusable for weeks now (coffee might be involved), I’ve had to buy a new machine for my development setup. I tried the iMacContinue reading “Switching My Development Environment from OSX to Windows 10, part.1”

[OS X] How To Enable Ctrl+Maj+Up And Ctrl+Maj+Down in Atom and Sublime Text 2 To Select Multiple Lines

One frustrating issue that I encounter every time I setup an OSX machine for development is that the very useful Ctrl+Maj+Down (and Ctrl+Maj+Up) keybinding to select multiple lines in Atom or Sublime Text doesn’t work out of the box. This is because OSX already uses this shortcut for its Mission Control app. Go to SettingsContinue reading “[OS X] How To Enable Ctrl+Maj+Up And Ctrl+Maj+Down in Atom and Sublime Text 2 To Select Multiple Lines”

How To Enable Alt+Left/Right Arrow In iTerm2 To Jump Words

This is a known issue in iTerm2 that when pressing Alt+left/right arrow, you can’t jump words as you do in your text editor. Here is the key binding you need to setup : Go to iTerm2 > Preferences > Profiles > Keys Add a new key binding with the little + icon. Type your keyboardContinue reading “How To Enable Alt+Left/Right Arrow In iTerm2 To Jump Words”