TwXDesign

WebDesign et Astuces numériques

SPIP Contributions, Tuto, Liens pratiques..



SPIP • Cimobile • Coloration Code • Facteur • Google analytics • iTwX • Couteau Suisse • No-Spam • Notifications

JQuery • HTML5 • CSS3
html5.validator.nu

SPIP

Contributions pour SPIP


SPIP est un système de publication de contenu pour l’internet écrit en langage PHP et disponible sous licence GPL. Il fait partie de la famille des CMS et signifie Système de Publication pour l’Internet Partagé ou Participatif. Il permet de gérer un contenu web aussi simplement que de créer un document word, voire plus intuitivement encore.

Il gère automatiquement le multilingue, administrateurs, rédacteurs, visiteurs, les articles... SPIP s’agrémente de milliers de Plugins ou outils, et autres interfaces selon vos besoins, vos humeurs. Vous pouvez intuitivement en faire presque tout ce que vous voulez : cherchez, vous trouverez !

Certes il est nécessaire d’avoir quelques notions de base pour installer ce programme et les outils dont vous aurez besoin sur un hébergeur.

Rectification : quand on est débutant, il suffit simplement de savoir se servir d’un ordinateur, d’avoir envie et un peu de temps pour lire les divers documentations d’installation et autres astuces, et votre site sera en ligne en moins de temps qu’il n’en faut pour créer votre hébergement, ou presque..

A ce jour près de 30000 sites utilisent SPIP...


Nouveautés sur SPIP Contrib :

  • Animation avec AOS - 10 septembre.
    Ce plugin permet d'ajouter des animations, sur des éléments HTML, qui se déclenchent suivant la position du scroll. Il permet l'utilisation de la librairie AOS (Animate On Scroll) dans SPIP. Crédit et documentation complémentaire : https://github.com/michalsnik/aos MIT LICENCE AOS : (...)
  • Dumpauto - 9 septembre.
    Automatisation des sauvegardes SPIP au format Dump SQLite. Installation Le plugin Dumpauto s'installe comme tous les plugins SPIP Configuration La configuration du plugin est accessible à partir du menu Configuration> Gestion des plugins > Dropbox > Configurer ou bien avec /ecrire/ (...)
  • Matomo - 23 août.
    Ce plugin inspiré du plugin Piwik assure une interface minimale vers le logiciel de mesure d'audience de site web Matomo [1] La configuration se limite à l'URL du serveur Matomo, et le site Id configuré dans Matomo. Si le plugin Piwik était précédemment installé, le plugin Matomo reprend (...)

Sur le Web

Astuces et autres solutions..


  • NavNav

    HTML CSS

    A ton of CSS, jQuery, and JavaScript responsive navigation navnav.co

    Voir le site
  • Your Fonts

    Autres

    Add a personal touch in your computer www.yourfonts.com

    Voir le site
  • Easy CSS3 Generator

    CSS

    Box Shadow, Text Shadow, Border Radius, Gradients, Button Generator css3gen.com

    Voir le site
  • CSS 3.0 Maker

    CSS

    Border Radius, Gradient, CSS Transform, CSS Animation, CSS Transition, RGBA, Text Shadow, Box Shadow, Text Rotation, @Font Face (...)

    Voir le site
  • ColorZilla

    CSS

    ▸ ColorZilla for Firefox & Chrome ▸ Ultimate gradient generator !!! www.colorzilla.com

    Voir le site
  • KNACSS

    CSS

    Feuille de styles CSS de base pour débuter ses projets d’intégration web, conçue par Raphaël Goetter et Alsacréations (...)

    Voir le site
  • CSS3 & Photoshop

    CSS

    css3ps.com

    Voir le site
  • Progressive IE

    CSS

    Bon courage ! css3pie.com

    Voir le site
  • iFixit - free repair manual

    Autres

    Service parts and tools for Macs, iPods, iPhones, iPads, and Game Consoles. www.ifixit.com

    Voir le site
  • Visuels de site sous mobiles

    Autres

    Just4Fun.. www.responsinator.com

    Voir le site
  • C’est beau le CSS3 !

    CSS

    Le clavier Mac réalisé en CSS dl.dropbox.com

    Voir le site
  • jQuery Mobile

    Autres

    Thèmes Web tactile pour Smartphones et tablettes... jquerymobile.com

    Voir le site
  • CSS3 experiences & more..

    CSS

    simurai.com/lab

    Voir le site
  • Astuces css

    CSS

    Dégradé, ombre, couleurs alternées et rotation oseox.fr

    Voir le site
  • CSS Border

    CSS

    www.tizag.com

    Voir le site
  • Compatibilités docx, xlsx, etc

    Autres

    A coller dans .htaccess pour permettre le téléchargement des fichiers. www.webdeveloper.com

    Voir le site
  • Montrer / Cacher des blocs DIV

    HTML

    www.editeurjavascript.com

    Voir le site
  • Convertisseur de code Unicode

    Autres

    hapax.qc.ca

    Voir le site
  • Banque d’icônes

    Autres

    www.iconfinder.com

    Voir le site
  • Programmer avec SPIP

    Autres

    marcimat.magraine.net

    Voir le site
  • HTML5 & CSS3

    HTML CSS

    www.alsacreations.com

    Voir le site



Nouveautés sur Alsacreations.com :

  • Article : Les carrousels (slider) sont-ils vraiment utiles ? - 19 août.
    Ah les carrousels… Fonctionnalité souvent demandée par les clients, car c’est dynamique, ça bouge, c’est fun etc. Mais en avez-vous réellement besoin pour votre site ? Défilement d'un carrousel à 3 slides avec des images de cookies. Un carrousel, c’est quoi ? De manière générale, la plupart des (...)
  • Article : Les carrousels : est-ce vraiment utile ? - 30 juillet.
    Ah les carrousels…C’est souvent une fonctionnalité assez demandée par les clients en général, car c’est dynamique, ça bouge, c’est fun etc… Mais en avez vous réellement besoin pour votre site ? Un carrousel, c’est quoi ? De manière générale, la plupart des carrousels contiennent plusieurs diapositives (...)
  • Article : Les modes d'apparence Light mode et Dark mode - 22 juillet.
    Le mode sombre (dark mode) consiste à adopter des fonds de couleur sombre sur les interfaces utilisateur. Selon Wikipedia, ce mode serait utile pour réduire la fatigue visuelle et la consommation en énergie par rapport aux autres modes d'affichage. Un très grand nombre de personnes en sont adeptes (...)

Tutoriels

Articles


Mobile


Les smartphones, de plus en plus répandus, toujours plus performants, sont des outils indispensables pour les utilisateurs et par là même incontournables pour les concepteurs de sites web. Désormais avoir son site optimisé pour ces périphériques n’est pas seulement suivre une tendance, mais essentiellement être à la pointe des nouvelles technologies et s’en inspirer afin de communiquer toujours au plus juste de ses aspirations, au plus près de ses clients, de ses visiteurs.

Démonstration de site web optimisé pour mobile en 2010.
Promotion du plugin iTwX Mobile, optimisation de site pour CMS SPIP. A une époque où nombreux n’étaient pas encore convaincus de l’avenir des smartphones ! Et puis le responsive est arrivé...

Contact


Touche-à-tout dans la création de site web, mes premiers sites ont vu le jour en 1999, fabriqués entièrement en html, par conséquent statiques et laborieux en terme de gestion de contenu.
A partir de 2007, je me suis interessée aux CMS, simples d’utilisation pour toute personne peu initiée à la conception de site mais désireuse de gérer elle-même le contenu du sien. J’ai également créé et distribue depuis 2010 en license libre le seul plugin squelette complet permettant l’optimisation de site pour tous les mobiles, smartphones et tablettes sous SPIP2&3. Je conçois également des plugins WordPress sur mesure.

Autodidacte en développement FrontEnd et après avoir suivi des formations BackEnd, je suis aujourd’hui Développeuse Fullstack PHP / Symfony aux compétences étendues aux CMS SPIP et WordPress.


Accessoirement, je suis musicienne, guitariste depuis ouh làlà ..35ans, et compose sur Cubase des morceaux plutôt electro minimale. Enfin je m’adonne également à la peinture.. Seds

Envoyer un message