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 :

  • Tutoriel  : Afficher sur une carte GIS des points dont on n’a que l’adresse - 15 avril.
    Le besoin Afficher sur une carte des points dont on n'a que l'adresse. Le cas concret Afficher des points de ventes sur une carte à partir d'un document tableur (LibreOffice Calc, Microsoft Excel...) avec possibilité de géolocaliser le visiteur. Le principe Il faut géocoder les adresses, c'est à (...)
  • Tutoriel  : Afficher sur une carte GIS des points dont on n’a que l’adresse - 15 avril.
    Le besoin Afficher sur une carte des points dont on n'a que l'adresse. Le cas concret Afficher des points de ventes sur une carte à partir d'un document tableur (LibreOffice Calc, Microsoft Excel...) avec possibilité de géolocaliser le visiteur. Le principe Il faut géocoder les adresses, c'est à (...)
  • Plugin microcache - 10 avril.
    Le microcache est un fichier cache totalement statique, de longue durée et dont le nom est facilement accessible. Qu'est ce que microcache ? C'est un système de cache statique et persistant des squelettes SPIP, qui permet des mises à jour en temps réel. Comment ça s'utilise ? Les fonctions (...)

Sur le Web

Astuces et autres solutions..


  • NavNav

    CSS HTML

    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 :

  • Actualité : Résultats du sondage : formations web et formations en ligne - 19 avril.
    Le 27 mars dernier, nous avons lancé un sondage sur le sujet des formations web et des formations en ligne à distance afin d’en savoir plus sur vos envies de formation du moment et recueillir vos avis sur les formations en ligne. Nous voilà trois semaines plus tard pour vous partager les résultats (...)
  • Astuce : Les template strings en JavaScript - 16 avril.
    Vous savez déjà certainement que les chaînes de caractères en JavaScript peuvent être contenues indifféremment entre des guillements simples ' (apostrophes en français) et doubles ". Une nouveauté bien intéressante d'ECMAScript 2015 (= ES6) permet d'utiliser les backquotes ` (accent grave) pour (...)
  • Outil : Grid Layout Cheatsheet (pense-bête) - 3 avril.
    De plus en plus incontournable, la spécification CSS Grid Layout ouvre de très larges possibilités pour nos intégrations de pages web, en complément à ce qu'offre déjà le très intéressant Flexbox. De plus en plus de ressources proposent des tutoriels, des cas d'usages voire des jeux permettant de mieux (...)

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.

Labo


⇒ Font Doctor Latin : Télécharger

  • CSS :
    @font-face { font-family: "Doctor"; src: url('Doctor_lat.ttf'); }
    .class { font-family: "Doctor", sans-serif; }

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. En 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.


Férue des nouvelles technologies, j’ai créé le premier (et le seul !) squelette plugin permettant l’optimisation de site pour tous les mobiles, smartphones et tablettes sous SPIP2&3, je ne saurais imaginer un site sans qu’il puisse être accessible pour ces périphériques, que ce soit avec une mise en page globale maniable, que des squelettes à parts entières.


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

Envoyer un message