Posts Tagged With 'javascript'

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

Lettre à Boris

Posted in Internet & Technologie, Karanbole, Web Design by Pat | No Comments »

Cher Boris,

Permets moi tout d’abord de te souhaiter une très bonne nouvelle année. Paix et prospérité, gloire et réussite, bref, tout le meilleur et surtout beaucoup de bonheur dans tout ce que tu entreprendras.

J’ai appris que tu avais décidé d’apprendre à créer des sites Internet. C’est un excellent choix; cette corde supplémentaire à ton arc déjà bien fourni est désormais très appréciée des recruteurs, même si, contrairement à moi, tu n’en feras probablement jamais ton métier.

Comme tu le sais, j’ai créé il y a maintenant 17 mois une petite boîte de sites Internet, Karanbole. C’est peu d’expérience en comparaison de, mettons, Mark Zuckerberg. Mais comme c’est un jeune homme occupé, et que j’ai un peu de temps, je vais te parler brièvement de web design.

D’après ce que tu m’as dit, tu t’es formé toi-même grâce à des tutoriels, notamment ceux de w3schools. On commence tous par là! Au moins, tu as eu la présence d’esprit de ne pas utiliser d’outil WYSIWYG (what you see is what you get) comme Adobe Dreamweaver, qui ne sont pas adaptés à l’apprentissage, ni aux applications réelles, d’ailleurs… Car le développement d’un site web nécessite une vision d’ensemble, que l’on peut résumer en l’assemblage de 3 (ou 4) briques élémentaires:

  • le fond, (l’ossature du site) en HTML
  • la forme (le look) en CSS
  • l’interactivité en Javascript
  • et éventuellement, la personnalisation en PHP
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