• Home
  • A Propos
  • Greasemonkey
  • HowTo GitHub
  • Performance JavaScript
  • SharepointPlus

15

Juin

How to cache the CSS Fonts with Sharepoint

Posted by Aymeric  Published in Astuce, English, Niveau débutant, Performance

If you use your own CSS file with your own CSS fonts, then we’ll notice that Sharepoint doesn’t send cache headers if you use the below CSS code: @font-face { font-family: ‘Roboto’; src: url(‘/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.woff2’) format(‘woff2’), url(‘/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.woff’) format(‘woff’), url(‘/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.ttf’) format(‘truetype’); font-weight: 400; font-style: normal; } To have this resource sent back from the Sharepoint server with […]

Continue reading...

Tags: Astuce, css, english, Niveau débutant, Performance, Programmation, sharepoint

no comment

12

Mar

Autosize a text to fit into a div in pure/native JavaScript

Posted by Aymeric  Published in Astuce, Niveau intermédiaire, Programmation, Web Design

I was looking for a very tiny and light solution to fit a text inside a box. The box’ height and width are fixed. I only found some great solutions like BigText but I didn’t want to have jQuery loaded. Finally I found some code on StackOverflow and also at Coderwall. I created my own […]

Continue reading...

Tags: css, javascript, Niveau intermédiaire, Programmation, Web Design

2 comments

26

Nov

Breadcrumb / steps in CSS that works from IE8 [CSS]

Posted by Aymeric  Published in Niveau débutant, Programmation

I was looking for a simple code for a step by step process indicator. I found a few things, but everyone seems to have forgotten about IE8… I need to support this old browser at work. So I did my own that I’m sharing here: File Uploaded → File Reviewed → File Approved And the […]

Continue reading...

Tags: css, html, Niveau débutant, Programmation, Web Design

no comment

28

Mai

Dynamically inject a CSS code into the page [JavaScript]

Posted by Aymeric  Published in Astuce, Niveau intermédiaire, Programmation, Web Design

Mozilla created a function that permits to inject some CSS into the document: addStylesheetRules() But if you use jQuery you may want to use this function: function injectCSS(rule) { $(« head »).append(‘<style>’ + rule + ‘</style>’) } // example injectCSS(« div { padding:5px } »)

Continue reading...

Tags: Astuce, css, javascript, Niveau intermédiaire, Programmation, Web Design

no comment

22

Mai

Obtenir une couleur plus sombre ou plus claire pour CSS [javascript]

Posted by Aymeric  Published in Niveau intermédiaire, Programmation, Web Design

EDIT du 22/05/2012 : il existe un site qui permet de trouver plusieurs dégradés à partir d’une couleur, et ça se passe sur http://0to255.com/ EDIT du 20/09/2012 : et voilà encore un autre site un peu plus intéressant que le précédent http://sassme.arc90.com/ EDIT du 25/09/2012 : une autre fonction/méthode plus légère est disponible tout en […]

Continue reading...

Tags: css, javascript, Niveau intermédiaire, Programmation, Web Design

no comment

2

Avr

Datepicker pour Bootstrap [Javascript]

Posted by Aymeric  Published in Niveau débutant, Programmation, Web Design

Edit 5/04/2012 : d’autres personnes ont fait comme moi, et vous pouvez trouver leur repository sur https://github.com/eternicode/bootstrap-datepicker — ils ont corrigé les mêmes bugs visiblement et ont ajouté quelques petites choses comme le support i18n (internationalisation du format de la date) J’ai découvert un datepicker qui utilise l’excellent Bootstrap de Twitter (vous savez c’est un […]

Continue reading...

Tags: css, github, javascript, Niveau débutant, Programmation, Web Design

2 comments

9

Fév

CSS3 PIE pour créer un border-radius sur IE [webdesign]

Posted by Aymeric  Published in Navigateur, Niveau débutant, Web Design

Si vous cherchez à faire un border-radius sur un vieux IE vous avez dû vous rendre compte que cela ne fonctionne pas… mais heureusement il existe CSS3 PIE qui est un « petit » fichier qui va permettre de créer l’effet désiré ! A noter cependant que je rencontre un problème : lorsque j’applique le fichier htc […]

Continue reading...

Tags: css, IE, Niveau débutant, Web Design

no comment

12

Mai

Quelles polices de caractères utilisées sur le web ? [Web Design]

Posted by Aymeric  Published in Niveau intermédiaire, Web Design

[niveau: intermédiaire] Si vous n’êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web. Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques? C’est ainsi qu’est introduit le billet d’Alsacreation qui vous explique parfaitement les polices disponibles pour la plupart des navigateurs. […]

Continue reading...

Tags: css, Niveau intermédiaire, Web Design

no comment

3

Mai

Adapter la taille des polices de caractères selon les navigateurs [Web Design]

Posted by Aymeric  Published in Niveau expert, Web Design

[niveau: expert] OpenWeb propose un excellent article nommé « Compatibilité multi-navigateurs des polices de caractères » où ils y expliquent les unités et les valeurs à utiliser pour dimensionner la taille des caractères de façon homogène sur le plus grand nombre possible de navigateurs Web. Pour résumer, il est conseillé de ne pas utiliser une […]

Continue reading...

Tags: css, Niveau expert, Web Design

2 comments

Me Suivre

Suivre @aymkdn

Catégories

  • À bookmarker
  • Android
  • Application
  • Astuce
  • Debug
  • Divers
  • English
  • Français
  • Images
  • Linux
  • MacOS
  • Navigateur
  • Niveau débutant
  • Niveau expert
  • Niveau intermédiaire
  • Partage
  • Performance
  • Programmation
  • Sécurité
  • Téléphonie
  • Vidéo
  • Web Design
  • Windows

Étiquettes

android Anglais Application Astuce astuces css debian Debug Divers email english facebook firefox Français github IE Images internet explorer javascript jquery Linux mysql Navigateur Niveau débutant Niveau expert Niveau intermédiaire Nokia Partage Performance php Programmation regexp sharepoint Sharepoint 2013 sharepointplus Sécurité traitement vidéo téléphone Téléphonie vidéo Web Design wifi Windows wordpress À bookmarker

Méta

  • Flux RSS
  • Administration

Recent Entries

  • Connect to SharePoint Online using an app clientId and clientSecret
  • Mount a SMB Network Drive with Pivotal Cloud Foundry (pcf) and access it using NodeJS
  • spfx error: No development certificate found. Generate a new certificate manually, or set the `canGenerateNewCertificate` parameter to `true` when calling `ensureCertificateAsync`
  • Deploy a PCF NodeJS app as a scheduled task
  • Power Automate: execute a SQL Query via On-Promise Gateway
  • Pass an URL parameter to a SharePoint Online form’s field
  • Transfer an Alexa AWS Lambda function from the online editor to the ASK CLI
  • Detect mobile in JavaScript
  • Add a domain to a Let’s Encrypt certificate
  • Get email address from a Azure DevOps « by » field in Power Apps Flow

Recent Comments

  • towkneed in Check permissions in Sharepoint based on a PermMas…
  • L in Mise à jour d’un serveur Kimsufi (OVH) depuis D…
  • Aymeric in Utiliser un email alias avec GMail [Astuce]
  • Chris in Utiliser un email alias avec GMail [Astuce]
  • alex91 in Create a self-signed certificate for localhost tes…
  • Coolwriter in Bien configurer eMule [Astuces]
  • Nico in Bien configurer eMule [Astuces]
  • Jim1988 in Permettre le retour en arrière sur une page PHP a…
  • rikimaru11273 in Bien configurer eMule [Astuces]
  • Aymeric in Execute an action before saving a form but after t…
  • Random Selection of Posts

    • Sharepoint Callout Documentation
    • How to edit the default action for an icon in a Sharepoint Ribbon
    • Send an email to several recipients from a String in a workflow [Sharepoint 2013]
    • Revenir à l’actualité récente de Facebook suite à la mise à jour [Astuce]
    • Pure Javascript Drag and Drop cross browser from IE8
    • Mettre « ajouter à la liste du Lecteur Windows Media » comme action par défaut [Windows]
    • Activer la compression gzip / deflate sur 1and1 [Astuce]
© 2008 Kodono is proudly powered by WordPress
Theme designed by Roam2Rome