Au cours de mon parcours en tant que développeur web, j'ai eu l'opportunité de travailler sur une variété de projets allant de la création de sites web statiques à la conception d'applications web complexes. Mon expertise s'est enrichie au fil des années, c’est pourquoi, je vous propose une brève présentation des customisation que j’ai pu réaliser.
La customisation des formulaires avec CSS vous permet une mise en adéquation de la charte graphique de votre entreprise et des élements HTML de votre site internet. Elle vous permet de modifier les élements de base des formulaires pour les rendre plus conviviaux et de les adapter à la configuration de votre écran.
Vous trouverez ci-dessous un exemple de customisation des champs de formulaire avec un thème adapté au site qui répondent à tous les type d'événements et peuvent être sélectionnés via un accès clavier.
Checkbox
Une case à cocher, une case de sélection ou une case à cocher est une petite case interactive qui peut être basculée par l’utilisateur pour indiquer un choix positif ou négatif. On le trouve fréquemment dans les formulaires d’entrée HTML, les boîtes de dialogue et dans les interfaces graphiques des applications et des systèmes d’exploitation.
Standard
Activé
Désactivé
Radio
Un bouton radio est un élément de formulaire qui permet à l'utilisateur de sélectionner une option parmi une gamme d'options. On le trouve fréquemment dans les formulaires d’entrée HTML, les boîtes de dialogue et dans les interfaces graphiques des applications et des systèmes d’exploitation.
Grands
Carte de crédit
Facturation
Qualification
Moyens
Avis
Base de données
Périodicité
Petits
Cryptage
Orientation
Sexe
Range
Les éléments input de type range permettent à l'utilisateur de spécifier une valeur numérique qui ne doit pas être inférieure à une valeur donnée, et pas plus qu'une autre valeur donnée. La valeur précise, cependant, n'est pas considérée comme importante. Ceci est généralement représenté à l'aide d'un curseur ou d'un contrôle de numérotation plutôt qu'une zone de saisie de texte comme le type de saisie numérique.
Volume
Puissance
Select
Les éléments input de type range permettent à l'utilisateur de spécifier une valeur numérique qui ne doit pas être inférieure à une valeur donnée, et pas plus qu'une autre valeur donnée. La valeur précise, cependant, n'est pas considérée comme importante. Ceci est généralement représenté à l'aide d'un curseur ou d'un contrôle de numérotation plutôt qu'une zone de saisie de texte comme le type de saisie numérique.
Stylisé
Période
Stylisé avec contenu ajax
Cantons
Exemple
Ci-dessous vous trouverez un exemple d'utilisation des champs customisés dans un formulaire et des diverses applications qu'ils pourraient avoir. Cet exemple pourrait être la console d'administration de votre entreprise.
La présentation des information aux utilisateurs a été facilitée grace à l'arrivée de CSS. Aujourd'hui il est devenu indispensable d'avoir un impact graphique avec les utilisateurs et ainsi les fidéliser.
Vous trouverez ci-dessous des exemples de créations graphiques qui permettent de présenter différemment les informations aux utilisateurs, comme de la publicité, des listes de prix, etc...
Liste de prix
Les listes peuvent être personnalisées avec CSS pour un affichage des informations groupées, ce qui induit une meilleur expérience utilisateur.
-
BASIC
Petites entreprises199 CHF
Par mois- Support 24/7
- Comptabilité
- Contacts
- Documents
- Stock
-
STANDARD
PME399 CHF
Par mois- Support 24/7
- Affaires
- Comptabilité
- Contacts
- CRM
- Documents
- Ressources Humaines
- Stock
-
PREMIUM
Grandes entreprises499 CHF
Par mois- Support 24/7
- Affaires
- Comptabilité
- Contacts
- CRM
- Documents
- GRM
- Ressources Humaines
- Statistiques
- Stock
FlipCard
CSS nous permet de gérer la perspective est nous permet de faire ces cartes à retournement qui ajoutent une meilleur expérience utilisateur et permet une présentation différente des informations.
-
John Li
Designer
A propose de moi
Je vois le monde par le dessin qui est ma passion aujourd'hui, passionné de Mangas, j'aime croire dans les mystères de la vie.
Compétences
Adobe Illustrator
Adobe photoshop
Blender
UI/UX designer
Contactez moi -
Vazquez luis
Développeur
A propose de moi
Curieux de nature, j'ai acquis mes compétences en tant qu'autodidacte ainsi que dans mes divers postes. J'aime apprendre de nouvelles choses et acquérir de nouvelles compétences.
Compétences
Windev, Windev Mobile, WebDev
Visual Studio, .NET, C#
HTML5, CSS3, Javascript, JSON
Sql Server, MySql, MariaDB
Contactez moi -
Jessica Ramos
Comptable
A propose de moi
On dit de moi que je suis toujours souriante, prête à aider son prochain mais qui ne se laisse jamais marcher dessus.
Compétences
Comptabilité débiteurs, fournisseurs
Comptabilité analytiques
Salaires
Contactez moi
Social menu
Vote
Audio Player
Nombreux sites internet proposent de la musique et avec JQuery le lecteur de base peut être personnalisés en fonction du besoin. Ce lecteur vous propose une playlist de musiques libre de droits, un analyseur et permet de nombreux réglages que le lecteur HTML de base ne proposent pas.
Auto complétion
Afin d'améliorer les recherches des données de votre société, et de rendre plus agréable la recherche de vos utilisateurs. Le plugin d'auto complétion vous fourni des suggestion à la recherche effectuée, ce qui permet aux utilisateurs de sélectionner plus rapidement l'élément recherché.
Color Picker
La sélection d'une couleur devient indispensable lorsque vous voulez configurer un text ou d'autre élements d'interface. Le plugin Color Picker vous permet de sélectionner une couleur depuis une palette de couleurs.
Date Picker
De nombreux formulaires proposent à leurs utilisateur de saisir une date, afin d'en améliorer la saisie le plugin Date Picker vous permet de sélectionner une date avec plus de convivialité.
Graphiques
Ils fournissent le moyen de présenter les données collectées, leur traitement, leur analyse, l'intérpretation des résultats et leur présentation afin de rendre ces données compréhensibles pour tous.
Jauges
Elles permettent d'afficher les données collectées ou de définir des données dans une plage de valeurs. Elles présentent une nouvelle façon d'afficher les données et ainsi donne une meilleure expérience utilisateur.
Jauges circulaires
Elles permettent d'afficher les données collectées ou de définir des données dans une plage de valeurs. Elles présentent une nouvelle façon d'afficher les données et ainsi donne une meilleure expérience utilisateur.
Liste triable
Elles permettent à vos visiteurs d'effectuer un tri selon leurs convenances. le plugin draggable permet d'ajouter les fonctionnalités de déplacement à un élément HTML.
- Javascript
- HTML
- CSS
- ASP
- Python
Météo
Les services internet se multiplient et permettent d'ajouter diverses fonctionnalités qui n'étaient pas possible auparavant. Le plugin météo permet d'afficher la météo provenant du site www.prevision-meteo.ch et qui est configurée pour afficher la météo de la ville de Lausanne.
Sécurité Captcha
Aujourd'hui avec le robots intelligents les formulaires peuvent être remplis automatiquement c'est pourquoi des vérifications ont été mise en place. Le composant captcha permet à vos clients d'être certifié humain et non comme une machine.
Signature
Lorsque vos techniciens sont sur le terrain et que les client doivent signé vos documents, il est plus pratique de le faire électroniquement. Le composant signature permet à vos clients d'apposer leur signature sur vos documents officiels.
Table de données
La présentation des données de manière structurée répond à la demande croissante des base de données et de la mobilité. La gestion des données clients, commandes et bien d'autres devient indispensable à toutes les sociétés de petite ou grande envergure.
Vidéo
La protection des vidéos que vous diffusez sur internet peut être importante. Elle peut être mise en oeuvre grace à JQuery, comme le présente les vidéos ci-dessous qui sont mes créations.
