Annuaire de référencement, référencer votre site en Premium celui-ci sera présent en moins de 48 Heures dans l'annuaire Net-Crea.
Soumission : Gratuite (BASIC) et Payante (PREMIUM)
|
|||||||
-
Flux RSS Actu LudiKreation :
-
Référencement ? 10 annuaires de sites web - 04-05-2012
Aujourd’hui, juste avant le week end, je vous fourni une petite liste de 10 annuaires de sites internet. Ce sont 10 annuaires très corrects et que l’on n’a pas forcément l’habitude de voir dans d’autres listings d’annuaires proposés sur la toile. Plusieurs de mes sites y ont été validés et dans des délais très corrects. 10 Annuaires de sites web : Noogle.fr EL ANNUAIRE Net-Addict AnnuPage Annuaire Ludikreation Lulu-search AnnuSite SEO-PRO Next-Annuaire internaide annuaire Voilà pour cette petite liste sans prétention, ce sont quelques annuaires de sites web où il y a encore de la validation, qui ne sont pas forcément dans les listings habituels, mais qui permettent d’ajouter et de référencer nos sites web. N’hésitez pas à laisser des liens vers d’autres annuaires de sites web dans les commentaires ci-dessous Articles qui peuvent vous intéresser : Récupérer un Favicon (.ico) en PHP via Google Conception web – Forcer le cache à se vider pour vos fichiers CSS, JS et vos images Google – Mais où est passé mon PageRank (PR) ? PHP – Créer une variable depuis une variable Internet Explorer 9 – PHP – Problèmes avec mon site depuis IE9
-
jPages ? Plugin jQuery ? Pagination à effet pour vos sites web - 25-04-2012
Me revoici avec un autre plugin jQuery qui vous permet une fois de plus d?agrémenter vos sites web d’effets. Aujourd’hui je vous présente jPages qui permet de créer automatiquement une pagination sur votre site web. jPages est un plugin jQuery qui permet une pagination avec entre autre, la possibilité de tourner les pages automatiquement, via le scroll de la souris ou même avec le clavier. Il permet aussi de gérer la vitesse, les effets, de customiser la barre de menu de navigation etc… Vous l’aurez compris, ce plugin de pagination jQuery est complet. Comment l’utilise-t-on ? Appel du css et des librairies javascript : <link rel="stylesheet" href="css/jPages.css"> <script src="vers-mon-jquery/1.7.1/jquery.min.js"></script> <script src="js/jPages.js"></script> Si on souhaite utiliser animate.css afin d’agrémenter notre pagination d’effets issus de ce fichier : <link rel="stylesheet" href="css/animate.css"> Création de la structure html qui accueillera notre pagination : <!-- Future navigation panel --> <div class="holder"></div> <!-- Item container (Pas obligatoirement une balise UL) --> <ul id="itemContainer"> <!-- Items --> <li>...</li> <li>...</li> <li>...</li> <li>...</li> <li>...</li> ... </ul> Puis appel du script javascript qui permettra la création de la pagination : $(function(){ $("div.holder").jPages({ [...]
-
DropDown Menu ? Plugin jQuery ? Menu déroulant simple et efficace - 18-04-2012
Une belle petite réalisation de plugin jQuery personnalisable qui permet de réaliser un menu déroulant et de transformer les menus ul>li à 2 niveaux d’imbrication (ul>li>ul>li>ul>li) en menus déroulants animés. Le plugin DropDown Menu, va vous permettre de réaliser ce menu déroulant. c’est une réalisation Française, donc vous pourrez trouver toutes les informations nécessaires sur le site du ou des auteurs. Je vais donc simplifier les explications d’utilisation de ce plugin jQuery : Appel des css et librairies nécessaires au fonctionnement du plugin : <!-- CSS --> <link href="css/juizDropDownMenu.css" rel="stylesheet" type="text/css" media="screen, projection" /> <!-- JS --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="/scripts/juizDropDownMenu-1.5.min.js"></script> Puis ciblage de l’élément à transformer : <script type="text/javascript"> $(document).ready(function() { $("#dropdown").juizDropDownMenu(); }); </script> Il existe des options et la possibilité de personnaliser ce menu, toutes les informations sur la page officiel du plugin jQuery DropDown Menu Lien pour télécharger le plugin Articles qui peuvent vous intéresser : Glisse – Plugin jQuery – Faites défiler vos images Retour progressif des articles sur LudiBlog Chocolat – plugin jQuery – La visionneuse d’image pratique Chocolat – plugin jQuery – La visionneuse d’image pratique [...]
-
Récupérer un Favicon (.ico) en PHP via Google - 17-04-2012
[Petite astuce du jour] Voici une petite fonction en PHP sans prétention pour récupérer le favicon (.ico) d’un site web via google. En effet, grâce à l’url http://www.google.com/s2/favicons?domain=URL_DU_SITE google renvoit le .ico du site « URL_DU_SITE » et si ce dernier n’a pas de favicon .ico google renvoi un petit favicon en forme de globe bleu. Voici une manière simple d’utiliser cette petite action fournie par google et en php, grâce à une petite fonction rapide : function get_favicon($url_site){ $google_url = 'http://www.google.com/s2/favicons?domain='; $url_site = str_replace('http://', '', $url_site); return $google_url.$url_site; } echo '<img src="'.get_favicon('www.ludikreation.com').'" alt="" />'; Voilà une petite astuce simple et basique Bon code à tous ! Articles qui peuvent vous intéresser : Conception web – Forcer le cache à se vider pour vos fichiers CSS, JS et vos images Google – Mais où est passé mon PageRank (PR) ? PHP – Créer une variable depuis une variable Internet Explorer 9 – PHP – Problèmes avec mon site depuis IE9 Facebox – Plugin jQuery – Des lightbox style Facebook
-
Glisse ? Plugin jQuery ? Faites défiler vos images - 15-04-2012
Comme promis, un nouvel article dans le blog pour officialiser leurs retours ! Aujourd’hui, on va parler de Glisse.js, un plugin jQuery qui va vous permettre d’ajouter une lightbox à vos sites web. Ce plugin utilise beaucoup de nouveautés CSS3, ce qui fait que ce n’est pas réellement supporté sur tous les navigateurs. mais ce plugin est un bon travail et le rendu est plutôt agréable, découvrez-le, ne serait-ce que pour voir les transitions proposées. Comment utiliser ce plugin jQuery pour un usage simple et classique : Insertion de la librairie : <script src="glisse.js"></script> Intégration de la feuille de style de base : <link rel="stylesheet" href="glisse.css" /> Ajouter un groupe d’image (relié par l’attribut « rel ») : <img class="pics" src="thumb-1.jpg" data-glisse-big="big-1.jpg" rel="group1"/> <img class="pics" src="thumb-2.jpg" data-glisse-big="big-2.jpg" rel="group1"/> <img class="pics" src="thumb-3.jpg" data-glisse-big="big-3.jpg" rel="group1"/> Vous noterez que l’image de grande taille est annoncée via l’attribut « data-glisse-big ». Si vous souhaitez un titre avec l’affichage de l’image en grand, il faut ajouter un attribut « title », comme ceci : <img class="pics" src="thumb-1.jpg" data-glisse-big="big-1.jpg" rel="group1" title="my awesome picture"/> Puis l’appel du plugin en javascript : <script> $(function () { $('.pics').glisse({ changeSpeed: 550, speed: 500, [...]
-
Retour progressif des articles sur LudiBlog - 15-04-2012
Comme vous avez pu le constater ces derniers 2/3 mois, c’était un peu le silence radio sur le blog. Je suis toujours dans le coin et je reviens petit à petit. En effet, de gros projets et certains aléas de la vie ont fait que j’ai dû me couper de toutes mes activités annexes, dont les articles du Blog. Mais je suis de nouveau ici et j’ai pour l’occasion tout rénové sur le site LudiKreation Conception web et Référencement pour prendre un nouveau départ pour 2012 et me réorganiser afin de garder un fil conducteur constant pour les articles du blog. Dans l’après-midi, je vous concocterai un nouvel article (certainement sur jQuery) pour officialiser ce retour Encore merci à tous mes lecteurs ! Franck Articles qui peuvent vous intéresser : Chocolat – plugin jQuery – La visionneuse d’image pratique Chocolat – plugin jQuery – La visionneuse d’image pratique s3Slider – Plugin jQuery – Un slider simple pour vos sites web jCoverflip – Plugin jQuery – Le Coverflow simple et efficace GMap3 – Plugin jQuery pour API Google Maps 3ème version
-
Chocolat ? plugin jQuery ? La visionneuse d?image pratique - 19-01-2012
Je reviens de nouveau avec un plugin jQuery. Cette fois, c’est une réalisation française : Chocolat. Chocolat permet de visualiser une à plusieurs images sans quitter la page de votre site web. Le plugin jQuery laisse à l’utilisateur le choix de regrouper une série d’image sous un lien, ou de laisser apparaître les images sous forme de miniatures. Cette visionneuse peut apparaitre soit en pleine page, soit dans un bloc de la page. Utilisation du plugin : Appel des librairies et fichiers js / css : <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.chocolat.js"></script> <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8"> Création des éléments html qui seront touchés par le plugin : <a href="series/1.jpg" rel="Titre de la série" title="Légende de l'image 1"><img width="100" src="series/mini/1.jpg" /></a> <a href="series/2.jpg" title="Légende de l'image 2"><img width="100" src="series/mini/2.jpg" /></a> <a href="series/3.jpg" title="Légende de l'image 3"><img width="100" src="series/mini/3.jpg"/></a> Puis la mise en marche du plugin : <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $(function() { $('a').Chocolat(); }); }); </script> Puis vous aurez tous vos liens qui seront affectés par le plugin jQuery Chocolat, au clic vous pourrez visionner vos images sans avoir à changer de page. Il existe plusieurs options : container : Définit [...]
-
Slidorion ? Plugin jQuery ? Un Slider couplé à un menu accordéon et bien plus ! - 28-12-2011
Vous cherchez un slider en javascript ? Mieux, en jQuery ? De plus, couplé à un menu accordéon avec du contenu afin de rendre l’utile à l’agréable ? Slidorion est le plugin qu’il vous faut. En effet, vous allez pouvoir faire défiler des images (avec textes, html etc… ou non) avec un menu associé et son bloc de contenu. Autant dire que ce plugin jQuery est intéressant pour agrémenter un page web. Comment utiliser ce plugin jQuery : Importer les librairies dans le document (dans le « head » – css+js) : <link rel="stylesheet" href="css/slidorion.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="js/jquery.easing.js"></script> <script src="js/jquery.slidorion.min.js"></script> Vous l’aurez compris, easing est nécessaire au bon fonctionnement de Slidorion. Télécharger Easing Construire la structure qui deviendra notre Slider à menu : <div id="slidorion"> <div id="slider"> <div class="slide"></div> <div class="slide"></div> <div class="slide"></div> </div> <div id="accordion"> <div class="link-header">New Features</div> <div class="link-content"> <!-- content --> </div> <div class="link-header">A Simple Image</div> <div class="link-content"> [...]
-
s3Slider ? Plugin jQuery ? Un slider simple pour vos sites web - 15-12-2011
Un petit article sur un plugin jQuery très simple, qui permet de mettre en place un slider pour vos sites web. Vous le savez certainement, le site du Framework javascript jQuery et plus particulièrement la partie des plugins a été victime d’une malheureuse erreur de manipulation, faisant ainsi perdre une grande partie des plugins enregistrés sur le site de jQuery et ce, sur plusieurs mois (voir années). Ne vous étonnez donc pas si vous tombez sur un message de maintenance en vous rendant sur la partie plugins du site de jQuery. Tout ça pour vous dire qu’il est intéressant pour moi (et c’est le cas de pas mal d’acteurs du web) de vous dégoter des plugins jQuery et de vous les présenter, et ainsi d’avoir plusieurs sources disponibles pour ces derniers. Bon, revenons en à notre plugin du jour, à savoir s3Slider, qui comme son nom l’indique est un slider. Un slider qui agrémentera vos sites web. Pour moi, le meilleur des sliders à l’heure actuel reste Skitter, mais certains d’entre vous auront peut être besoin de quelque chose de beaucoup plus basique et s3Slider peut répondre à ce besoin. Voilà la manière de l’utiliser : <script src="js/jquery.js" type="text/javascript"></script> <script [...]
-
jCoverflip ? Plugin jQuery ? Le Coverflow simple et efficace - 06-12-2011
Je reviens avec un article sur un plugin jQuery qui va vous permettre de réaliser un ou plusieurs Coverflow de manière simple et efficace. Je dis simple si vous possédez des notions de jQuery, bien entendu. Ce plugin, c’est jCoverflip, qui utilise le framework javascript jQuery (normal) et jQuery UI (disponible ici). Voici un exemple basique de l’utilisation de ce plugin jQuery : <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ui.js"></script> <script type="text/javascript" src="jquery.jcoverflip.js"></script> Appel des librairies utiles au bon déroulement des opérations <script type="text/javascript"> $(function(){ $('#flip').jcoverflip(); }); </script> L’élément avec l’ID #flip se verra touché par l’effet de jCoverflip. <ul id="flip"> <li><a href="..."><img ... /><span class="title">My title</span></a></li> <li><a href="..."><img ... /><span class="title">Another title</span></a></li> ... </ul> On s’aperçoit que l’élément avec l’ID #flip est une liste « ul » avec lien, image et titre. Pour le titre, il est possible d’utiliser l’attribut « alt » de l’image ou bien d’utiliser un attribut title dans le « li ». Et là votre Coverflow est fonctionnel. Bien entendu, il y a de multiples options et variantes, options disponibles sur cette page. A savoir qu’une version pour Drupal existe. Retrouver le plugin téléchargeable sur ce lien et une démonstration ici. [...]
