Detecting and Responding to iPad Orientation Change in Adobe Edge Animate | CHRIS GANNON With the help of Simon Widjaja and friends’ Edge Commons Dirty Little Helpers library I have extended the Flexible Layouts Using Adobe Edge Animate and the Edge Commons Library tutorial to work on an iPad. Simon’s tutorial/demo works well on a browser when resizing and this demo takes that one stage further and uses the ‘window.orientation‘ event to trigger the resize code uses a simple <meta content> tag to ensure the device as it 100% and recognises the change in dimensions. You can still trigger the resize code in your desktop browser but this is designed to detect your iPad’s orientation too. I’ll write it up fully later with a walk-through of the functionality but for now you can just play around with it and look at the (fairly simple) code – also I thought it would be a nice start to the week! I have removed the ‘window.orientation‘ call as it is not required – even simpler! View the demo on your iPad here Download the source here Like this: Like Loading... Related In "3d" MooDisco!
Un recours en annulation pour HADOPI ? Un recours en annulation pour HADOPI ? Publié le 09-05-2010 à 01:25:33 dans le thème Lois - Justice Pays : France - Auteur : La rédaction Pub : Tous les antivirus gratuits pour protéger et nettoyer votre ordinateur Jeudi, un recours en annulation au Conseil d'État a été déposé pour faire annuler un decret permettant le fonctionnement de la Haute autorité HADOPI. Bilan, ce recours auprès du Conseil de l'État pourrait retarder les premières actions de la Haute Autorité, prévues fin juin, pour la diffusion des œuvres et la protection des droits sur Internet [HADOPI]. French Data Network reproche au gouvernement de ne pas avoir respecté un article du Code des postes et communications électroniques qui impose la consultation de l'Arcep, le régulateur français des télécoms, pour tout décret relatif à l'activité des fournisseurs d'accès à Internet. Tweet Derniers contenus Failles pour Ferrari et Bentley 11-04-2014 à 13:15 - 0 commentaire(s) Un espace du journal 20 minutes piraté
Responsive design : définition, fonctionnement, ressources et tutoriels « Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration… Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). Le “responsive web design” est né suite à un besoin grandissant. Le problème est qu’on ne peut pas – ou du moins ce ne serait pas très pratique – développer autant de versions d’un site qu’il y a de résolutions différentes. Définition du responsive web design Cette évolution des techniques de webdesign, d’intégration et de développement se base sur un objectif simple : un même site doit pouvoir s’adapter lui-même aux différentes résolutions d’écrans… et donc son contenu aussi ! Voici 2 exemples pour illustrer des webdesigns crées de façon “responsive” : La typo 1.
2 places offertes pour la Nuit Du Hack 2 places offertes pour la Nuit Du Hack Il y a quelques mois, je vous avais parlé rapidement de la Nuit du Hack qui aura lieu le samedi 19 juin, de 16h à 7h du matin à Paris et à laquelle j'assisterai. Et aujourd'hui, bonne nouvelle, j'ai 2 places à vous faire gagner. Il suffit de me laisser un petit commentaire en me racontant votre plus beau "hack" (dans le sens bidouille et/ou piratage) et pas la peine de me baratiner car, de toute façon, ça sera le dieu du Random qui décidera ;-). Je donnerai le nom des 2 gagnants lundi soir ou mardi dans la journée. Toutefois, on en sait un peu plus sur ce qui se passera lors de cette nuit mouvementée. Si cette soirée / nuit vous branche et que vous ne gagnez pas les 2 petites places en jeu ici, je vous invite à aller faire un tour sur le site de la Nuit du hack pour plus d'infos. Merci à mes potes Freeman et CrashFR pour les 2 places !!! Vous avez aimé cet article ?
Comment tester un site responsive? (partie 1) Savoir si un site développé se comporte bien en responsive est devenu une nécessité de nos jours. Il est donc important de connaître tous les moyens mis à notre disposition pour réaliser cette étude. Deux lignes de conduites (probablement complémentaires) sont à prendre en compte : soit on teste sur des outils simulant le comportement des appareils, soit on teste directement sur les supports que l'on souhaite prendre en charge. Bien évidemment, la méthode la plus fiable reste celle qui consiste à utiliser le smartphone ou autre appareil dont l'éligibilité est à vérifier. Avantages Pas d'installation sur le poste et de ce fait, compatible avec toutes les plateformes. Inconvénients L'évènement Touch n'est généralement pas pris en charge. Nous vous proposons dans un premier temps de découvrir les différentes méthodes de simulations proposées par les éditeurs de navigateurs et des services en ligne. Les solutions des navigateurs Internet Explorer Chrome Firefox Opera Safari Les outils en ligne
Un nouvel algo très puissant pour détecter les vidéos pirates Un nouvel algo très puissant pour détecter les vidéos pirates La société NEC vient d'annoncer que la nouvelle version de sa technologie de détection de vidéos piratées, était la plus balaise-géniale du monde. En effet, là où NEC fait fort, c'est que cette technologie qui sera intégrée au futur format MPEG-7, est très rapide et très précise. Il suffit de quelques secondes pour savoir si une vidéo trouvée sur le net, est une version pirate d'un film, grâce à une empreinte numérique (signature) d'exactement 76 bytes par frame. Cette signature très compacte permettrait à un ordi classique (genre le vôtre à la maison), de traiter 1 000 heures de vidéo en 1 seconde. [Source et photo] Vous avez aimé cet article ?
Responsive Webdesign – présent et futur de l’adaptation mobile - Alsacreations Après plusieurs mois de recherche sur le sujet, j'ai enfin publié mon article sur Smashing Magazine qui s'intitule "The State Of Responsive Web Design". Ce qui suit en est la traduction. Avertissement avant la lecture : Je n'ai pas la prétention de changer le monde, d'avoir la vérité absolue. Dans cet article – qui est long, je le sais – je souhaitais juste rendre attentif le lecteur au reste de ce gigantesque iceberg dont les Media Queries n'en sont que la surface. On entend parler de "Responsive Webdesign" depuis plusieurs années maintenant, et le sujet s'est vraiment démocratisé et popularisé en 2012. Dans cet article, nous allons nous intéresser à ce qui est aujourd'hui déjà possible en terme d'optimisation de sites pour mobiles, mais également à ce qui sera possible dans le futur. L'état des images dans le responsive webdesign Quelle meilleure manière d'aborder le sujet que de commencer par ce qui pose un gros souci : la gestion des images. La solution flexbox La solution Grid Layout
Pas Sage en Seine 2010 Pas Sage en Seine 2010 Publié le 06-05-2010 dans le thème Réseau - Sécurité Pays : France - Auteur : Damien Bancal Pub : Logiciels de sécurité et de protection Internet La seconde édition de Pas Sage en Seine va proposer deux jours dédiés aux hackers, artistes, hacktivistes et activistes. "Cette année, nous aborderons de nombreux thèmes comme le hacking hardware, l’hacktivisme politique, l’ouverture et la liberté numérique, les problématiques de filtrage et d’analyse du trafic Internet, Hackerspaces, Fablab… Le tout dans le cadre convivial de la Cantine, le co-working space qui se tranformera pour l’occasion en co-hacking space." Parmi les rendez-vous à ne pas râter, l'atelier : The Seedfuckerz. # Liens connexes Pas sage en seine 2010 Derniers contenus Jugement de recruteurs de mûles 14-04-2014 à 19:36 - 0 commentaire(s) Neuf piratés jugés pour avoir utilisé Zeus dans des piratages de comptes bancaires en ligne. Sur le même thème : Réseau - Sécurité Histoire Belge
Splash Vector Graphics on your Responsive Site - HTML5 Rocks Creating mobile content that dazzles means balancing the amount of data downloaded against maximal visual impact. Vector graphics are a great way to deliver stunning visual results using minimal bandwidth. Many people think of canvas as the only way to draw a mixture of vectors and rasters on the web, but there are alternatives that have some advantages. We all know responsive design is a big part of handling varying screen sizes, and SVG is ideal for handling different size screens with ease. SVG is a great way to present vector based line drawings and is a great complement to bitmaps, the latter being better suited for continuous tone images. One of the most useful things about SVG is that it’s resolution independent, meaning that you don’t need to think about how many pixels you have on your device, the result will always scale and be optimized by the browser to look great. Scaling fundamentals The HTML5 logo is shown below - and you guessed it, it originates as an SVG file.