Les icônes sur le web

Les différentes icônes de déconnexion L’icône burger Menu VS Texte Menu L’icône avec la bordure est plus cliquée (http://exisweb.net/mobile-menu-icons) Le texte MENU encadré est plus cliqué (http://exisweb.net/mobile-menu-abtest) Le mot MENU est 20% plus cliqué (http://exisweb.net/menu-eats-hamburger) NB : les utilisateurs d’Android cliquent plus facilement sur l’icône burger contrairement aux IOS qui préfèrent cliquer sur le texte … Continuer la lecture de Les icônes sur le web

Différents moyens d’écrire des routes Ruby on Rails

La réécriture d’URL par le serveur web n’est pas possible en Ruby on Rails puisque le serveur applicatif se base sur le format de l’URL pour extraire le contrôleur, la méthode à déclencher et les éventuels paramètres. La suite de cet article observe les différentes solutions issues de la documentation officielle concernant le routage. NB … Continuer la lecture de Différents moyens d’écrire des routes Ruby on Rails

Rails 5 & tests : nouveautés et astuces

Nouveautés Test des contrôleurs En Rails 5, la méthode qu’on utilisait pour tester les contrôleurs est dépréciée en faveur de l’utilisation de « hash parameters ». # Rails 4 post :create, { article: { actif: @article.actif, auteur: @article.auteur, contenu: @article.contenu, titre: @article.titre } }, { utilisateur_id: 1234 } # Rails 5 post articles_url, params: { article: { … Continuer la lecture de Rails 5 & tests : nouveautés et astuces

Rails : exécuter les tests

Exécuter tous les tests rails test Exécuter les tests d’un répertoire rails test test/controllers Exécuter les tests d’un fichier rails test test/models/article_test.rb Exécuter un test en fonction de son nom rails test test/models/article_test.rb -n test_save_article_sans_titre_impossible Exécuter le test d’une ligne rails test test/models/article_test.rb:7 Doc : guides.rubyonrails.org

Gérer « annuler / rétablir » dans une application web

Cette fonctionnalité est gérée dans la plupart des manipulations de texte sur PC, telles que les suites bureautiques ou les éditeurs de code source. On peut citer en exemple les logiciels de retouche d’image qui ont souvent la contrainte d’un historique limité. C’est justement la création d’un historique chronologique qui permet de proposer à l’utilisateur … Continuer la lecture de Gérer « annuler / rétablir » dans une application web

Déterminer la ligne de flottaison

Lorsque l’on développe un site internet, il est important de réfléchir en amont à l’agencement des informations et encore plus à l’emplacement des informations principales et importantes pour l’internaute. Sur les différents terminaux, il existe une limite virtuelle entre ce que l’internaute voit à l’écran dès le chargement de la page de ce qu’il ne voit … Continuer la lecture de Déterminer la ligne de flottaison

Contrôleur actif

En rails il existe plusieurs méthodes pour savoir quel est le contrôleur actif de la page. La première est de comparer le params[:controller] à une string : params[:controller] == "contact" Mais, utiliser un params dans une vue n’est pas une bonne pratique. Deux solutions s’offrent donc a nous : controller_name current_page le controller_name s’utilise de … Continuer la lecture de Contrôleur actif

Installer Mailjet sur un projet Ruby on Rails

Ajouter gem ‘mailjet’ dans le Gemfile Créer le fichier config/initializers/mailjet.rb Remplir puis renseigner les variables : Mailjet.configure do |config| config.api_key =  » config.secret_key =  » config.default_from = ‘contact@monmail.pasnet’ end Dans config/application.rb, ajouter la configuration config.action_mailer.delivery_method = :mailjet Vérifier que l’adresse d’expéditeur « from » dans les méthodes du mailer est dans la liste des adresses autorisées sur … Continuer la lecture de Installer Mailjet sur un projet Ruby on Rails

Raccourcis claviers et combinaisons de touches en JavaScript

Lorsqu’on créé une application, le clavier peut être utilisé pour autre chose que de la saisie. Que ce soit avec la méthode JavaScript native onkeypress ou avec keypress de jQuery, l’interception d’une touche pressée doit se faire manuellement. En traduction algorithmique, « si telle touche est pressée, je fais ça ». Pour étendre l’usage des actions autour … Continuer la lecture de Raccourcis claviers et combinaisons de touches en JavaScript

Sublime Text : la sélection d’un mot ponctué en un seul clic

Voici une petite astuce sur l’éditeur Sublime Text pour sélectionner un mot (une variable, une fonction etc.) en double cliquant dessus même si celui-ci contient une ponctuation. Exemples : # ruby variable.empty? <!– html –> <p class="txt-center">Hello world !</p> Faites le test sur votre Sublime Text, si vous effectuez un double-clic pour sélectionner « empty? » dans … Continuer la lecture de Sublime Text : la sélection d’un mot ponctué en un seul clic