Les actualités du Lundi 05 aout 2013 dans les métiers du web - Marmits.com - Reims
BHF's 2013 Annual Review tells the story of just a few of the people who've helped us save lives.
Patterns have graced our designs for thousands of years. The texture, color and life added by patterns have enhanced design the world over. The love of pattern reached new heights with the advert of the web and our ability to easily tile graphics. And adding pattern to your site is easy thanks to these 25 [...]
     |
Microsoft exécute une nouvelle manœuvre pour baisser le prix de ses machines hybrides Surface. Cependant, cela ne touchera (pas encore) la France. Vers une nouvelle génération de Surface ?
Most designers struggle with putting a price on their services. Many end up using a pricing model that leaves them run ragged trying to pay the bills, rather than one that lets them build a healthy, sustainable business. If you’re quoting clients an hourly rate for your services, chances are you’re hurting your business…even if [...]
| |
La tablette Samjiyon est exclusivement réservée au marché nord-coréen. Bénéficiant de caractéristiques assez intéressantes, celle-ci est privée d’internet.
Une coque téléphone dans un alliage particulier qui empêche sa localisation par les organisations gouvernementales, c'est possible !
Un robot qui nous provient des années 50 fait parler de lui car bientôt mis en vente aux enchères. Venu d'un autre temps, la machine a su traverser les âges.
Octave est un jeune businessman qui entretient secrètement une passion pour les jeux d'argent. Octave est accro ! Sa femme au courant de son addiction le harcèle littéralement au téléphone pour essayer de barrer la route à ses pulsions. Craquera-t-il ? Cédera-t-il à sa femme ou sa passion / drogue sera-t-elle plus forte que lui […]
Une API pour suivre Google Analytics en temps réel (version beta) Depuis sa sortie en 2011, il manquait à Google Analytics temps réel une API : c'est presque chose faite, avec une version beta proposée aux développeurs volontaires pour la tester.L'API de Google Analytics temps réel (version beta)Cet article écrit par Olivier Duffez a été [...]
Cet article écrit par Olivier Duffez a été publié sur L'API de Google Analytics temps réel (version beta)
Il semblerait que Google prévoit quelques nouvelles fonctionnalités pour les utilisateurs tactiles dans sa prochaine version de Chrome. C'est en tout cas ce que révèle son navigateur actuellement en phase de test.
Responsive web design is popular and it’s absolutely no secret. It’s what experts are calling for and what many brands are switching to. It’s not just about creating a mobile-ready site, but about making your site visible to every browser size, whether via desktop, tablet or smartphone. The tricky part about designing for responsiveness is [...]
| |
Qu'on l'aime ou non, la technologie Flash existe encore et aucune date d'enterrement n'est prévue par Adobe. Utilisé à bon escient, il est toujours possible d'en avoir plein les mirettes avec des animations sexy. Pourtant, une difficulté voit le jour : plusieurs plate-formes ne supportent pas l'installation du plug-in Flash. Alors, pourrait-on rendre ces animations HTML5 friendly ? C'est ce que nous propose Google avec Swiffy !
Cet outil est destiné à convertir le contenu Flash (SWF) en code HTML5, ce qui permet de le faire fonctionner sur des supports qui, à la base, ne supportent pas Flash comme les mobiles et tablettes (Android, iOS...). Théoriquement, cela devrait fonctionner sur toutes les plates-formes grâce aux standards.
Test en situation réelle
Faisons un essai avec un fichier relativement classique.
- L'animation boucle
- Au survol, l'animation réagit
- Au clic également
- Il y a différents effets (opacité, flou de mouvement..)
- Poids : 33.3 Ko
- Non libre de droits
Une animation Flash des plus simples, vous en conviendrez
Choix de la méthode de conversion
L'extension pour le logiciel Flash
Swiffy propose une extension à télécharger.
- Direction la page de téléchargement : Swiffy Extension for Flash Professional
- Installez l'extension en utilisant Adobe Extension Manager
- L'extension est directement utilisable dans Flash
Uploader un fichier SWF sur le site
- Allez sur le site de l'extension : Google Swiffy
- Uploadez votre fichier SWF (1 Mo maximum) si vous possédez les autorisations nécessaires
- Un aperçu avant / après vous est directement proposé
Résultat du test
Après avoir utilisé la seconde méthode voici ce que nous obtenons :
D'un côté nous avons l'animation originale au format Flash de l'autre le résultat de la conversion. Il faut dire que cela fonctionne plutôt bien. Il suffit alors simplement de récupérer la page HTML générée en faisant un clic droit "enregistrer la cible du lien sous...".
Avantages
- La qualité est sensiblement la même
- Les effets sont respectés
- Les évènements souris sont préservés
-
Cela fonctionne partout, même sur mobile
(ici sur un iPhone 3GS doté d'IOS6 et un Samsung Wave sous BADA 2.0)
Inconvénients
- C'est un peu moins fluide
-
... Et surtout le poids ! Il faut au préalable charger un fichier JavaScript (
runtime.js) qui contient des instructions de base au framework Swiffy et qui à lui seul pèse 250 Ko. Le code de l'animation elle-même (hors framework) monte à 50 Ko (consultez le code source de la démonstration), ce qui nous fait un total de 300 Ko.
Conclusion
"Google Swiffy" fonctionne bien ! Même très bien pour notre animation. Hélas les 250 Ko du script de base plus les 50 Ko de l'animation sont dissuasifs face aux 33 Ko du fichier SWF (Flash). Utiliser cet outil pour simplement remplacer une petite animation Flash n'est donc pas la bonne solution, surtout sur mobile lorsque la bande passante est limitée. Peut être qu'avec des animations plus conséquentes, et sans autre alternative réelle, le jeu en vaut-il plus la chandelle ?
Nous manquons toujours d'outils performants et agréables à utiliser pour générer des animations à la manière de l'environnement Flash qui est très pratique, sans devoir écrire de ligne de code complexe pour définir des paramètres d'animation et importer de multiples ressources. Adobe a bien lancé Edge Animate qui ressemble de près à l'IDE Flash mais les fichiers produits restent tout autant lourds à exploiter. Les techniques Canvas et SVG ont encore quelques progrès à faire au niveau de la génération du code nécessaire et du support par les navigateurs notamment pour ce qui concerne SVG animé.
Qu'on l'aime ou non, la technologie Flash existe encore et aucune date d'enterrement n'est prévue par Adobe. Utilisé à bon escient, il est toujours possible d'en avoir plein les mirettes avec des animations sexy. Pourtant, une difficulté voit le jour : plusieurs plate-formes ne supportent pas l'installation du plug-in Flash. Alors, pourrait-on rendre ces animations HTML5 friendly ? C'est ce que nous propose Google avec Swiffy !
Cet outil est destiné à convertir le contenu Flash (SWF) en code HTML5, ce qui permet de le faire fonctionner sur des supports qui, à la base, ne supportent pas Flash comme les mobiles et tablettes (Android, iOS...). Théoriquement, cela devrait fonctionner sur toutes les plates-formes grâce aux standards.
Test en situation réelle
Faisons un essai avec un fichier relativement classique.
- L'animation boucle
- Au survol, l'animation réagit
- Au clic également
- Il y a différents effets (opacité, flou de mouvement..)
- Poids : 33.3 Ko
- Non libre de droits
Une animation Flash des plus simples, vous en conviendrez
Choix de la méthode de conversion
L'extension pour le logiciel Flash
Swiffy propose une extension à télécharger.
- Direction la page de téléchargement : Swiffy Extension for Flash Professional
- Installez l'extension en utilisant Adobe Extension Manager
- L'extension est directement utilisable dans Flash
Uploader un fichier SWF sur le site
- Allez sur le site de l'extension : Google Swiffy
- Uploadez votre fichier SWF (1 Mo maximum) si vous possédez les autorisations nécessaires
- Un aperçu avant / après vous est directement proposé
Résultat du test
Après avoir utilisé la seconde méthode voici ce que nous obtenons :
D'un côté nous avons l'animation originale au format Flash de l'autre le résultat de la conversion. Il faut dire que cela fonctionne plutôt bien. Il suffit alors simplement de récupérer la page HTML générée en faisant un clic droit "enregistrer la cible du lien sous...".
Avantages
- La qualité est sensiblement la même
- Les effets sont respectés
- Les évènements souris sont préservés
-
Cela fonctionne partout, même sur mobile
(ici sur un iPhone 3GS doté d'IOS6 et un Samsung Wave sous BADA 2.0)
Inconvénients
- C'est un peu moins fluide
-
... Et surtout le poids ! Il faut au préalable charger un fichier JavaScript (
runtime.js) qui contient des instructions de base au framework Swiffy et qui à lui seul pèse 250 Ko. Le code de l'animation elle-même (hors framework) monte à 50 Ko (consultez le code source de la démonstration), ce qui nous fait un total de 300 Ko.
Conclusion
"Google Swiffy" fonctionne bien ! Même très bien pour notre animation. Hélas les 250 Ko du script de base plus les 50 Ko de l'animation sont dissuasifs face aux 33 Ko du fichier SWF (Flash). Utiliser cet outil pour simplement remplacer une petite animation Flash n'est donc pas la bonne solution, surtout sur mobile lorsque la bande passante est limitée. Peut être qu'avec des animations plus conséquentes, et sans autre alternative réelle, le jeu en vaut-il plus la chandelle ?
Nous manquons toujours d'outils performants et agréables à utiliser pour générer des animations à la manière de l'environnement Flash qui est très pratique, sans devoir écrire de ligne de code complexe pour définir des paramètres d'animation et importer de multiples ressources. Adobe a bien lancé Edge Animate qui ressemble de près à l'IDE Flash mais les fichiers produits restent tout autant lourds à exploiter. Les techniques Canvas et SVG ont encore quelques progrès à faire au niveau de la génération du code nécessaire et du support par les navigateurs notamment pour ce qui concerne SVG animé.
L'article Google Glass : Entretien d’embauche avec les lunettes est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups
Feedly inaugure aujourd'hui sa version Premium pour offrir la recherche, la sécurisation HTTPS, une intégration à Evernote et un support Premium.
Les fenêtres peuvent être un véritable point d'entrée pour la chaleur, celles-ci ont tendance à l'accumuler et à devenir de véritables petits radiateurs. Des chercheurs d'Harvard pourraient avoir trouvé la solution avec un système de fenêtres qui se refroidissent d'elles-même.
Pour certains Wikipedia représente le summum de l’accès libre et gratuit à la connaissance et à la culture disponibles pour le commun des mortels pour peu qu’on dispose d’une connexion à Internet, pour d’autres il s’agit d’une encyclopédie en ligne bas de gamme où tout le monde peut mettre en ligne [...]
YouCompleteMe is a code-completion engine for Vim that’s fast and works as you type. It works with every programming language, using various engines for each (including a Jedi-based completion engine for Python, a Clang-based engine for the C-family languages, and an identifier-based engine that works with every language).
L'article Android Device Manager : Localiser son smartphone et protéger ses données est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups
Vous développez des applications pour mobile ou tablettes, et vous vous êtes lancé dans la réalisation d'un site pour les promouvoir ? Excellente idée ! Sauf que, si comme moi, vous êtes une brêle en design (ou un egosigner qui refuse de changer de branche), votre site doit manquer un peu d'illustrations sympas pour mettre […]
La sélection des dernières offres d’emploi du web de Presse-citron Jobs, en partenariat avec Remix jobs. Consultant junior H/F Ingénieur Réseau Haute disponibilité H/F Développeur JavaScript Frontend – H/F Concepteur / UX Designer (stage | alternance) H/F Lead développeur en startup innovante H/F Développeur Android ou iOS avec spécialisation paiement H/F Développeur/Intégrateur Front End H/F
Bonjour à tous ! Nous vous présentons aujourd’hui une solution simple et efficace pour gagner de l’argent avec votre compte Twitter ! Tweet2Money est une solution simple et efficace pour monétiser son compte Twitter. Vous vous inscrivez en quelques secondes, vous choisissez les catégories qui correspondent à la ligne éditoriale de votre compte Twitter, vous [...]
Un barman exaspéré par un mauvais payeur a décidé de le prendre en photo et de partager l'image sur Facebook. Le cliché a créé une petite émulation qui a révélé que l'homme avait l'habitude de ce genre de pratique.
Autrefois l’un des leaders du marché, le constructeur japonais NEC a annoncé qu’il se retire de l’industrie des Smartphones.
Sponsors
Sponsors
Sponsors
Google prépare actuellement une application similaire au Find My iPhone d’Apple pour aider les possesseurs de terminaux sous Android à retrouver leurs Smartphones.
Obama a utilisé son droit de véto contre une décision de l’U.S. International Trade Comission qui voulait interdire la commercialisation de certains appareils Apple aux Etats-Unis.
Stroked line icons really complement a flat interface style with their minimal and basic appearance. Let’s take a look at building a set of stylised vector icons of our own. We’ll base them on the weather to allow us to create a set of consistently styled icons that would be a perfect match for a [...]
This jQuery plug-in allows the user to easily add filter components to table columns, the plug-in works on top of the DataTables jQuery plug-in. Features: Various filter options: select input ...
Panoramic is a javaScript library allows you to use Google Street View in the background of the web page. For desktops devices panoramas can rotate automatically, for mobile device shows a ...
Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags. Features: Objects as tags True multi value Typeahead AngularJS directive included Designed for Bootstrap ...
In the past few years we’ve seen a lot of changes in this big World Wide Web land, with a lot of different emerging devices, techniques and tools. HTML5, AJAX, Accessibility are the kind of stuff that just didn’t exist back when things were simpler, websites were created using front page and table tables were used to structure your layout. A few things may sound pretty crazy now, like this old habit of creating websites using tables, but others are just equally crazy and people are still doing it, like obtrusive JavaScript. JavaScript can be used in so many ways (especially after jQuery emerged as a must-have tool in any site) that sometimes we forget one simple and important thing: it will eventually break. Yeah, it's that simple, one day or another it will just break. The difference between Jedi Masters and Padawans is how prepared you are for those hard times when things don’t work as you wanted to.