Posts Tagged With 'jquery'

Nouveau site en ligne !

Posted in Internet & Technologie, Karanbole, Web Design by Pat | No Comments »
Nouveau site en ligne !

Presque deux ans après la création de ma petite entreprise, le site de Karanbole fait sa mue !

Tout en gardant le concept « page unique », j’ai voulu utiliser au mieux les technologies du moment: HTML5, CSS3 et beaucoup de jQuery pour la présentation, et le CMS WordPress pour la gestion du contenu.

Résultat: un site qui reste assez minimaliste dans l’approche, mais plus dynamique et plus adapté au référencement. A noter également que le support de IE6 n’est plus assuré: le prix à payer pour une expérience plus conviviale …

Je vous laisse découvrir le nouveau site, ses nouvelles références … et me faire part des bugs que vous auriez pu trouver !

Bonne rentrée !

Read More

Tutoriel – Reproduire la nouvelle barre de navigation Apple.com en CSS3

Posted in Internet & Technologie, Karanbole, Tutoriel, Web Design by Pat | No Comments »
Tutoriel - Reproduire la nouvelle barre de navigation Apple.com en CSS3

Détestée ou vénérée, Apple ne laisse pas indifférent. Et bien qu’il fasse partie des 30 sites les plus visités au monde, Apple.com non plus … A l’image des produits de la marque, le design du site est souvent extrêmement raffiné, bien que minimaliste. L’attention au détail est assez remarquable, et est une source d’inspiration pour les webdesigners en herbe.

Les évolutions du site ont reflété au cours du temps les évolutions de la compagnie, de ses débuts en 1987 (l’un des tout premiers) à l’aluminium brossé des iPod et autres Macs, en passant par le style « aqua » et coloré des premiers iMac et de Mac OS X. C’est désormais du côté des appareils « tactiles » de la marque que l’on doit se tourner pour analyser le nouveau look du site.

Noir, glossy et « glissant », tels sont les qualificatifs qui correspondent le mieux au style général. Prêts à relever le défi de reproduire cette barre de navigation, le tout en CSS3 / jQuery et sans la moindre image ? C’est parti pour mon premier tutoriel ! :)

Objectif du tutoriel: reproduire le plus fidèlement possible la nouvelle barre de navigation apple.com, en utilisant au maximum CSS3 et sans la moindre image.

Read More

Deux nouveaux sites Internet pour Karanbole: EBC et Opticima

Posted in Front page slider, Internet & Technologie, Karanbole, Web Design by Pat | No Comments »
Deux nouveaux sites Internet pour Karanbole: EBC et Opticima

Peu de posts ces derniers temps sur le blog… Et pour cause; deux nouveaux sites Internet ont vu le jour la semaine dernière!

Sans plus attendre, voici les présentations:

Opticima

Opticima est une solution de gestion des échéances pour les PME et les administrations. Simple et efficace, ce service permet de vérifier en un coup d’oeil tous les événements sensible de votre activité: renouvellement d’un abonnement, vérification périodique d’un équipement de sécurité… Le tout hébergé de façon sécurisée et accessible à tout moment.
La prestation de Karanbole pour ce site Internet était l’optimisation du code (HTML et CSS) pour un affichage constant entre les différents navigateurs du marché (Internet Explorer, Firefox, Safari, Chrome …), ainsi que pour la conception et réalisation de la page d’accueil « généraliste ».

Opticima - http://opticima.fr

EBC (Expérience Bilan Conseil)

Isabelle Moreno est une conseillère en VAE (Validation des Acquis de l’Expérience) et en développement professionnel depuis 2003. Professionnelle reconnue, elle a souhaité développer son activité grâce à un site Internet présentant son activité et ses services.
EBC.eu.com est le premier site réalisé par Karanbole en HTML5, tout en permettant une rétro-compatibilité avec les navigateurs ne supportant pas encore les derniers standards (notamment les versions d’Internet Explorer inférieures à IE9).

EBC, Expérience Bilan Conseil - http://ebc.eu.com

Développés en parallèle, Opticima et EBC partagent de nombreux éléments: JavaScript (grâce à jQuery) et compatibilité poussée avec les anciens navigateurs. Les possibilités CSS3 ont également été intégrées, notamment pour l’amélioration de l’interface et la légèreté de l’ensemble (moins d’images à charger).

A court terme, Karanbole proposera exclusivement des sites répondant aux standards HTML5, embrassant ainsi les standards ouverts et une compatibilité universelle (iPhone et iPad, terminaux légers…).

Read More