With mobile web browsing becoming widespread, users expect their favorite sites to "just work" on their mobile device of choice. Exciting times, especially as there are a number of new hooks in modern mobile browsers that help web designers to create compelling experiences on phones and tablets.
In my talk, I cover the various features of the viewport meta tag, and look at how they allow you to control mobile browsers' zoom behaviors. I also connect this to Opera's CSS Device Adaptation proposal, which brings this feature to CSS in the form of the @viewport rule.
Furthermore, I explain how viewport can be combined with media queries to create super-flexible layouts that work nicely across different browsing contexts and devices, and explore various strategies to dealing with different screen sizes and pixel densities.
Viewport demos can be found on http://people.opera.com/andreasb/demos/parisweb2011/
Facebook commerce allows brands to sell directly through Facebook stores or use social plugins to enable social features on their existing sites. There are two main types: 1) Selling directly through Facebook stores with catalogs of products. 2) Using social plugins to integrate recommendations and interests from friends onto existing sites. While still nascent, social commerce revenues in the US are predicted to rise from $1 billion in 2011 to $14 billion in 2015. Facebook's large user base and ability to influence purchases make it well positioned for growth in social commerce.
Here are some top solo travel destinations that allow you to collect new experiences through cultural immersion, add meaningful stories to share later in life, and create lasting memories:
- Thailand - Friendly people, beautiful beaches, amazing food, low costs, and the ability to explore on your own terms make Thailand a top choice for solo travelers. Popular areas include Bangkok, Chiang Mai, Phuket.
- Iceland - Iceland's dramatic natural scenery like the Northern Lights, geothermal areas, waterfalls, and black sand beaches inspire adventure and reflection. Reykjavik is a walkable capital with vibrant culture.
- Japan - Japan offers modern conveniences alongside ancient traditions. Explore bustling Tokyo, scen
Cette présentation aurait dû être commentée à Tunis aujourd'hui même. hélas, la manifestation a été annulée. Par solidarité avec les organisateurs français et notamment @fbrahimi je mets ma présentation en téléchargement libre.
Etat de la mesure marketing B2B en FranceSO'xperts
Résultats de la 1ère enquête en France 100% dédiée au R.O.I. du Marketing B2B :
- quels indicateurs ?
- quelle efficacité ?
- quels outils utilisés ?
- quels challenges ?
Pour évaluer et améliorer la contribution du marketing à l'atteinte des objectifs de l'entreprise.
Le social selling prend de plus en plus de place au sein des relations marketing.
Utiliser les réseaux sociaux en marketing B2B est un conseil plus que classique, mais souvent donné sans fondement précis ni élément concret.
Retrouvez donc, sur cette présentation, les éléments chiffrés qui vous prouveront qu'utiliser les réseaux sociaux n'est plus une alternative facultative dans vos relations marketing !
Pour en savoir plus, contactez-nous : mi4.fr/contact ou visitez notre blog : marketinginbound.fr !
Contenus, Résonance digitale et Business développement en Marketing B2BJulien Carlier
Julien Carlier, Président de MPI France Suisse et Consultant en stratégies digitales de Social Dynamite et Lionel Malard, Consultant Business Développement chez Arthémuse animent une conférence sur «Comment alimenter votre marketing B2B avec des contenus conçus pour la résonance digitale et le business développement.».
Cette conférence se tiendra le mercredi 5 février à 17h à La Clinique de l’Événement, dans le cadre du Salon Bedouk (Pavillon 5, Paris-Porte de Versailles) qui réunit depuis 14 ans les professionnels de la Meeting Industry (organisateurs de séminaires et d’événements, agences, prestataires, lieux, destinations…).
La présence digitale est devenue un élément incontournable de la visibilité, de la notoriété mais également du développement commercial des marques (sociétés, événements, produits) :
Comment intégrer le digital dans ses processus de business développement ?
Comment adapter une ligne éditoriale pour tendre vers une "marque média" ?
Quels dispositifs et processus de communication mettre en place pour valoriser ses efforts ?
Julien Carlier et Lionel Malard tenteront de répondre par des exemples et des bonnes pratiques adaptés au secteur Event & Meeting et ses opérateurs.
Les TIC et le rapprochement entre le marketing B2B et B2CEstelle Bard
En quoi peut-on dire que les TIC ont rapproché les méthodes du marketing B2B de celles du marketing B2C? Cette présentation propose de répondre à cette problématique autour de 3 axes: (I) Internet en tant que S. I. et outil webmarketing (II) Les TIC et le marketing de contenu (III) Les réseaux sociaux comme nouvel outil CRM.
Facebook commerce allows brands to sell directly through Facebook stores or use social plugins to enable social features on their existing sites. There are two main types: 1) Selling directly through Facebook stores with catalogs of products. 2) Using social plugins to integrate recommendations and interests from friends onto existing sites. While still nascent, social commerce revenues in the US are predicted to rise from $1 billion in 2011 to $14 billion in 2015. Facebook's large user base and ability to influence purchases make it well positioned for growth in social commerce.
Here are some top solo travel destinations that allow you to collect new experiences through cultural immersion, add meaningful stories to share later in life, and create lasting memories:
- Thailand - Friendly people, beautiful beaches, amazing food, low costs, and the ability to explore on your own terms make Thailand a top choice for solo travelers. Popular areas include Bangkok, Chiang Mai, Phuket.
- Iceland - Iceland's dramatic natural scenery like the Northern Lights, geothermal areas, waterfalls, and black sand beaches inspire adventure and reflection. Reykjavik is a walkable capital with vibrant culture.
- Japan - Japan offers modern conveniences alongside ancient traditions. Explore bustling Tokyo, scen
Cette présentation aurait dû être commentée à Tunis aujourd'hui même. hélas, la manifestation a été annulée. Par solidarité avec les organisateurs français et notamment @fbrahimi je mets ma présentation en téléchargement libre.
Etat de la mesure marketing B2B en FranceSO'xperts
Résultats de la 1ère enquête en France 100% dédiée au R.O.I. du Marketing B2B :
- quels indicateurs ?
- quelle efficacité ?
- quels outils utilisés ?
- quels challenges ?
Pour évaluer et améliorer la contribution du marketing à l'atteinte des objectifs de l'entreprise.
Le social selling prend de plus en plus de place au sein des relations marketing.
Utiliser les réseaux sociaux en marketing B2B est un conseil plus que classique, mais souvent donné sans fondement précis ni élément concret.
Retrouvez donc, sur cette présentation, les éléments chiffrés qui vous prouveront qu'utiliser les réseaux sociaux n'est plus une alternative facultative dans vos relations marketing !
Pour en savoir plus, contactez-nous : mi4.fr/contact ou visitez notre blog : marketinginbound.fr !
Contenus, Résonance digitale et Business développement en Marketing B2BJulien Carlier
Julien Carlier, Président de MPI France Suisse et Consultant en stratégies digitales de Social Dynamite et Lionel Malard, Consultant Business Développement chez Arthémuse animent une conférence sur «Comment alimenter votre marketing B2B avec des contenus conçus pour la résonance digitale et le business développement.».
Cette conférence se tiendra le mercredi 5 février à 17h à La Clinique de l’Événement, dans le cadre du Salon Bedouk (Pavillon 5, Paris-Porte de Versailles) qui réunit depuis 14 ans les professionnels de la Meeting Industry (organisateurs de séminaires et d’événements, agences, prestataires, lieux, destinations…).
La présence digitale est devenue un élément incontournable de la visibilité, de la notoriété mais également du développement commercial des marques (sociétés, événements, produits) :
Comment intégrer le digital dans ses processus de business développement ?
Comment adapter une ligne éditoriale pour tendre vers une "marque média" ?
Quels dispositifs et processus de communication mettre en place pour valoriser ses efforts ?
Julien Carlier et Lionel Malard tenteront de répondre par des exemples et des bonnes pratiques adaptés au secteur Event & Meeting et ses opérateurs.
Les TIC et le rapprochement entre le marketing B2B et B2CEstelle Bard
En quoi peut-on dire que les TIC ont rapproché les méthodes du marketing B2B de celles du marketing B2C? Cette présentation propose de répondre à cette problématique autour de 3 axes: (I) Internet en tant que S. I. et outil webmarketing (II) Les TIC et le marketing de contenu (III) Les réseaux sociaux comme nouvel outil CRM.
« La vidéo marketing en B2B : Outil de communication de marque ou contenu marketing digital idéal pour développer ses ventes ?
La vidéo est un contenu marketing de plus en plus utilisé sur Internet. Néanmoins, en B2B elle est souvent utilisée pour valoriser l’image de l’entreprise et lorsqu’elle est utilisée pour vendre, c’est souvent de manière ponctuelle.
Les acheteurs B2B sont de plus en plus isolés devant leur ordinateur pour la recherche d’informations dans le cadre de leur achat B2B. Ils ont à leur disposition une quantité de contenus marketing nombreux et variés lors de leur recherche d’information sur le web. Pourtant, la majorité de ces contenus échouent pour engager le client. Seule la vidéo augmente cet engagement en captivant l’internaute et en facilitant sa mémorisation par la combinaison de l’image et du son.
De plus, même en B2B, la vidéo est de plus en plus partagée sur les réseaux sociaux et consommée de manière mobile, car elle se visionne rapidement et facilement. Dans ces vidéos, les acheteurs B2B veulent trouver des informations qui leur permettent d’avancer dans leur processus d’achat, c’est à dire qui leur apportent une valeur ajoutée par rapport à leurs besoins.
Pour le marketing de contenu, cela veut dire que pour attirer les prospects vers l’entreprise et sur son site web, il faut fournir des contenus qui répondent à leurs besoins et au moment où les internautes les recherchent.
Présentation pour la soutenande de thèse professionnelle dans le cadre du MBA Spécialisé Marketing et Commerce sur Internet de l'ILV - MBAMCI
9 tips to boost your innovation project (by @nickdemey @boardofinno)Board of Innovation
Nine practical tips to consider before starting an innovation or ideation project. Based on LinkedIn discussions and our own experience in running innovation projects for our clients.
This document discusses the design and working of a sniffer device to detect lost mobile phones. It begins with an introduction explaining the need for such a device. It then describes the key components of a sniffer - a sniffer base station, unidirectional antenna, and tracking software. The document explains how the sniffer works by increasing its frequency to detect lost phones based on their unique IMEI number. It highlights advantages like being cost-effective and easy to design. In conclusion, it states that this method can effectively find lost mobiles using modern technologies, given certain qualifying conditions are met.
The digital age disrupted the music world, ushering in a new era for fans, artists, retailers and other key stakeholders. This year, we got a clearer glimpse of what the second decade of digital music will look like—and it’s quite different from the first in many ways. In our Things to Watch: Music Edition, we chart what’s changing from both a macro and micro perspective.
This document discusses the design of a sniffer device to detect lost mobile phones. It begins with an introduction describing how thousands of mobile phones are lost daily and the need for a device to locate them. It then provides details on IMEI numbers, which uniquely identify each phone. The document defines a sniffer as a transceiver that can detect phones by operating at a different frequency than the mobile network. It describes the key components of the sniffer as a small base station, directional antenna, and tracking software. Advantages are listed as low cost, power efficiency and mobility. Disadvantages include the complexity of design and need for the mobile phone to have sufficient power and not be in a shadow region.
This document describes a sniffer device and software for detecting and locating lost mobile phones. The sniffer works by increasing its transmission frequency to connect directly to the lost phone's IMEI number. The software inputs the IMEI and checks for signaling information from the lost device. It then displays the location and device details to help recover the lost phone. The goal is to design precise yet small sniffers and software to efficiently track lost mobiles.
In this course i present an overview of Axure and what you can do with it.
The most important, i try to point you in the right direction to become an expert by yourself.
In this presentation i cover the following subjects:
- Basic widgets for wireframing
- Prototyping: Events, Interactions and Conditionals
- Exporting for devices (mobile and desktop)
- Documentation and Notes
- Tips, a lot of them
- Connect Axure prototypes with third party services
The document describes a sniffer device that can detect and locate lost mobile phones. The sniffer acts as a small base station that operates at a different frequency than mobile networks. It includes a unidirectional antenna and tracking software. The sniffer detects lost phones by their unique IMEI number stored in a database. When in range, it can communicate with lost phones and track their location to help recover them. The design aims to provide an inexpensive solution for locating lost phones, though it has limitations if phones have low battery or are in shadow areas with weak signals.
How to deal with tech media by @mikebutchermikebutcher
Mike Butcher provides advice on how to effectively pitch stories to journalists and increase the chances of media coverage. Some key tips include having a unique story with drama, gossip, or insight; personalizing the pitch to the specific journalist; and providing all relevant details upfront in a clear and concise manner to save the journalist's time. PR firms can help due to relationships, but the best way to get coverage is to create buzz and be newsworthy through great products, success, or other means rather than just sending out press releases. Journalists receive many pitches daily so the story needs to stand out and be obviously beneficial for their readers.
For the detection of lost mobile SNIFFER plays a vital role.The sniffer device has to be designed precisely and size should be reduced for easy mobility for the purpose of detection .
The document discusses a sniffer device that can help locate a lost mobile phone. The sniffer works by acting as a small mobile base station with a unidirectional antenna and tracking software. It detects the lost phone's unique IMEI number and increases its transmission frequency to communicate with the phone. Some key advantages are that it is useful for finding lost mobiles, has low cost and power consumption, and is easy to design. The method could be improved with modern technology.
Responsive Design with Axure 7.0’s Adaptive ViewsSvetlin Denkov
Introducing creating Responsive Web Design with Axure 7.0' Adaptive Views feature. Presentation was originally given at DePaul University in front of the students of HCI 430 course during the 2015 Winter quarter.
How to Extend Axure's Animation CapabilitySvetlin Denkov
It can be argued that animations and particularly transitions are integral part of innovative mobile experiences for iOS and Android. Nowadays, UXers must know about motion design and staging.
While there are tools out there which are built for prototyping animations, Axure has similar if not identical capability with the help of few technologies.
In this presentation, we will go over the current animation limitations of Axure 7.0 including firing multiple animations on the same item, resizing, animation origin and others. In the process we will step by step build a complex animation sequence with the help of AxQuery (Axure’s flavor of jQuery) and CSS3 transform properties.
This presentation will give you the tools to build animations otherwise not possible in Axure such as dynamic rotations, varying the animation speed with custom Bezier curves, and others.
50 pages d’articles et de synthèses en quatre parties :
1.Devenez un stratège en persuasion marketing
2.Générez des leads et des ventes avec médias sociaux
3.Optimisez votre dispositif de lead management pour transformer les prospects en clients
4.Engagez tous les acteurs du circuit de décision avec un contenu optimisé
Progressive Web Apps: Opera’s Perspective discusses Opera's views on progressive web apps (PWAs). Some key points covered include:
- PWAs are well-suited for Africa due to their lightweight nature and ability to work offline/with unreliable networks.
- Opera Mini, used by millions in Africa, now supports PWA features when using standard web views but not its "Extreme" compression mode.
- The document outlines various user experience patterns for PWAs, such as prompting installation, setting display modes, handling offline content, and using push notifications.
- It also briefly discusses the display mode media query, experiments with PWA interfaces, and recommends the pwa
Intro to @viewport & other new Responsive Web Design CSS featuresAndreas Bovens
From meta viewport to @viewport and from device-pixel-ratio to the resolution media query: various responsive design hooks are undergoing standardization, allowing for future-proof sites that work well in different contexts. In addition, new CSS features like object-fit, relative length units and so on are increasingly supported by browsers as well, and allow for more versatile responsive design solutions. In my talk, I will look at these features and explain how they can be used in websites today.
Responsive design: techniques and tricks to prepare your websites for the mul...Andreas Bovens
Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques.
I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.
Fast & Furious: Speed in the Opera browserAndreas Bovens
From its early days, Opera has focused on providing its users with a snappy browsing experience on a wide range of hardware and OSes. In this talk, I look at the latest versions of Opera for desktop, Opera Mobile and Opera Mini and explore how they make web pages super fast.
http://velocityconf.com/velocityeu/public/schedule/detail/22183
SVG in Opera’s desktop, mobile & TV browsers — edition 2011Andreas Bovens
Demos available on http://people.opera.com/andreasb/demos/demos_svgopen2011/
For a long time now, Opera has been committed to implementing SVG in its desktop and mobile browser products.
Over the last year, we have been focused on improving the performance of our SVG implementation, while adding new features as well, including support for embedding SVG in HTML5.
Our Opera Dragonfly debugger has matured as well and is now a powerful tool for debugging SVG on desktop as well as on mobile.
In this presentation, I give a status update of Opera's SVG implementation and introduce some of the latest changes to our Opera Presto engine. I also show demos and practical examples of how SVG can be mixed with other technologies to create compelling web applications.
This is the presentation I gave at Gulltaggen as part of the "Three In One - Story, Technology and Team work" session: http://www.gulltaggen.no/2011/conference/day-1-12th-of-april/three-in-one-story-technology-and-team-work
My presentation for SVG Open 2010.
http://svgopen.org/2010/registration.php?section=abstracts_and_proceedings#paper_32
Textures from http://www.flickr.com/photos/delanydean/4460819042/ (CC by 2.0) and http://www.flickr.com/photos/poetatum/3380087493/ (CC by-nc 2.0)
« La vidéo marketing en B2B : Outil de communication de marque ou contenu marketing digital idéal pour développer ses ventes ?
La vidéo est un contenu marketing de plus en plus utilisé sur Internet. Néanmoins, en B2B elle est souvent utilisée pour valoriser l’image de l’entreprise et lorsqu’elle est utilisée pour vendre, c’est souvent de manière ponctuelle.
Les acheteurs B2B sont de plus en plus isolés devant leur ordinateur pour la recherche d’informations dans le cadre de leur achat B2B. Ils ont à leur disposition une quantité de contenus marketing nombreux et variés lors de leur recherche d’information sur le web. Pourtant, la majorité de ces contenus échouent pour engager le client. Seule la vidéo augmente cet engagement en captivant l’internaute et en facilitant sa mémorisation par la combinaison de l’image et du son.
De plus, même en B2B, la vidéo est de plus en plus partagée sur les réseaux sociaux et consommée de manière mobile, car elle se visionne rapidement et facilement. Dans ces vidéos, les acheteurs B2B veulent trouver des informations qui leur permettent d’avancer dans leur processus d’achat, c’est à dire qui leur apportent une valeur ajoutée par rapport à leurs besoins.
Pour le marketing de contenu, cela veut dire que pour attirer les prospects vers l’entreprise et sur son site web, il faut fournir des contenus qui répondent à leurs besoins et au moment où les internautes les recherchent.
Présentation pour la soutenande de thèse professionnelle dans le cadre du MBA Spécialisé Marketing et Commerce sur Internet de l'ILV - MBAMCI
9 tips to boost your innovation project (by @nickdemey @boardofinno)Board of Innovation
Nine practical tips to consider before starting an innovation or ideation project. Based on LinkedIn discussions and our own experience in running innovation projects for our clients.
This document discusses the design and working of a sniffer device to detect lost mobile phones. It begins with an introduction explaining the need for such a device. It then describes the key components of a sniffer - a sniffer base station, unidirectional antenna, and tracking software. The document explains how the sniffer works by increasing its frequency to detect lost phones based on their unique IMEI number. It highlights advantages like being cost-effective and easy to design. In conclusion, it states that this method can effectively find lost mobiles using modern technologies, given certain qualifying conditions are met.
The digital age disrupted the music world, ushering in a new era for fans, artists, retailers and other key stakeholders. This year, we got a clearer glimpse of what the second decade of digital music will look like—and it’s quite different from the first in many ways. In our Things to Watch: Music Edition, we chart what’s changing from both a macro and micro perspective.
This document discusses the design of a sniffer device to detect lost mobile phones. It begins with an introduction describing how thousands of mobile phones are lost daily and the need for a device to locate them. It then provides details on IMEI numbers, which uniquely identify each phone. The document defines a sniffer as a transceiver that can detect phones by operating at a different frequency than the mobile network. It describes the key components of the sniffer as a small base station, directional antenna, and tracking software. Advantages are listed as low cost, power efficiency and mobility. Disadvantages include the complexity of design and need for the mobile phone to have sufficient power and not be in a shadow region.
This document describes a sniffer device and software for detecting and locating lost mobile phones. The sniffer works by increasing its transmission frequency to connect directly to the lost phone's IMEI number. The software inputs the IMEI and checks for signaling information from the lost device. It then displays the location and device details to help recover the lost phone. The goal is to design precise yet small sniffers and software to efficiently track lost mobiles.
In this course i present an overview of Axure and what you can do with it.
The most important, i try to point you in the right direction to become an expert by yourself.
In this presentation i cover the following subjects:
- Basic widgets for wireframing
- Prototyping: Events, Interactions and Conditionals
- Exporting for devices (mobile and desktop)
- Documentation and Notes
- Tips, a lot of them
- Connect Axure prototypes with third party services
The document describes a sniffer device that can detect and locate lost mobile phones. The sniffer acts as a small base station that operates at a different frequency than mobile networks. It includes a unidirectional antenna and tracking software. The sniffer detects lost phones by their unique IMEI number stored in a database. When in range, it can communicate with lost phones and track their location to help recover them. The design aims to provide an inexpensive solution for locating lost phones, though it has limitations if phones have low battery or are in shadow areas with weak signals.
How to deal with tech media by @mikebutchermikebutcher
Mike Butcher provides advice on how to effectively pitch stories to journalists and increase the chances of media coverage. Some key tips include having a unique story with drama, gossip, or insight; personalizing the pitch to the specific journalist; and providing all relevant details upfront in a clear and concise manner to save the journalist's time. PR firms can help due to relationships, but the best way to get coverage is to create buzz and be newsworthy through great products, success, or other means rather than just sending out press releases. Journalists receive many pitches daily so the story needs to stand out and be obviously beneficial for their readers.
For the detection of lost mobile SNIFFER plays a vital role.The sniffer device has to be designed precisely and size should be reduced for easy mobility for the purpose of detection .
The document discusses a sniffer device that can help locate a lost mobile phone. The sniffer works by acting as a small mobile base station with a unidirectional antenna and tracking software. It detects the lost phone's unique IMEI number and increases its transmission frequency to communicate with the phone. Some key advantages are that it is useful for finding lost mobiles, has low cost and power consumption, and is easy to design. The method could be improved with modern technology.
Responsive Design with Axure 7.0’s Adaptive ViewsSvetlin Denkov
Introducing creating Responsive Web Design with Axure 7.0' Adaptive Views feature. Presentation was originally given at DePaul University in front of the students of HCI 430 course during the 2015 Winter quarter.
How to Extend Axure's Animation CapabilitySvetlin Denkov
It can be argued that animations and particularly transitions are integral part of innovative mobile experiences for iOS and Android. Nowadays, UXers must know about motion design and staging.
While there are tools out there which are built for prototyping animations, Axure has similar if not identical capability with the help of few technologies.
In this presentation, we will go over the current animation limitations of Axure 7.0 including firing multiple animations on the same item, resizing, animation origin and others. In the process we will step by step build a complex animation sequence with the help of AxQuery (Axure’s flavor of jQuery) and CSS3 transform properties.
This presentation will give you the tools to build animations otherwise not possible in Axure such as dynamic rotations, varying the animation speed with custom Bezier curves, and others.
50 pages d’articles et de synthèses en quatre parties :
1.Devenez un stratège en persuasion marketing
2.Générez des leads et des ventes avec médias sociaux
3.Optimisez votre dispositif de lead management pour transformer les prospects en clients
4.Engagez tous les acteurs du circuit de décision avec un contenu optimisé
Progressive Web Apps: Opera’s Perspective discusses Opera's views on progressive web apps (PWAs). Some key points covered include:
- PWAs are well-suited for Africa due to their lightweight nature and ability to work offline/with unreliable networks.
- Opera Mini, used by millions in Africa, now supports PWA features when using standard web views but not its "Extreme" compression mode.
- The document outlines various user experience patterns for PWAs, such as prompting installation, setting display modes, handling offline content, and using push notifications.
- It also briefly discusses the display mode media query, experiments with PWA interfaces, and recommends the pwa
Intro to @viewport & other new Responsive Web Design CSS featuresAndreas Bovens
From meta viewport to @viewport and from device-pixel-ratio to the resolution media query: various responsive design hooks are undergoing standardization, allowing for future-proof sites that work well in different contexts. In addition, new CSS features like object-fit, relative length units and so on are increasingly supported by browsers as well, and allow for more versatile responsive design solutions. In my talk, I will look at these features and explain how they can be used in websites today.
Responsive design: techniques and tricks to prepare your websites for the mul...Andreas Bovens
Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques.
I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.
Fast & Furious: Speed in the Opera browserAndreas Bovens
From its early days, Opera has focused on providing its users with a snappy browsing experience on a wide range of hardware and OSes. In this talk, I look at the latest versions of Opera for desktop, Opera Mobile and Opera Mini and explore how they make web pages super fast.
http://velocityconf.com/velocityeu/public/schedule/detail/22183
SVG in Opera’s desktop, mobile & TV browsers — edition 2011Andreas Bovens
Demos available on http://people.opera.com/andreasb/demos/demos_svgopen2011/
For a long time now, Opera has been committed to implementing SVG in its desktop and mobile browser products.
Over the last year, we have been focused on improving the performance of our SVG implementation, while adding new features as well, including support for embedding SVG in HTML5.
Our Opera Dragonfly debugger has matured as well and is now a powerful tool for debugging SVG on desktop as well as on mobile.
In this presentation, I give a status update of Opera's SVG implementation and introduce some of the latest changes to our Opera Presto engine. I also show demos and practical examples of how SVG can be mixed with other technologies to create compelling web applications.
This is the presentation I gave at Gulltaggen as part of the "Three In One - Story, Technology and Team work" session: http://www.gulltaggen.no/2011/conference/day-1-12th-of-april/three-in-one-story-technology-and-team-work
My presentation for SVG Open 2010.
http://svgopen.org/2010/registration.php?section=abstracts_and_proceedings#paper_32
Textures from http://www.flickr.com/photos/delanydean/4460819042/ (CC by 2.0) and http://www.flickr.com/photos/poetatum/3380087493/ (CC by-nc 2.0)
Mobile web development techniques (and Opera's developer tools)Andreas Bovens
This document discusses mobile web development techniques and Opera's developer tools. It outlines three approaches to catering websites for mobile users: doing nothing, creating a separate mobile site, or creating one site that works for all devices. Key techniques discussed include using the viewport meta tag to control zoom levels, media queries to apply different CSS styles based on screen width, and keeping mobile design in mind from the start to simplify layouts. The document promotes the goal of a "one site holy grail" that works seamlessly across devices and concludes by introducing Opera's developer tools for testing mobile webpages.
The document discusses the history and evolution of web browsers and standards. It notes that early browsers in the 1990s included Mosaic and Netscape Navigator. In the late 1990s, Internet Explorer and Netscape competed using both open and closed standards. HTML5 was developed in the 2000s to better support web applications and add new elements like video. The document also discusses approaches to making websites mobile-friendly, including responsive design using viewport meta tags and media queries.
Opera Widgets for Desktop and Opera DragonflyAndreas Bovens
This is the presentation I gave on the "An Evening with YDN and Opera in Oslo" event (http://ydnoslo.eventbrite.com/).
Opera Widgets for Desktop are available in our latest alpha build from http://www.opera.com/browser/next/
Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API?
Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose?
Which one is cheapest? Which one is fastest? Which one will scale to meet our needs?
Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!
Trusted Execution Environment for Decentralized Process MiningLucaBarbaro3
Presentation of the paper "Trusted Execution Environment for Decentralized Process Mining" given during the CAiSE 2024 Conference in Cyprus on June 7, 2024.
Dive into the realm of operating systems (OS) with Pravash Chandra Das, a seasoned Digital Forensic Analyst, as your guide. 🚀 This comprehensive presentation illuminates the core concepts, types, and evolution of OS, essential for understanding modern computing landscapes.
Beginning with the foundational definition, Das clarifies the pivotal role of OS as system software orchestrating hardware resources, software applications, and user interactions. Through succinct descriptions, he delineates the diverse types of OS, from single-user, single-task environments like early MS-DOS iterations, to multi-user, multi-tasking systems exemplified by modern Linux distributions.
Crucial components like the kernel and shell are dissected, highlighting their indispensable functions in resource management and user interface interaction. Das elucidates how the kernel acts as the central nervous system, orchestrating process scheduling, memory allocation, and device management. Meanwhile, the shell serves as the gateway for user commands, bridging the gap between human input and machine execution. 💻
The narrative then shifts to a captivating exploration of prominent desktop OSs, Windows, macOS, and Linux. Windows, with its globally ubiquitous presence and user-friendly interface, emerges as a cornerstone in personal computing history. macOS, lauded for its sleek design and seamless integration with Apple's ecosystem, stands as a beacon of stability and creativity. Linux, an open-source marvel, offers unparalleled flexibility and security, revolutionizing the computing landscape. 🖥️
Moving to the realm of mobile devices, Das unravels the dominance of Android and iOS. Android's open-source ethos fosters a vibrant ecosystem of customization and innovation, while iOS boasts a seamless user experience and robust security infrastructure. Meanwhile, discontinued platforms like Symbian and Palm OS evoke nostalgia for their pioneering roles in the smartphone revolution.
The journey concludes with a reflection on the ever-evolving landscape of OS, underscored by the emergence of real-time operating systems (RTOS) and the persistent quest for innovation and efficiency. As technology continues to shape our world, understanding the foundations and evolution of operating systems remains paramount. Join Pravash Chandra Das on this illuminating journey through the heart of computing. 🌟
Main news related to the CCS TSI 2023 (2023/1695)Jakub Marek
An English 🇬🇧 translation of a presentation to the speech I gave about the main changes brought by CCS TSI 2023 at the biggest Czech conference on Communications and signalling systems on Railways, which was held in Clarion Hotel Olomouc from 7th to 9th November 2023 (konferenceszt.cz). Attended by around 500 participants and 200 on-line followers.
The original Czech 🇨🇿 version of the presentation can be found here: https://www.slideshare.net/slideshow/hlavni-novinky-souvisejici-s-ccs-tsi-2023-2023-1695/269688092 .
The videorecording (in Czech) from the presentation is available here: https://youtu.be/WzjJWm4IyPk?si=SImb06tuXGb30BEH .
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Monitoring and Managing Anomaly Detection on OpenShift.pdfTosin Akinosho
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...Tatiana Kojar
Skybuffer AI, built on the robust SAP Business Technology Platform (SAP BTP), is the latest and most advanced version of our AI development, reaffirming our commitment to delivering top-tier AI solutions. Skybuffer AI harnesses all the innovative capabilities of the SAP BTP in the AI domain, from Conversational AI to cutting-edge Generative AI and Retrieval-Augmented Generation (RAG). It also helps SAP customers safeguard their investments into SAP Conversational AI and ensure a seamless, one-click transition to SAP Business AI.
With Skybuffer AI, various AI models can be integrated into a single communication channel such as Microsoft Teams. This integration empowers business users with insights drawn from SAP backend systems, enterprise documents, and the expansive knowledge of Generative AI. And the best part of it is that it is all managed through our intuitive no-code Action Server interface, requiring no extensive coding knowledge and making the advanced AI accessible to more users.
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfflufftailshop
When it comes to unit testing in the .NET ecosystem, developers have a wide range of options available. Among the most popular choices are NUnit, XUnit, and MSTest. These unit testing frameworks provide essential tools and features to help ensure the quality and reliability of code. However, understanding the differences between these frameworks is crucial for selecting the most suitable one for your projects.
Programming Foundation Models with DSPy - Meetup SlidesZilliz
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfChart Kalyan
A Mix Chart displays historical data of numbers in a graphical or tabular form. The Kalyan Rajdhani Mix Chart specifically shows the results of a sequence of numbers over different periods.
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Optimizing your layout for phones and tablets using viewport and media queries
1. Optimizing your layout
for phones and tablets
using viewport and
media queries
Andreas Bovens - Opera Software
2. about me
http://www.flickr.com/pho
tos/thomaaas/4783952591
/
3. about me
http://www.flickr.com/pho
tos/thomaaas/4783952591
/
4. about me
http://www.flickr.com/pho
tos/thomaaas/4783952591
/
ccio1/119626133/
om/photos/bocca
http://www.flickr.c
5. about me
http://www.flickr.com/pho
tos/thomaaas/4783952591
/
ccio1/119626133/
om/photos/bocca
http://www.flickr.c
6. about me
http://www.flickr.com/pho
tos/thomaaas/4783952591
/
ccio1/119626133/
om/photos/bocca
http://www.flickr.c
http://www.flickr.com/photos/forcery/
3511170176/
7. Bruce Lawson Daniel Davis
Divya Manian
Chris Mills
Karl Dubost
Shwetank Dixit Tiffany Brown
Andreas Bovens
Luz Caballero
Patrick Lauke
Zi Bin Cheah Vadim Makeev Mike Taylor
8. “Patterns for
Multiscreen
Strategies”
Coherence Syncronization Screen sharing
By Precious http://slidesha.re/kiip5y
Device shifting Complementarity Simultaneity
These patterns should help understand and define strategies for the multiscreen world.
9. Coherence Syncronization Screen sharing
Device shifting Complementarity Simultaneity
These patterns should help understand and define strategies for the multiscreen world.
http://slidesha.re/kiip5y
10. “A digital product or
service looks and
works coherently
across devices.
Features are optimized
for specific device
characteristics and
usage scenarios.” Coherence
http://slidesha.re/kiip5y
78. So, avoid sniffing,
but if you really have to,
provide a way for users
to make corrections.
79. So, avoid sniffing,
but if you really have to*,
provide a way for users
to make corrections.
* always ask yourself why the mobile site should be
different from the desktop site
80. * always ask yourself why the mobile site should be
different from the desktop site
customer requir
ements
tim e restrictions
budget limitations
capabilities are different
different layout needed
81. * always ask yourself why the mobile site should be
different from the desktop site
customer requir
ements
tim e restrictions
budget limitations
capabilities are different
different layout needed
capability detection
82. * always ask yourself why the mobile site should be
different from the desktop site
customer requir
ements
tim e restrictions
budget limitations
capabilities are different
different layout needed
capability detection
viewport + media queries
87. @media screen and (min-width: 400px)
and (max-width: 800px) {
article {
/* css for browsers with width ≥ 400px and
≤ 800px */
}
}
88. @media screen and (min-width: 400px),
not projection and (aspect-ratio: 16/9) {
article {
/* css for browsers with width ≥ 400px,
except projectors with 16/9 aspect ratio */
}
}
89. @media screen and (max-width: 800px) {
article {
/* css for browsers with width ≤ 800px */
}
}
@media screen and (max-width: 400px) {
article {
/* css for browsers with width ≤ 400px */
}
}
90. @media screen and (max-width: 400px) {
article {
/* css for browsers with width ≤ 400px */
}
}
Remember that mobile browsers have a
default viewport width (e.g. 850px).
For your mobile specific media queries
to work, you need to set the viewport!
91.
92. default viewport. width=device-width.
mobile specific media mobile specific media
queries not applied. queries applied.
93. The viewport and media queries
combo allows you to create just
one responsive site that works
everywhere.
94.
95. Q: What about max/min-device-width/height?
A: There are use cases for this, but note that your
media queries won’t be applied when resizing the
browser on desktop.
96. Q: Should I start from small to large, or vice versa?
A: Do mobile first, then enhance for desktop. This
will make the mobile experience faster. Deal with
old IE using a polyfill, such as Respond.js
https://github.com/scottjehl/Respond
97. Q: Which screen sizes should I design for?
A: All of them! No, seriously, don’t limit yourself.
Resize your browser window and tweak different
elements’ CSS properties when needed.
109. almost WVGA portrait
I’ve set the
1500×1500px
background-image
to repeat every
1000px, making it
crispy again. The
rest of the content is
still scaled 150%.
115. NB:
There are other target-densitydpi values, such as
high-dpi, medium-dpi, low-dpi, as well as actual DPI
numbers, but don’t bother with them. Just use
device-dpi, and then only if really needed.
123. Craz
y stu
ff
@-o-viewport {
width: device-width;
}
@media screen and (max-device-width: 480px) {
@-o-viewport {
width: 480px;
}
}
124. Phew, that was all!
Thanks for listening :-)
@andreasbovens
Thanks to ~yc for the wooden background: http://yc.deviantart.com/art/Wood-Rays-62468397