weblinear http://blog.weblinear.fr à la conquête du web et de ses influences ..:: webdesign, web, web 2.0, graphic, inspiration ::.. Thu, 02 Feb 2012 16:15:38 +0000 http://wordpress.org/?v=2.6.5 en JOOMLA : la version 2.5 est sortie !!! http://blog.weblinear.fr/2012/joomla-la-version-25-est-sortie/ http://blog.weblinear.fr/2012/joomla-la-version-25-est-sortie/#comments Thu, 02 Feb 2012 16:14:44 +0000 admin http://blog.weblinear.fr/?p=1169



La version 2.5.0 est maintenant disponible. C’est la seconde version réalisée dans le cycle de publication tous les six mois qui a commencé avec la sortie de Joomla 1.6 en Janvier 2011.

La version 2.5 est une version dont le support sera de longue durée (LTS) c’est à dire d’au moins 18 mois.

Cette nouvelle version voit l’apparition de nouvelles fonctionnalités telles que la recherche avancée et la notification automatique des mises à jour de Joomla et de ses extensions.
Joomla inclut pour la première fois  le support multi-bases de données avec l’utilisation de MySQL ou de Microsoft SQL Server. Les versions précédentes de Joomla ne permettaient d’utiliser que les bases de données MySQL.

Notifications de mise à jour

Dès qu’une mise à jour de Joomla, ou d’une extension, est disponible, vous êtes désormais directement notifié dans l’administration de votre site.
Lorsque vous êtes connecté dans l’administration de Joomla, les administrateurs du site ont instantanément accès aux boutons de nouvelle notification qui leur permettent de voir et d’agir sur les dernières mises à jour. En plus de mises à jour pour le CMS Joomla, un second bouton vous notifie pour les extensions tierces (si les développeurs utilisent cette fonctionnalité).
Un meilleur moteur de recherche en langage naturel.

Un meilleur moteur de recherche intégré à Joomla. Ce moteur utilise l’autocomplémentation et la racinisation (retrait du suffixe pour rechercher toutes les occurrences en rapport avec le mot, même dérivées). Cette nouvelle recherche est plus rapide et plus polyvalente que la recherche standard.

Télécharger la dernière version de Joomla est la meilleure façon de s’assurer que les besoins de sécurité sont respectés, car vous aurez ainsi les plus récentes mises à jour pour vous protéger contre les dernières menaces de sécurité.

Les nouvelles fonctionnalités sont :

  • Nouvelle fonction de recherche
  • Capacité d’utiliser d’autres bases de données
  • Notifications de mise à jour de Joomla
  • Corriger la version en base de données
  • CAPTCHA de base
  • Lier de nouveaux menus avec un module
  • Utiliser des images et des champs d’URL pour créer des mise en pages normalisés
  • Choisir si l’administrateur doit être notifié par e-mail de l’inscription de nouveaux utilisateurs.
  • Remarque pour les éléments de menu
  • Filtres de texte personnalisés
  • Flexibilité accrue de filtrage par catégorie dans le Gestionnaire de l’article
  • Gestionnaire de substitutions de traductions.
  • Notes d’utilisateurs
  • Ordre des flux d’actualités rss flexible
  • Option d’image pour la page “site hors ligne”
  • Option pour passer le site automatiquement en “hors ligne” après son installation
  • Meilleure performance d’affichage pour le “type de lien de menu” lors de l’édition d’un élément de menu
  • Affichage améliorée des statuts dans l’administration
  • Filtrer le “Qui est en ligne” par groupes d’utilisateurs sur le site.
  • Vérifier le support ZIP natif lors de l’installation
  • Étiquette de texte “Syndiquer” plus flexible
  • Meta tags de remplacement pour les sites multilingues
  • Les éléments de menu de langues différentes peuvent avoir même alias.
  • Améliorer le SEO, nouveau plugin système: languagecode
  • Formatage du plugin debug
]]> http://blog.weblinear.fr/2012/joomla-la-version-25-est-sortie/feed/ HTML 5 : structure et nouvelles balises http://blog.weblinear.fr/2011/html-5-structure-et-nouvelles-balises/ http://blog.weblinear.fr/2011/html-5-structure-et-nouvelles-balises/#comments Wed, 05 Oct 2011 08:08:40 +0000 admin http://blog.weblinear.fr/?p=1144 Cette nouvelle version du HTML entraine des changements dans la structure des pages et donc l’apparition de nouvelles balises



<header>Informations d’introduction ou de présentation d’une page.
<nav> Éléments de navigations.
<article> Détermine une identité à part entière de la page : billet de blog, un commentaire…
<footer> Le pied car chaque section peut avoir un footer y compris la page entiere


voici un exemple de structure de page en html 5 :

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
	<title>Titre de votre page</title>
  </head>
  <body>
    <header>
      <h1>Nom de la page</h1>
    </header>
	<nav>
		<ul>
			<li>Menu 1</li>
			<li>Menu 2</li>
			<li>Menu 3</li>
			<li>Menu 4</li>
			<li>Menu 5</li>
      </ul>
    </nav>
	<div id="content">
      <article>
        <header>
			<h1>Titre de l'article</h1>
			<p>Description de l'article</p>
        </header>
		<p>Contenu de l'article</p>
        <footer>Pied de l'article
		</footer>
	  </article>
	  <aside>
        <h1>Nom de la colonne latéral</h1>
        <p>Contenu la colonne</p>
      </aside>
	</div>
    <footer>Bas de page</footer>
  </body>
</html>



voici un site développé en htlm 5 www.s5-style.com dont le rendu est très intéressant  et a été récompensé au website award (site of the day)






avec un bout code qui va bien :

?View Code HTML
<div id="wrap">
<div id="container">
<div id="head">
<h1><img src="/mod/images/logo_01.png" alt="S5-Style | Hello world." width="117" height="18" /></h1>
<img src="/mod/images/title_01.png" alt="I'm good at webdesign, HTML5(hypertext markup language), CSS(cascading stylesheets), JS(javascript), illustration and more." width="206" height="87" />
<hr />
<div id="nav">
<div id="navInner">
<ul class="item00 clearfix">
	<li id="aboutOpen"><img src="/mod/images/btn_01.png" alt="About me" width="79" height="33" /></li>
	<li id="messageOpen"><img src="/mod/images/btn_08.png" alt="Massage" width="77" height="33" /></li>
	<li id="worksOpen"><img src="/mod/images/btn_10.png" alt="Client Works" width="99" height="33" /></li>
	<li id="bookmarkOpen"><img src="/mod/images/btn_02.png" alt="Private Works" width="107" height="33" /></li>
</ul>
<ul class="item01 clearfix">
	<li class="openForm"><img src="/mod/images/btn_03.png" alt="Contact" width="41" height="9" /></li>
	<li><a href="http://twitter.com/shogoTabuchi" target="_blank"><img src="/mod/images/btn_04.png" alt="Twitter" width="36" height="9" /></a></li>
	<li><a href="http://www.facebook.com/shogo.tabuchi" target="_blank"><img src="/mod/images/btn_09.png" alt="Facebook" width="51" height="9" /></a></li>
	<li><a href="http://b.hatena.ne.jp/s5-style/" target="_blank"><img src="/mod/images/btn_12.png" alt="Hatena" width="39" height="9" /></a></li>
	<li class="lastChild"><a href="/rss.xml" target="_blank"><img src="/mod/images/btn_11.png" alt="RSS Feeds" width="56" height="9" /></a></li>
</ul>
</div>
</div>
</div>
<hr /></div>
</div>



]]> http://blog.weblinear.fr/2011/html-5-structure-et-nouvelles-balises/feed/ Joomla : l’extension RockGallery 2.0 http://blog.weblinear.fr/2011/joomla-lextension-rockgallery-20/ http://blog.weblinear.fr/2011/joomla-lextension-rockgallery-20/#comments Fri, 02 Sep 2011 10:00:40 +0000 admin http://blog.weblinear.fr/?p=1127 l’extension joomla RokGallery, met à disposition une nouvelle Gestion des images extrêmement flexible et personnalisable.



La méthode utilisée par l’extension permet de télécharger l’image brute et l’utilisation de l’éditeur tranche RokGallery permet redimensionner et recadrer l’image. Cette méthode d’édition non destructive vous permet de créer et de modifier la taille de votre image, recadrée vue, etc, à tout moment sans avoir à reupload ou recréer votre image dans un logiciel de retouche photo externe.

Les caractéristiques comprennent un tout nouveau multi-fichiers de téléchargement d’image mécanisme qui intègre les dernières HTML5 glisser-déposer fonctionnalité de chargement, mais peut aussi revenir à Flash si votre navigateur ne supporte pas encore cette fonctionnalité. Filtrage composé peut être utilisé pour isoler des images spécifiques que vous recherchez et un gestionnaire gère les processus sophistiqués Jobs comme le redimensionnement d’image en arrière-plan afin que vous puissiez vous consacrer à votre travail sans avoir à attendre pour les calculs de l’image de temps à compléter.

Voici un rapide liste non exhaustive des fonctionnalités RokGallery:

Administration:

HTML5/Flash multi-fichiers uploader avec indicateurs d’état de téléchargement
«Tranches» d’image par image avec des multiples individuels zoom / culture tailles
Personnalisée basée sur les balises d’architecture
Interactive multi-sélection par glisser la sélection, ou “shift” en cliquant sur des images multiples
Composé de filtrage avancée pour sélectionner des images spécifiques
Galerie de soutien multiples associés par tag
Ajax pour l’optimisation de la vitesse
CSS3 effets d’animation pour cette application de bureau se sentent
Rédacteur en chef tranche sophistiqués pour créer des vues personnalisées d’un fichier image particulière

Frontend:

Composant de vue Galerie avec les options d’affichage différents: 3×3, 4×4, etc Détails
Override-mesure l’architecture pour permettre des agencements personnalisés, y compris personnalisée HTML, CSS, JS, etc
Front-end options de tri sélectionnable
Voir l’image contre
Voir les détails d’une image particulière de l’information image complète
Les modules disponibles sont: mode Grille et dans le nouveau module de diaporama avec effets de transition unique.

fonctionnalités prévues pour les futures versions comprennent:

Sauvegarde des jeux de filtres pré-définis pour les groupes de filtres
Soutenir les données EXIF ​​qui est défini dans le fichier image original
Ajout d’images directement dans les articles
Détection automatique palette de couleur de l’image téléchargé
Positions intégré module Joomla dans les vues frontales
Commentant la capacité des images (que ce soit via les commentaires des parties 3 ou intégré)
Les champs personnalisés pour les images, comme une licence et les détails d’utilisation
Support ACL

]]> http://blog.weblinear.fr/2011/joomla-lextension-rockgallery-20/feed/ Firefox 6 : nouvelles fonctionnalités pour améliorer la navigation http://blog.weblinear.fr/2011/firefox-6-nouvelles-fonctionnalites-pour-ameliorer-la-navigation/ http://blog.weblinear.fr/2011/firefox-6-nouvelles-fonctionnalites-pour-ameliorer-la-navigation/#comments Fri, 26 Aug 2011 09:03:39 +0000 admin http://blog.weblinear.fr/?p=1115 La nouvelle version de firefox permet une meilleure navigation avec des performances élevées et une sécurité renforcée.
firefox 6


Barre intelligente

Un moyen rapide pour vous rendre sur les sites que vous aimez (même ceux dont vous vous rappelez vaguement l’adresse). Saisissez un terme dans la barre d’adresse (alias la barre intelligente) et la fonction d’auto-complétion affiche dans une liste déroulante les sites possibles d’après votre historique de navigation, vos onglets ouverts et les sites que vous avez marqués et étiquetés.

La barre d’adresse apprend au fur et à mesure de votre utilisation, elle s’adapte à vos préférences et sélectionne les résultats qui correspondent le mieux. Nous l’avons affinée pour qu’elle vous donne une meilleure maîtrise de votre recherche (en tenant compte de vos paramètres de confidentialité). Ses performances accrues vous permettent de trouver encore plus vite ce qu’il vous faut.

évaluation : **** (efficace et pratique)

Interface améliorée

Les onglets au-dessus
Les onglets sont au-desssus de la barre intelligente pour que vous puissiez plus facilement vous concentrer sur le contenu des sites que vous parcourez.

évaluation : **** (efficace et pratique)

Le bouton Firefox (pour Windows et Linux)
Un unique bouton vous facilite maintenant l’accès à tous les menus et sous-menus.

évaluation : ** (une habitude à prendre, pour l’instant je ne suis pas trop fan)

Bouton des marque-pages
Gérez vos marque-pages avec un seul bouton. Retrouvez vos liens préférés sans vous perdre dans leur jungle !

évaluation : *** (oui mais je ne vois pas trop d’évolution)

Bouton unifié Actualiser/Stop
Votre barre intelligente est maintenant escortée d’un simple bouton qui permet d’actualiser les pages ou d’en interrompre le chargement.

évaluation : **** (pratique)

Bouton Accueil
Le bouton Accueil est maintenant placé à droite de la barre de recherche.

évaluation : *** (pratique)

]]> http://blog.weblinear.fr/2011/firefox-6-nouvelles-fonctionnalites-pour-ameliorer-la-navigation/feed/ Google Chrome et sécurité du navigateur http://blog.weblinear.fr/2011/google-chrome-et-securite-du-navigateur/ http://blog.weblinear.fr/2011/google-chrome-et-securite-du-navigateur/#comments Tue, 21 Jun 2011 20:00:47 +0000 admin http://blog.weblinear.fr/?p=1104

Google Chrome comprend des fonctionnalités qui protègent votre ordinateur et vous-même contre les sites Web malveillants lorsque vous surfez sur le Web. Des technologies telles que la navigation sécurisée, le principe de bac à sable et les mises à jour automatiques forment une barrière contre le phishing et les logiciels malveillants.

Navigation sécurisée

Google Chrome affiche un avertissement lorsque vous tentez d’accéder à un site suspecté de pratiques frauduleuses (phishing ou logiciels malveillants).

Le phishing consiste à usurper l’identité de quelqu’un d’autre pour vous amener à révéler des informations personnelles ou confidentielles, généralement par le biais d’un site Web fictif. Un logiciel malveillant est un programme installé sur votre ordinateur, le plus souvent à votre insu, et destiné à endommager ce dernier ou à y dérober des informations.

La technologie de navigation sécurisée de Google Chrome vous avertit dès que vous tentez d’accéder à un site Web suspecté de phishing ou de contenir des logiciels malveillants, en affichant la page d’avertissement présentée ci-dessous. En savoir plus sur le fonctionnement de la navigation sécurisée

]]> http://blog.weblinear.fr/2011/google-chrome-et-securite-du-navigateur/feed/ #2 : Des sites web avec un style minimaliste http://blog.weblinear.fr/2011/2-des-sites-web-avec-un-style-minimaliste/ http://blog.weblinear.fr/2011/2-des-sites-web-avec-un-style-minimaliste/#comments Fri, 25 Mar 2011 09:36:35 +0000 admin http://blog.weblinear.fr/?p=1088 Voici une deuxième série de sites internet avec un style noir et blanc minimaliste, pour vous inspirez dans vos futures créations …




http://magpie-studio.com









http://keepitcomplicated.com











http://alexafalcone.com/











http://derekbender.com/











http://montylounge.com/



]]> http://blog.weblinear.fr/2011/2-des-sites-web-avec-un-style-minimaliste/feed/ La version Google Chrome 10 est plus rapide http://blog.weblinear.fr/2011/la-version-google-chrome-10-est-plus-rapide/ http://blog.weblinear.fr/2011/la-version-google-chrome-10-est-plus-rapide/#comments Wed, 09 Mar 2011 14:30:17 +0000 admin http://blog.weblinear.fr/?p=1075 Le nouveau moteur Javascript de Google Chrome 10 permet un gain de performance de 66% par rapport à la version précédente, ce qui devrait se faire sentir pour le chargement des pages Web et des applications complexes.




les nouveautés de cette version du navigateur :

  • Nouvelle version du V8 – Crankshaft – qui améliore les performances JavaScript
  • Nouvelle présentation des options dans les onglets du navigateur
  • Amélioration de la sécurité contre les logiciels malveillants
  • Désactivation des plugins qui ne sont pas à jour par défaut
  • Sandbox sur Windows pour Adobe Flash
  • Accélération GPU
  • Synchronisation avec Chrome Sync
  • API webNavigation



La version stable de Google Chrome 10 est maintenant disponible pour les systèmes d’exploitation suivant : Mac, Linux, Windows et l’outil de Google qui est Chrome Frame pour Internet Explorer.





]]> http://blog.weblinear.fr/2011/la-version-google-chrome-10-est-plus-rapide/feed/ Des sites web avec un style graphique minimaliste http://blog.weblinear.fr/2011/des-sites-avec-un-style-graphique-minimaliste/ http://blog.weblinear.fr/2011/des-sites-avec-un-style-graphique-minimaliste/#comments Wed, 02 Feb 2011 14:53:19 +0000 admin http://blog.weblinear.fr/?p=1045 Voici une liste de sites internet avec un style noir et blanc minimaliste, pour vous inspirez dans vos futures créations …




http://www.arnaudbeelen.be/









http://www.analogstudio.co.uk/







http://chevychase.se/







http://klim.co.nz/







http://www.madebysofa.com/







http://seymourpowell.com/







http://www.soft.se/







http://tenandahalf.net/

]]> http://blog.weblinear.fr/2011/des-sites-avec-un-style-graphique-minimaliste/feed/ Joomla 1.6 est arrivé et disponible !!! http://blog.weblinear.fr/2011/joomla-16-est-arrive-et-disponible/ http://blog.weblinear.fr/2011/joomla-16-est-arrive-et-disponible/#comments Fri, 14 Jan 2011 16:04:56 +0000 admin http://blog.weblinear.fr/?p=1038 Cette nouvelle version (joomla 1.6) est plus puissante et avec plus de fonctionnalités




  • des contrôles d’accès plus fins pour la visualisation et l’édition de contenu avec des groupes d’utilisateurs configurables ;
  • une structure de catégories définie par l’utilisateur, allant de simples catégories jusqu’à des arborescences de catégories multi-niveaux ;
  • amélioration de l’installateur permettant de multiples installations d’extensions dans un seul paquet, actualisables en un seul clic ;
  • un soutien linguistique élargi pour une production facilitée de sites multilingues ;
  • heures de début et de fin de publication pour les modules avec plus de contrôle sur leur affichage ;
  • nouveaux templates avec un balisage sémantique satisfaisant autant l’œil que les moteurs de recherche ;
  • plus de contrôle créatif grâce aux styles de templates ;
  • des centaines de fonctionnalités supplémentaires; la rationalisation des flux de travail et de productivité;



télécharger la version française de joomla 1.6



]]> http://blog.weblinear.fr/2011/joomla-16-est-arrive-et-disponible/feed/ HTML5 : “le nouveau Doctype HTML” http://blog.weblinear.fr/2010/doctype-du-html5/ http://blog.weblinear.fr/2010/doctype-du-html5/#comments Tue, 28 Dec 2010 10:41:06 +0000 admin http://blog.weblinear.fr/?p=1022 HTML5 (HyperText Markup Language 5) est la dernière révision du principal langage du web, HTML.



HTML5 spécifie deux syntaxes d’un modèle abstrait défini en termes de DOM : HTML5 et XHTML5. Le langage comprend également une couche application avec de nombreuses API, ainsi qu’un algorithme afin de pouvoir traiter les documents à la syntaxe non conforme. Le travail a été repris par le W3C en mars 2007 après avoir été initié par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie.

Tout comme HTML ou XHTML, les documents HTML5 nécessitent un Doctype indiquant la méthode de rendu standard au navigateur :  <!DOCTYPE html>

La grande nouveauté se trouve au niveau structurel, on note que les éléments HTML sont à présent regroupés en catégories de type :

  • Metadata content
  • Flow content
  • Sectioning content
  • Heading content
  • Phrasing content
  • Embedded content
  • Interactive content

Encodage

Le processus de détection de l’encodage a également été modifié et s’effectue dans l’ordre :

  • Vérification de la présence d’un header HTTP “Content-Type” ;
  • Détection du BOM en début de fichier ;
  • Utilisation d’une balise meta spécifique (<meta charset=”UTF-8″> par exemple, la syntaxe utilisée dans les versions précédentes étant toujours compatible)
  • Pour les documents XHTML5, l’auteur doit spécifier l’encodage dans le prologue XML :
  • <?xml version=”1.0″ encoding=”UTF-8″?>

Nouvelles balises

  • section (Identifier un bloc de contenu)
  • article
  • aside (Insérer un contenu sans rapport avec la page)
  • header (Indiquer l’en-tête de la section concernée)
  • footer (Indiquer le pied de page de la section concernée)
  • nav (Indiquer une section avec beaucoup de liens internes au site)
  • figure (Afficher une ou plusieurs images accompagnées d’une légende)
  • figcaption (Afficher la légende d’une image)
  • audio (Insérer un contenu audio)
  • video (Insérer un contenu vidéo)
  • embed
  • mark (Mettre en exergue une partie du contenu)
  • meter
  • progress (Indiquer un niveau d’avancement)
  • time
  • canvas
  • command
  • details
  • keygen
  • output
  • ruby, rt et rp (pour les annotations ruby)
  • Il y a également de nouveaux types pour la balise input :
  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url
  • search
  • color

Nouveaux attributs

  • Pour la balise a :
  • media
  • ping
  • target (précédemment déprécié)
  • Pour la balise area :
  • hreflang
  • media
  • ping
  • rel
  • target (précédemment déprécié)
  • Pour la balise base :
  • target
  • Pour la balise button :
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • Pour la balise fieldset :
  • disabled
  • form
  • Pour la balise form :
  • novalidate
  • Pour la balise html :
  • manifest
  • Pour la balise iframe :
  • sandbox
  • seamless
  • Pour la balise input :
  • autocomplete
  • autofocus (sauf lorsque l’attribut type est défini à hidden)
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • list
  • max
  • min
  • multiple
  • pattern
  • placeholder
  • required (sauf lorsque l’attribut type est défini à hidden, image ou les types de boutons tel que submit)
  • step
  • Pour la balise li :
  • value (précédemment déprécié)
  • Pour la balise link :
  • sizes
  • Pour la balise menu :
  • label
  • type
  • Pour la balise meta :
  • charset
  • Pour la balise ol :
  • reversed
  • start (précédemment déprécié)
  • Pour la balise script :
  • async
  • Pour la balise select :
  • autofocus (Présélectionne un élément lors du chargement de la page)
  • form
  • Pour la balise style :
  • scoped
  • Pour la balise textarea :
  • autofocus
  • form
  • placeholder
  • required
  • Ainsi que les attributs globaux qui s’appliquent à toutes les balises :
  • contenteditable
  • contextmenu
  • data-*
  • draggable
  • hidden
  • on* (gestionnaires d’événements)
  • spellcheck

Voici une liste de sites intéressants pour découvrir HTML5 :

]]> http://blog.weblinear.fr/2010/doctype-du-html5/feed/