The document discusses responsive images and different solutions for optimizing images for responsive design. It begins by providing context on responsive design and the challenges of supporting different devices. It then focuses on images, explaining their importance but also the issues they can cause for performance. The document evaluates several solutions for responsive images including CSS media queries, SVG, Picturefill.js and the proposed picture element. It concludes by noting there is no perfect solution and developers should choose based on their specific needs and constraints.
Responsive images automator, to automatically audit, generate and test responsive images, presentated at CSS Day 2022 in Faenza, Italy.
Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca OVERVIEW As most Android developers know, dealing with the extreme degree of fragmentation in the Android ecosystem is often challenging. Among the more difficult challenges is managing memory usage, as devices that are in the market today can have as little as 13MB of memory. Now imagine the pains that developers go through when faced with the headache of having massive bitmaps eat up memory in a millisecond. In this presentation, James Halpern will talk about the complexities of image and memory management in Android and walk you through the creation of a successful, powerful and open source image management utility. Come to this presentation to learn about techniques that will help you optimize the performance of your apps. Learn about Android’s memory limitations and the role the garbage collector plays in your app’s performance and complexity. Learn how to communicate android graphics issues to developers, and how good design can create fewer bugs. James will conclude this presentation by briefly walking you through his open sourced image management solution that gracefully handles most of these issues in a simple to use package.
presportal.ru is the biggest Russian knowledge bank about presentations. We publish best presentations.
This document summarizes Vitaly Friedman's talk on responsive design techniques and tricks. The talk covered resolution independence using SVG/icon fonts, content choreography with Flexbox, compressive images that maintain quality at different sizes, conditional loading of assets based on breakpoints, and lazy loading of JavaScript and social buttons. It also discussed maintaining aspect ratios for images and videos across screens, and serving different video files for different devices. The overall message was that responsive design requires a new mindset and pragmatic solutions rather than rigid rules.
There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? By getting rid of our fixed-width, device-specific approaches and use Responsive Web Design techniques. This session will focus on what is Responsive Web Design and how you can use his 3-pronged approach on your current apps today which will also adapt to new devices in the future.
Responsive images are crucial to delivering stunning responsive web sites. Now that the <picture> element and srcset feature have found their way into every browser with to a certain degree following a common standard, there is no excuse for refusing to add art-directed responsive images to your grunt, gulp or webpack build flow or backend CMS/blog. This talk will explore the state of the art in building art-directed responsive images and will showcase several tools and techniques that web designers can use to automate art-directed responsive images.
Improving Game Performance in the Browser with Mickey MacDonald Presented on September 17 2014 at FITC's Web Unleashed 2014 event in Toronto Poor performance is the easiest way to wreck the experience of any game; with web-based games, performance is even more crucial. In this talk, Mickey will discuss the various ways that we can optimize web-based games. He will look at the how the use of WebWorkers can increase performance, as well as tricks to improve load times and audio performance. So join Mickey and learn how to optimize your game to be lightning fast in every browser. OBJECTIVE Demonstrate techniques for increasing game performance in browsers TARGET AUDIENCE Web-based game developers ASSUMED AUDIENCE KNOWLEDGE Basic web-based game development skills FIVE THINGS AUDIENCE MEMBERS WILL LEARN Using WebWorkers to increase performance How to speed up load times Audio performance techniques Best practices for graphics compression Pooling techniques
The document discusses techniques for high resolution images on the web, including adaptive images, srcset attribute, <picture> element, and browser scaling. It provides examples of client-side and server-side solutions for serving adaptive images, such as libraries and services. Guidelines are given for when to use techniques like SVG, icon fonts, and media queries to control images. The document concludes that bandwidth will limit downloading high resolution images over slower networks and to trust cellular optimizations.
Responsive web design challenges web designers to apply a new mindset to their design processes, as well as to techniques they are using in design and coding. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.
This presentation was originally presented at Drupal Camp Toronto, 2012. To view the video cast of this presentation visit http://fosterinteractive.com/blog/responsive-design-case-study -----DESCRIPTION----- responsivedesign.ca was launched in February of 2012, and it was well received. It was our first mobile-first responsive site. We built it quickly and knew it wasn’t perfect, but the game plan was to launch early and incrementally improve the site over time. It’s not even a year later we use whole new workflows, creative design methods, modules, and development tools in our responsive websites. This talk will highlight how we created the original project and what we’ve since learned regarding workflow and development including: Responsive Images Modules Creative Concept Development Device vs. Natural Breakpoints SASS / Compass + Mixins we use Dealing with IE Benchmarking ----- Originally Presented at Drupal Camp Toronto 2012 ----- http://2012.drupalcamptoronto.org/sessions/a-responsive-design-case-study-what-we-did-wrong-building-responsivedesignca-and-how-we-fix
Talk delivered in New York, Sep 19, 2016 during an O'Reilly meetup before Velocity Conference about Web Performance and Images, including HTTP Client Hints and new Image Formats
Let's face it; we're not really artists (except for the artists). But that doesn't mean we can't contribute to the images on the internet. Whether you're a Photoshop guru, or don't even own a Mac, we can still make valuable contributions to ensure our digital assets are crisp and professional. In this talk, we'll look at some basic command-line tools for creating, modifying, and managing images, and look at how we can manage them properly on the web. We'll play with sprites, responsive images for these new retina displays, and techniques for optimizing performance on lower bandwidth connections and mobile web.
Mobile usage is increasing, so Drupal 8 is designed with a mobile-first approach. It features responsive themes, images, and administration for optimal mobile experiences. Drupal 8 also improves front-end performance, supports HTML5, and includes a RESTful API for building mobile apps and services. Overall, Drupal 8 enhances the mobile experience for users and developers compared to previous versions.
Real world aspects of implementing flexible, mobile and future-friendly sites through responsive design.
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/. Event page: https://www.facebook.com/events/296799847060237/
These are the slides for the Austin Adobe User Group presentation on Responsive Web Design and Retina Displays on 9/14/12. The code example files are at: https://github.com/elimc/AAUG-RWD-and-Retina_9-14-12
With great power, comes great responsive-ability web design. Responsive web design (RWD) will be demystified. Believe it or not, it's more than just media queries, although those will be discussed. It starts with proper UI design and application architecture, and then the dive into CSS - but not too deep! You don't have to be an expert to do RWD, but it helps to have some idea of what you are doing.
This document discusses experience and decision making through three case studies. In Case I, decisions were made hastily under time constraints, resulting in fragile code. Case II involved choosing a database, where Cassandra proved better than the initial choice of MySQL. Case III showed benefits of thorough understanding and high test coverage leading to better outcomes. The conclusion advocates questioning assumptions, respecting experience stages, and using diverse teams to gain different perspectives for improved decision making at the "edge of experience."
This document discusses cloud powered search using Azure Search. It begins with an introduction to search engines and how they work using indexing and relevance scoring. Lucene is presented as an example open source search library. The document then covers how Azure Search works as a managed search service, including indexing data from sources like SQL databases, performing CRUD operations, querying, filtering, faceting and highlighting results. Scaling and storage capabilities of Azure Search are also discussed. Examples of using Azure Search for online retail/ecommerce and user generated content are provided.
This document discusses important leadership concepts for junior developers to understand early in their careers, including: - Leadership is not defined by formal authority but by influence through trust, communication, and belonging. - As a junior, constantly contributing to the team and product, communicating when extra support is needed, and understanding the bigger picture can help you develop leadership skills. - Small actions can have ripple effects, so it's important to consider how your work may impact others.
Cristian Leon presents six techniques that business analysts can use to better perform their role: (1) Planning, such as using a requirements management plan and RACI matrix; (2) Listening actively to stakeholders; (3) Mind mapping and brainstorming to map concepts; (4) Analyzing requirements using techniques like MoSCoW prioritization; (5) Creating artifacts like user stories with details like acceptance criteria; and (6) Keeping requirements visible and understood by stakeholders through ongoing communication. The presentation aims to help business analysts and those wanting to be analysts exercise their "6-pack" of analysis skills.
This document discusses configuration vs coding in Pega and provides an overview of the Pega platform. It introduces the presenters and describes what is needed to run Pega including an operating system, application server, and database. The Pega environment is modeled and executes flows using a business rules engine and rules are assembled into Java at runtime. Situational processes are built in frameworks and specialized in frameworks and implementations. Directly capturing objectives can model processes, close the gap between business and IT, and automatically transform objectives into executable Java to automate work.
This document outlines an agenda for a presentation with 5 chapters covering contact information, tools for database development and testing, usage of those tools, providing proof of their effectiveness, and closing with a question and answer session. Chapter 1 discusses issues with database development. Chapter 2 introduces tools to help solve problems. Chapter 3 demonstrates creating database and unit test projects, adding tests, and testing transactional behavior. Chapter 4 discusses proving the value of these tools. Chapter 5 allows for questions.
The document discusses agility in life and relationships on micro and middle levels. It argues that an agile approach to life involves experimentation, trust, giving freedom and space to others, focusing on solutions rather than blame, and prioritizing value to "customers" like family and friends through continuous effort. Key aspects of agility include diversity, shared goals, responsibility, courage to change, and appreciating different perspectives. Applying agile principles like experimentation, trust and encouragement can help people and teams grow.
This document provides an overview and agenda for developing Windows 10 apps, covering topics like the new Windows Core, universal app platform, app-to-app communications enhancements, and the Action Center for managing notifications. It demonstrates new controls like the RelativePanel and MonthCalendar, and how to use the SplitView control. It also shows how to check for capabilities, target platform versions, and use platform extensions.
The document discusses the challenges of deciding whether to rewrite an existing codebase from scratch or work with the legacy code. It outlines reasons for not working with the existing code, such as missing documentation or tools. It also notes potential issues with rewriting from scratch, such as the impact on other teams and office politics. The document recommends starting by automating infrastructure and tests, learning the essential business concepts, and trying to introduce incremental changes to the legacy code before deciding to fully rewrite it.
The document discusses the benefits of adopting continuous delivery (CD) principles for software development. It outlines how CD can (1) create a repeatable, reliable release process that automates tasks, (2) empower teams through shared responsibility and increased collaboration, and (3) provide business value through faster feedback, consistent processes, and lower costs. While initial costs may increase for training and new tools, CD can ultimately shift costs from releases to other activities and deliver software faster. The document provides a sample deployment pipeline and maturity model, and discusses managing expectations for change when adopting CD practices.
SpriteKit is a framework for building 2D games and graphics-intensive apps. It provides nodes for sprites, shapes, particles, video and more. SpriteKit handles animation, physics simulation and the game loop. Key features include sprite nodes, emitter nodes, actions for animation, a physics engine, and scenes to display content in the game world.
The knights in the Agile Kingdom faced challenges sizing epics due to their variable size, complexity, and uncertainty. They developed two recipes - the Blue Recipe which involved planning poker and multiplication, and the Green Recipe which broke down an epic into user stories first. However, neither scale worked well for very large epics. They adapted by using a recently sized existing epic as a benchmark and rescaling. This allowed them to estimate the sizes of three sample epics as 5, 8, and 20 epic points, providing high-level sizing while addressing the issues of comparing variable epics.
This document discusses how to auto scale .NET applications in Amazon Web Services. It covers key concepts like scalability versus auto scaling, using a load balancer and solving session issues for web applications, and monitoring applications to enable auto scaling. The document provides an example of scaling an application from 2 web servers and 3 application servers in 2012 to 3 SQL servers and more elastic resources like SQS and ElastiCache by 2015. It also discusses best practices for auto scaling like using out-of-process sessions, log collection, and setting CloudWatch alarms to trigger auto scaling rules.