/https%3A%2F%2Fprofilepics.canalblog.com%2Fprofilepics%2F8%2F0%2F803567.jpg)
Free Fonts For Commercial Use https://www.fontfabric.com Logo Inspiration https://www.logomoose.com Endless Icons http://endlessicons.com Stock Image Site https://unsplash.com Email Templates https://reallygoodemails.com Daily Design Freebies https://freedesignresources.net Mockups & More https://graphicburger.com Image Optimiser https://compressor.io
tuto pour realiser banniere ci dessus
dans le javascript je regle le texte sa couleur le timer les effets et le nom de la balise div qui contient canvas
"<div id="header"> <script type="text/javascript" src="http://p4.storage.canalblog.com/45/62/921129/86260648.js">script> <canvas id="main"></canvas> </div>"
dans la feuille de style je rajoute apres #topbar-logo
#header {
height:252px;
width:80%;
}
le positionnement du canvas est absolute donc il va se positionner a 10px top et left du div header ( si celui ci est relative)
bon je n ai pas cree le javascript je l ai trouve sur internet mais ai du modifier pour l integrer sur le blog
probleme rencontrer a cause du crossdomain polici je n arrivais pas en placant sur le blog a telecharger le xml contenant le texte et le json contenant la fonte ai donc du tout integrer dans le javascript.
mon erreur je voulais pârser ma variable quin est deja un objet contrairement au req.responseText
je peux meme mettre une balise canvas dans un article avec mettant une balise canvas en mode avance dans page message de canalblog mais probleme de conflitcar deux fois meme script et variable commune avec le header donc ca marche pas mais c'est possible
par contre l editeur canalblog n accepte pas balise canvas dans message en html mais on peut faire un appendchild
quelques liens qui m'ont ete utiles:
http://msdn.microsoft.com/fr-fr/library/ie/cc836466%28v=vs.94%29.aspx
http://blog.pascal-martin.fr/post/JSON-JavaScript-Object-Notation-Presentation
Every professional font manager should deliver the basics: spectacular previews, powerful search tools, and efficient font organization. You have those basics covered. But there is a lot more you actually DO with fonts–namely traditional and web design.
The Perfect Font Manager for Adobe Creative Cloud and Creative Suite
Brand new font auto-activation plugins for Adobe Creative Cloud applications, in-app font panels for instant access, cross-platform feature parity and now licensed for use on more than one machine. Sweet.
Experiment and Pair Typefaces Faster Than Ever
Stop the insanity! Activate fonts, switch to InDesign, test out fonts, save version 1; activate more fonts, switch back, test out fonts again, save version 2. Seriously, this could go on forever.
Instead, try this: experiment with Headline & body copy pairings side-by-side without activating your entire font library; without switching back and forth and versioning your document repeatedly. Quickly save your comps to a set or save as PDF proofs for sharing. That’s the NEW QuickComp.
The Smartest Way to Design With Web Fonts
Integrated with web font services, the in-app font panel puts thousands of web fonts at your fingertips. Why would you design for the web with different fonts than you will actually USE on the web? That’s crazy talk.
Other Font Manager Goodies:
- Beautiful font previews
- Powerful search tools
- Efficient font organization
- Access fonts from panels in Creative Suite and Creative Cloud apps
- Pair, compare and prototype using fonts in real-world mock-ups
- Built-in auto-activation for professional creative applications
- Connect to over 6500 fonts from WebINK and Google Web Fonts
Take Control of Your Font Palette
All designers know that having a quality selection of fonts is equivalent to a painter having a full palette of colors to put onto canvas. We collect fonts with the goal to enhance our creative endeavors in print, on the web and wherever text is required.
Without any effort on your part (hands-free!), you can find and use fonts automatically with auto-activation plug-ins for professional design applications.
Because you need to access your fonts quickly, the integrated font panels for Adobe Creative Cloud apps allow you to preview and activate any font right when you’re working on your document, without switching back and forth between applications.
Keep your system clean, streamlined and ensure that you can utilize fonts in your collection with Suitcase Fusion 5.
Auto-Activation Brings Fonts to You
Focus on your work, not your system. Suitcase Fusion 5 automatically activates required fonts in even in your most demanding workflows. The professional-grade auto-activation plug-ins so critical design and publishing apps seamlessly change font activation from an annoyance to an afterthought.
We’ve built-in, our patented Font Sense technology to ensure that the exact fonts are precisely activated when your design documents requires them.
Whether you’re passing documents back and forth with a coworker who also uses Suitcase Fusion, or taking advantage of the multiple-machine use of Adobe Creative Cloud applications, your fonts will always activate when needed.
Suitcase Fusion 5 Features
- Secure, professional font storage
- Full-featured font previews allow you to compare fonts side-by-side
- Auto-activation plug-ins for professional design applications, including Adobe Creative Cloud and QuarkXPress
- Support includes Mac OS X Mountain Lion (10.8) and Windows 8
- See how fonts work side-by-side in paste-up style previews with QuickComp
- Patented Font Sense technology fingerprints fonts for precise identification
- Find similar fonts fast with QuickMatch
- Web font enabled with WebINK and Google Web Font connections
- Organize fonts with Sets
- Create PNG font previews by drag-and-drop with Font Snapshots
- FontDoctor included FREE for additional corruption detection & organization
- Floating Previews hover over all other applications
- Built-in font cache cleaner for Mac OS X
Home Page - http://www.extensis.com/
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
bon je le dis tout de suite c est trop compliqué on est loin de la personnalisation facile des lecteurs vidéo en flash qu il y avait sur youtube au premier temps
je met les liens mais personnelement j attend que firefox ou chrome nosu sortent un lecteur facilement personnalisable.
http://inserthtml.developpez.com/tutoriels/javascript/lecteur-video-personnalise/
http://webit.pictureland.fr/2012/07/17/realiser-un-lecteur-video-html5-personnalise/
bref on est quand meme à des milliards d'année lumiere de la simplicite de flash
sinon un lecteur payant:http://www.sublimevideo.net/features
Alors que les applications Web deviennent de plus en plus riches et que les connexions haut-débit se démocratisent jusqu'au smartphone, certains perçoivent plusieurs problèmes dans la nature du langage Web actuel, notamment au niveau du JavaScript. Avec WebAssembly, l'objectif est de l'optimiser pour que le code se comporte comme celui d'un véritable logiciel.
ia:
https://aws.amazon.com/fr/getting-started/tutorials/create-deploy-project-deeplens
https://eng.uber.com/differentiable-plasticity/
https://blog.statsbot.co/machine-learning-algorithms-183cc73197c
the-6-best-free-online-artificial-intelligence-courses-for-2018
edf-lance-sa-start-up-dans-lintelligence-artificielle
https://www.kdnuggets.com/2018/02/neural-network-ai-simple-genius.html
https://experiences.microsoft.fr/technique/lia-donne-yeux-aux-machines/#QpKPD4gVeOSm3oGz.99
big data:
http://www.stratio.com/blog/apache-spark-visual-tool-sparta
https://www.kdnuggets.com/2018/03/5-things-big-data.html
https://www.confluent.io/blog/build-deploy-scalable-machine-learning-production-apache-kafka/
https://www.datasciencecentral.com/profiles/blogs/14-great-articles-and-tutorials-on-clustering
http://todobi.blogspot.fr/2018/03/comparativa-de-tecnologias-de-streaming.html
https://www.eckerson.com/articles/ten-characteristics-of-a-modern-data-architecture
https://sonra.io/2017/06/28/mapping-big-data-warehouse-architecture-aws-google-cloud-azure/
https://www.confluent.io/no-more-silos-how-to-integrate-your-databases-with-apache-kafka-and-cdc
elasticsearch:
1/pour debuter:
http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/
https://www.javascriptstuff.com/getting-started-tutorials/
https://openclassrooms.com/courses/realisez-une-application-web-avec-react-js
https://reactjs.org/tutorial/tutorial.html
http://putaindecode.io/fr/articles/js/react/
a trier:
https://www.codemio.com/2017/10/reactjs-tutorial-1-setup-babel-webpack.html
https://medium.com/@Preda/getting-started-on-building-a-personal-website-with-react-b44ee93b1710
https://www.grafikart.fr/tutoriels/javascript/react-native-introduction-893
https://fr.tuto.com/react/react-js-pour-les-debutants-react,76751.html
http://putaindecode.io/fr/articles/js/react/native/introduction/
https://medium.com/in-the-weeds/learning-react-with-create-react-app-part-1-a12e1833fdc
https://tutorialzine.com/2015/04/first-webapp-react
http://www.codershood.info/2017/11/19/creating-single-page-react-app-using-react-router-dom/
outils:
pour commencer
https://guides.github.com/activities/hello-world/
https://try.github.io/levels/1/challenges/1
http://gitimmersion.com/lab_1.html
https://openclassrooms.com/courses/gerer-son-code-avec-git-et-github
http://www.blogduwebdesign.com/tutoriel-git/tutoriel-git-1-manager-son-projet/696
https://git-scm.com/book/en/v2
ensuite:
30-options-git-qui-gagnent-a-etre-connues
http://www.blogduwebdesign.com/categories/Git?page=3
avec android studio
http://technique.selfserveur.com/2017/05/04/git-android-studio/
https://stackoverflow.com/questions/37093723/how-to-add-an-android-studio-project-to-github
liens:
<>What is GraphQL? | Build a Complete App with GraphQL, Node.js, MongoDB and React.js<>https://academind.com/learn/node-js/graphql-with-node-react-full-app/<>https://medium.com/walmartlabs/writing-a-graphql-client-in-vanilla-js-d2a09aee7c6c<>
à trier:
<>AWS AppSync Tutorial - GraphQL APIs with AppSync, Amplify and Angular<>
https://www.youtube.com/embed/PEcJxkylcRM
ca aussi: https://youtu.be/291i04TfGb0
inria Machine learning in python with scikit-learn
https://inria.github.io/scikit-learn-mooc/
Here it is, the MOOC "Machine learning in Python with scikit-learn" is starting!
We are very happy to welcome so many of you (more than 7600 registered participants so far) and guide you in predictive modeling with the use of the scikit-learn Python library!
With this MOOC, we aim to make machine learning accessible to a wide audience, to teach how to use scikit-learn, but also to give you an understanding of the models, procedures, and their limitations.
After a fair amount of pedagogical and technical preparation work, we offer you today a practical course with:
We will be happy to guide you throughout this course program.
https://www.quantmetry.com/blog/tout-savoir-onnx/
Comment surmonter les contraintes techniques pour le déploiement en production des modèles ? Fruit d’une collaboration entre AWS, Facebook et Microsoft, ONNX permet le transfert des modèles de deep learning entre différents frameworks
http://pingouindesalpes.com/jquery/
http://www.fancyapps.com/fancybox/
ps il y aussi le parametre:'showCloseButton': false
tous les parametres ici
pour faire ouverture et fermeture fancybox passage souris:
fancybox-getting-it-to-work-on-mouseover-mouseout
ouvrir une fenetre fancybox sans click: http://www.weblog.eliaz.fr/article103.html
path finding,javascript,algorithme,Djikstra,intelligence artificielle,jeu vidéo,chemin le plus court,html,
http://qiao.github.io/PathFinding.js/visual/
et un tutorial
https://openclassrooms.com/courses/3239331?status=waiting-for-publication
https://openclassrooms.com/courses/3246126?status=waiting-for-publication
http://www.partage-it.com/utilisez-des-web-fonts-sur-votre-site-web/
http://www.alsacreations.com/actu/lire/695-utilisation-style-css-import-link.html
Steve recommande donc de se limiter au classique <link rel="stylesheet" href="..." />
https://developers.google.com/fonts/docs/getting_started
ma conclusion: pour un usagé on passe a windows 10 car c'est gratuit pour un developpeur on passe à windows 10 pour beneficier de edge et visual studio 2015
au final pour moi le passage a w10 a marche j' ai enlevé l ancien w7
apres payer pour passer a w10 on en voit pas l interet mais comme c est gratuit pourquoi s'en priver
cortana: bof les ia c'est l avenir mais pour le moment plus un gadget qu'autre chose et pour quelques temps encore
les tuiles ca sera genial quand on aura ecran portable mais pour le moment..
groove aucun interet ca permet meme pas editer tag donc un truc vraiement nul comme seul microsoft à le secret
bureau virtuel truc linux sans interet on peut meme pas mettre icone et les sauvegarder a l'arret.
bref heureusement que c'est gratuit
mon objectif:aller un peu plus loin que le "hello word" mettre une de mes anims sous forme de tuile dans w10
https://msdn.microsoft.com/fr-fr/library/windows/apps/mt280216.aspx?f=255&MSPPError=-2147217396
et
JSON - prononcé jisone en français ou jay-zon avec l'accent anglais - n'est pas un personnage de films d'horreur, mais l'acronyme de Java Script Object Notation. C'est un format qui a été à l'origine conçu pour transporter des données pour les pages Web. Mais, à l'inverse du tueur en série, JSON étant très tolérant, il a été très vite utilisé pour structurer d'autres informations et est très populaire pour l'internet des objets, car, en plus, il est compact et simple à utiliser.
Structurer des données est quelque chose de très simple : sionnestructurepasunephraseenmettantdesespacesilesttrèsdurdelalireetdyretrouverdesmots.
Pour les données c'est la même chose. Si on veut uniquement avoir une température on peut très bien retourner juste 25, mais si dans la réponse on veut mettre d'autres informations, il faut définir une structure. Cela pourrait être par exemple des espaces séparant les valeurs, mais très vite il est difficile de se rappeler à quoi correspond telle colonne.
JSON définit deux types de données de base, les chaînes de caractères qui sont entre " et les nombres qui sont non pas entre " et qui contiennent principalement des chiffres. Par exemple "123" est une chaîne de caractères et -.1e+3 est un nombre (c'est -100). Pour ce dernier, on a un peu exagéré en utilisant la notation eX qui correspond à 10 puissance X (comme sur les calculatrices).
Ensuite on va avoir deux types structures, les listes de paires qui se composent de deux champs, le mot clé qui est un chaîne de caractères, suivi de : et d'une valeur qui peut être n'importe quoi. Les listes sont délimitées par des accolades. Par exemple, nous pourrions donner donne les propriétés d'un écran avec le json suivant :
{ "resolution_verticale": 1200, "resolution_horizontale": 900, "couleurs": true}
Json permet également de faire des tableaux :
[1200, 900, true]
On peut noter que c'est beaucoup plus compact, mais dans ce cas la position est importante, il faut savoir à quoi correspond le premier élément, le second... Un tableau est délimité par des crochets droits et les éléments sont séparés par des virgules. La beauté de JSON est que l'on peut faire des liste de tableaux, des tableaux de listes, des tableaux de tableaux, des listes de listes, de tableaux de listes de tableaux de listes... Par exemple :
{ "Image": { "Hauteur": 800, "Largeur": 600, "Titre": "Vue du 5ieme étage", "Vignette": { "Url": "http://www.example.com/image/481989943", "Hauteur": 125, "Largeur": 100 }, "Animee" : false, "IDs": [116, 943, 234, 38793] } }
Ce JSON décrit l'image par une liste de paires, donnant la hauteur, la largeur, un titre, une sous-liste qui décrivent une vignette,... Si vous lisez l'anglais, vous pouvez regarder la description officielle de JSON dans un standard.
en construction:
https://www.google.fr/?gws_rd=ssl#q=media+query+et+javascript
http://zerosixthree.se/detecting-media-queries-with-javascript/
pour une animation sur canvas les images en deplacement il vaut mieux utiliser png que svg mais il faut prevoir plusieur taille en fonction de l appareil utilisé
c est un peu à part mais toutes les revues informatiques en parlent
l'idéal une montre connectée equipé d'un fpga qui crypte mots de passe pour les conserver et capteur empreinte et capteur flux sanguin
quand on se connecte a un site avec mot de passe le mobile interroge la montre pour obtenir mot de passe
et si l on perd la montre les mots de passes sont inutilisables car il faut meme empreinte et meme flux sanguin
un-probleme-de-reseau-signalez-votre-operateur-sur-le-net
Jusqu'à présent, le gendarme du secteur devait se contenter des rapports annuels. Après avoir lancé un service d'aide au choix des opérateurs, l'Arcep veut donc maintenant forcer les Orange, SFR, Bouygues et Free... à améliorer leurs services en faisant remonter jusqu'à lui les problèmes des clients.
