blog alpha design joomla

Le blog d' Alpha Design Joomla et autres ...

Ajouter des videos Youtube & Vimeo responsives à n'importe quel site

Youtube, Vimeo et d'autres hébergeurs vidéos permettent d'intégrer facilement leur lecteurs dans votre site internet.

Toutefois, Youtube, Vimeo et autres ne fournissent pas de vidéos responsives par défaut.

Dans ce court tutoriel nous allons voire comment en utilisant quelques lignes de CSS l'on peut  rendre responsives des videos de Youtube, Vimeo ou autres.

 1. Obtenir le code d'insertion Youtube

  • Rendez-vous sur Youtube
  • Trouvez la vidéo que vous souhaitez  insérer dans votre site
  • Cliquez sur Partager > Intégrer, faites un click droit et copiez le code HTML

responsives videos

En savoir +

Créez une Google Map responsive pour n'importe quel site

Les Google Maps sont très faciles à inclure dans un site.

Malheureusement, par défaut, elles ne sont pas responsives. 

Dans ce court tutoriel, je vais vous montrer comment rendre votre Google Map responsive, en utilisant seulement quelques lignes CSS. Cette technique fonctionne avec Joomla, WordPresse, Drupal ou n'importe quelle autre plateforme.  

1. Obtenir le code d'insertion de Google Maps

  • Rendez-vous sur Google Maps
  • Faites un recherche pour trouver la zone de Google Maps que vous souhaitez inclure dans votre site
  • Cliquez sur le lien Partager 

 google maps responsive 1

  1. Cliquez sur Intégrer la carte
  2. Sélectionnez le code Iframe
  3. Faites un click droit et copier le code d'insertion 

En savoir +

Comment créer des colonnes avec column-count en CSS

Largeur de colonnes en utilisant column-count

Valentin Garcia est l'auteur de l’article How to Create Columns with column-count in CSS dont la traduction est autorisée par ostraining.com.

Dans un tutoriel précédent, nous avons expliqué qu'il peut être dangereux d'utiliser des largeurs (width) en HTML pour définir la mise en page.

Heureusement, le CSS est suffisamment  puissant pour  imiter des balises HTML désuètes. Par exemple, vous pouvez créer des colonnes en CSS en utilisant la propriété column-count. Ce peut être très utile pour les mises en page d'un site, mais aussi pour diviser des longs textes  en colonnes.

Dans ce tutoriel nous allons voir comment créer des colonnes avec column-count.

En savoir +

Comment savoir si votre site est conforme aux exigences de la loi française ?

Rendez-vous sur http://www.legiscope.com/, saisissez l' adresse de votre site, puis votre adresse mail afin de pouvoir recevoir le rapport d'audit.

Le robot Legiscope qui parcourra votre site est, ce jour,  en version Béta ce qui peut générer quelques imprécisions ou erreur dans leur rapport.

Toutefois l'intérêt de leur audit est de produire un sommaire intelligible des améliorations que vous devez apporter à votre site pour être en pleine conformité avec la loi française afin de vous prémunir d'éventuelles sanctions pénales et/ou financières.

En savoir +

Les 10 meilleurs astuces pour améliorer la vitesse de chargement de votre site Joomla

Cet article nous décrit les 10 meilleurs astuces pour améliorer la vitesse de téléchargement de votre site :

  1. Choisissez un bon hébergeur
  2. Cache de Joomla!
  3. G-Zip
  4. Supprimez les extensions inutiles
  5. Cache du navigateur dans le .htaccess
  6. Optimisez vos images
  7. Utilisez un CDN
  8. Optimisez le CSS + Javascript
  9. Extensions pour l'optimisation de la vitesse
  10. Optimisation pour mobile

En savoir +

Multisites : une mauvaise idée pour la majorité des sites

Dans cet article Ostraining nous dévoile pourquoi le "Multisites", c'est à dire l'administration de plusieurs sites à partir d'une seule installation d'un CMS, est en général un mauvaise idée pour la plus part des sites.

Consultez cet article (en anglais) : http://www.ostraining.com/blog/general/multisites-bad-idea/

5 1 1 1 1 1 1 1 1 1 1 Notez cet article 5.00 (1 Vote)

Comment créer votre propre favicon et remplacer celui de Joomla ?

remplacer le favicon joomlaLe favicon est la petite icône de 16×16 pixels située devant l’URL du site dans la barre d’adresse ou devant les noms de page des onglets selon votre navigateur.

Par défaut, après une installation Joomla, le favicon que vous apercevez est celui de Joomla, il vous faut donc créer un favicon à votre image.

Des outils gratuits, sont disponibles sur le Web, pour vous aider à créer votre propre favicon

En savoir +

La Way Back Machine : ou comment vos sites se font archivés au fil du temps, & restent toujours consultables par les internautes...

logo way back machineLa Way Back Machine, ou Internet Archive, archive non seulement tous les sites web, mais en conserve aussi leurs différentes versions au cours du temps.

Ce jour elle a archivée plus de 368 milliards de pages web.

En la consultant vous pouvez par exemple, pour votre propre site, retrouver l'évolution de son design, ou de son contenu, au fil des années.

Testez la : http://archive.org/web/

Comment indiquer à la Way Back Machine de ne pas archiver mon site mais aussi de le "désarchiver" ?

En savoir +

Optimiser ses images pour améliorer la vitesse de téléchargement de son site

Optimiser le poids de vos images peut améliorer considérablement le temps de téléchargement de votre site.

Ce tutoriel couvre les point suivants :

  • Quel format d'image pour quelle utilisation ?
  • Quel format d'image à utiliser pour les JPG, baseline ou progressive ?
  • Considérations sur le poids & la compression
  • Que faire pour la haute résolution et les écrans retinas ?
  • Outils gratuits pour optimiser vos images sous Windows
  • Recommendations générales & récapitulation

Consultez ce tutoriel (en anglais) : http://www.ostraining.com/blog/webdesign/optimizing-website-images/

4.75 1 1 1 1 1 1 1 1 1 1 Notez cet article 4.75 (2 Votes)

statcounter.com : les statistiques, world wide, pays / pays, des navigateurs utilisés par les internautes

statcounter.com : les statistiques, world wide, pays / pays:  des navigateurs, résolutions d'écran, système d'exploitations et bien d'autres critères utilisés par les internautes

Pour découvrir ces statistiques gratuites utilisez sur cette page http://gs.statcounter.com/ le menu déroulant browser, choissez votre pays, et la période que vous souhaitez considérer.

5 1 1 1 1 1 1 1 1 1 1 Notez cet article 5.00 (1 Vote)

How to Create Retina Graphics for your Web Designs

The more products Apple releases, the more widespread Retina displays become.
So far we have Retina capable iPhones, iPods, iPads and MacBooks of various sizes, which together make up a pretty substantial audience.
Let’s take a look at how you can create special retina graphics for your website so your design looks crisp, sharp and clear on those powerful screens...

Consulter la suite de cet article sur cette page : http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs

5 1 1 1 1 1 1 1 1 1 1 Notez cet article 5.00 (1 Vote)

Retina.js : Support pour Retina Images dans Joomla

http://Tutoriel d'OS Training sur comment insérer le script retina.js dans votre template afin d'insérer des images de substitution hautes résolutions pour Ipad, Iphone.. (en anglais) : http://www.ostraining.com/blog/joomla/retina-js/

Ou consulter sa traduction en français http://cinnk.com/blog/164-retina-js-images-retina-avec-joomla

5 1 1 1 1 1 1 1 1 1 1 Notez cet article 5.00 (1 Vote)

  • 1
  • 2

Ils nous ont fait confiance

Universités & organismes de recherche

L' INSERM - unité U999, Université Paris Sud - Centre Chirurgical Marie Lannelongue

The Center for Groundwater Studies - Australie

L 'ENSAE : École Nationale de la statistique et de l'administration

La Maison des Sciences de l'Homme Paris Nord , UMS de l'université Paris 8, de l'université Paris 13 et du CNRS

L' Institut Supérieur de Développement - ISD Flaubert

Monpellier RIO imaging (MRI), plate - Forme Technologique (PFT), labellisée IBiSA.

Organismes publics

Ministère de la défense : État Major de la 3ème Brigade Mécanisée

La mairie de la ville de Marly le Roi

La mairie de la ville de Breuillet

La mairie de la ville de Thuir

L' Agence Locale de l'Energie de la métropole marseillaise

L' Institut de Formation en Masso-kinésithérapie de Montpellier - Centre Hospitalié Universitaire de Bellevu

Le Centre de Gestion de la fonction Publique Territoriale des Alpes de Haute Provence

La Capitelle - couveuse d'entreprises du Gard

Le Centre Social Intercommunal de Saint Quentin de la Poterie

Le collège & lycée Saint Charles

Le lycée Philippe Lamour

Le centre François Baclesse: Centre de Lutte Contre le Cancer (CLCC)

Entreprises

Astrium une filiale EADS No 1 européen et No 3 mondial de l'industrie spatiale

Messer France

Photonlines

Shânti Gestion

App-Line

Vincent et Mireille

Axiom Information

Galerie Art City

Le Château de Boisson

LM Control

Vagabonde International

Photonlines Energy

la Pisciculture la Croisière

FHSolution

NaturEditions

Etudions à l'étranger

E.P.A.

Microeconomix

Alatak

Jade Black Design

Une bague une destinée

Schmulb

Espace revêtements

Partenaire de réussite

Stylitek

Fun-Kart

The Crew Coach

Sanitval

Ateliers d'écriture de Virginie Lou

cam4you

SDB+

Armelle Bongrain - architecte d'intérieur

ECIM

Riveria Expat Consultants

Florence Thorez - Diététicienne Nutritionniste

Le Séchoir

Le Moulin de Bouydou

L' Espace de Formation Clinique et Psychanalytique

Cours de musique à Montpellier

Leads Planet

Agerix

Etudions à l'étranger

Biopreserv

Aloes RED

InfoTour

EverNew

Synalabs

Bureau d'Etudes Arlaud

Stage de musique été

Fermetures Neuvillaises

Linguapolis

Weblligence

ASD Protect

Véronique Crépaux - praticienne en Energétique Traditionnelle Chinoise

Françoise Léon - Psychologue du comportement alimentaire

Inovtolerie

BlueSafe

Viasocial

Repco Marine

King Jouet

Dr Abbas - cabinet ORL

ER3M

Cryo'net

Vectoring Talents

Desir d'écrire

Installation yperreault

Viaortho

Viadentiste

Alice Sweet Home

ONG / Associations

UNESCO: International Music Council

L' Association de Recherche en Soins Infirmiers

L' Union Internationale Contre la Tuberculose et les maladies respiratoires

Le Centre National des Risques Industriels

L' Institut International des Hautes Études en Psychanalyse

SurdiFrance : Association nationale de malentendants

La fondation Internationale de l'Hôpital Albert ScMhweitzer à Lambaréné

La Maison des Professions Libérales Ile de France

Le Conseil National de l' Enseignement Agricole Privé

La ligue Dauphiné Savoie de tennis

Le Conseil Permanent Régional des Associations d’Environnement

Le Syndicat des Podologues d'Île de France

La compagnie aux grands pieds

L'Espace de l'Ouest Lyonnais

 

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour notamment réaliser des statistiques de visites