Chris szafranek
•
0 likes•126 views
This document discusses tools for web developers including: - Firebug and Firefox developer tools for debugging JavaScript, inspecting CSS, and profiling performance. - Chrome DevTools/Canary for debugging, profiling memory usage, auditing, and remote debugging. - Tips for using the tools like enabling hardware acceleration tracing and using the command line. - Recommendations to follow developers working on dev tools like Jan Odvarko, Paul Rouget, Paul Irish, and Addy Osmani.
Report
Share
Report
Share
Download to read offline
Recommended
Chrome Extentions: From HelloWorld to Task note
This document provides an overview of creating Chrome extensions, from simple "Hello World" examples to more advanced extensions like a task note application. It covers the basic structure of extensions using manifest files and HTML/JS files, debugging techniques, and examples of extension types like mail checkers, maps, and news readers. Rules for extension development using the browser API and separating code are also outlined.
Intro to Puppeteer
Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It allows automation of tasks such as generating screenshots, crawling websites to capture pre-rendered content, automating form submissions and UI testing, and capturing performance traces. Puppeteer runs Chrome/Chromium in a headless environment by default but can also run the full browser if needed.
Polymer
This document discusses the Polymer library and framework for building progressive web applications using web components. It provides an overview of key Polymer concepts like templates, shadow DOM, custom elements, and data binding. It also describes how Polymer can improve developer productivity and enable reusability. Examples are given of popular Polymer elements and tools. Performance best practices like lazy loading and the PRPL pattern are covered.
How to Write UI Automated Tests
Report lightens up the starting points and the basics of what you need to know in order to get going with writing automated UI tests. Here Elena is touching upon the common automation stack of tools, the possible architecture of the test project and share the tips based on her personal experience.
You can watch the practical example of a test creation and the talk could help you gain understanding of the main principles of tests writing and PageObject pattern usage.
Headless BDD & Responsive Test Automation
This talk is delivered at CukeUp 2014, London. This include using BDD tools like Behat and Cucumber with headless drivers like PhantomJS and ZombieJS.
Web Design And Development With Open Source
This is my presentation at "Software Freedom Kosova Conference 2009" where I spoke about Web Design and Development with Open Source tools. The conference was held in Pristina, Kosova on 29 and 30 August 2009. This presentation was done with Open Office Impress.
Selenium Builder
Selenium Builder is a tool for recording, editing, and playing back tests of websites using the Selenium framework. It started as an editor for Go Test It but is now open source. Selenium Builder allows recording and testing websites across different browsers and versions to ensure sites continue to function properly. The tool integrates with services like GitHub, Travis CI, and Sauce Labs to enable continuous integration testing of websites. Developers are encouraged to contribute feature requests and code to further improve Selenium Builder.
Introducing Selenium Builder – the Future of Test Development
The document discusses Se Builder, an open source tool for authoring and running Selenium tests. It provides a history of the project and details its current Selenium 1 and 2 support. The document outlines plans to improve community involvement, test authoring support across browsers, and extensibility through plugins. The goal is to create a unified and modular test authoring experience that works across Selenium versions.
Recommended
Chrome Extentions: From HelloWorld to Task note
This document provides an overview of creating Chrome extensions, from simple "Hello World" examples to more advanced extensions like a task note application. It covers the basic structure of extensions using manifest files and HTML/JS files, debugging techniques, and examples of extension types like mail checkers, maps, and news readers. Rules for extension development using the browser API and separating code are also outlined.
Intro to Puppeteer
Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It allows automation of tasks such as generating screenshots, crawling websites to capture pre-rendered content, automating form submissions and UI testing, and capturing performance traces. Puppeteer runs Chrome/Chromium in a headless environment by default but can also run the full browser if needed.
Polymer
This document discusses the Polymer library and framework for building progressive web applications using web components. It provides an overview of key Polymer concepts like templates, shadow DOM, custom elements, and data binding. It also describes how Polymer can improve developer productivity and enable reusability. Examples are given of popular Polymer elements and tools. Performance best practices like lazy loading and the PRPL pattern are covered.
How to Write UI Automated Tests
Report lightens up the starting points and the basics of what you need to know in order to get going with writing automated UI tests. Here Elena is touching upon the common automation stack of tools, the possible architecture of the test project and share the tips based on her personal experience.
You can watch the practical example of a test creation and the talk could help you gain understanding of the main principles of tests writing and PageObject pattern usage.
Headless BDD & Responsive Test Automation
This talk is delivered at CukeUp 2014, London. This include using BDD tools like Behat and Cucumber with headless drivers like PhantomJS and ZombieJS.
Web Design And Development With Open Source
This is my presentation at "Software Freedom Kosova Conference 2009" where I spoke about Web Design and Development with Open Source tools. The conference was held in Pristina, Kosova on 29 and 30 August 2009. This presentation was done with Open Office Impress.
Selenium Builder
Selenium Builder is a tool for recording, editing, and playing back tests of websites using the Selenium framework. It started as an editor for Go Test It but is now open source. Selenium Builder allows recording and testing websites across different browsers and versions to ensure sites continue to function properly. The tool integrates with services like GitHub, Travis CI, and Sauce Labs to enable continuous integration testing of websites. Developers are encouraged to contribute feature requests and code to further improve Selenium Builder.
Introducing Selenium Builder – the Future of Test Development
The document discusses Se Builder, an open source tool for authoring and running Selenium tests. It provides a history of the project and details its current Selenium 1 and 2 support. The document outlines plans to improve community involvement, test authoring support across browsers, and extensibility through plugins. The goal is to create a unified and modular test authoring experience that works across Selenium versions.
Blazor
Microsoft Blazor which allows developers to leverage the existing skills and makes .NET syntaxes render within the browser with the blend of Razor and the taste of Angular. It supports latest Single Page Application demanding technologies such as Routing, Layouting and Dependency Injection.
Blazor - An Introduction
Blazor is a new web framework that allows web applications to be written in C# instead of JavaScript. It uses WebAssembly to run .NET code directly in the browser. Developers write Blazor apps using Razor components with HTML and C# code. At runtime, the Blazor runtime compiles the Razor components to WebAssembly, which generates the app's rendering tree and updates the DOM efficiently as the app runs. Blazor provides a way to build interactive client-side web UI using .NET instead of JavaScript.
Selenium - what it is and what you can do with it
Selenium is a web testing framework that allows for cross-browser testing and integration with continuous integration tools. It has two primary versions, with version 1 using Selenium IDE to record tests as Selenium commands and version 2 using WebDriver APIs to programmatically control browsers. Selenium tests functionality across different browsers for fidelity and can be run across a variety of backend servers and browsers. Setting up Selenium for continuous integration can involve using Selenium Builder for test recording, storing tests on GitHub, running tests via Travis CI on each commit, and using Sauce Labs servers for remote browser control.
Autotests introduction - Codeception + PHP Basics
Autotests introduction discusses good practices for writing automated tests including using Codeception, Selenium, and Jenkins. It provides an overview of setting up testing environments and executing tests across different browsers and platforms. The document also covers best practices for writing tests such as navigating between pages, comparing actual and expected results, handling asynchronous elements, and using conditionals and loops. Overall, the document is an introduction to automated testing that outlines the tools, frameworks, and methodologies used for writing reliable and maintainable tests.
Kiosk-mode browser using Chromium Embedded Framework (CEF)
CEF (Chromium Embedded Framework) is a library based on Chromium that allows embedding the Chromium browser engine in other applications. It provides APIs to access browser features like loading web pages, JavaScript execution, and window management while handling processes and security. CEF can fulfill the customer's requirements like running a fullscreen kiosk browser, disabling file access, and supporting custom URL schemes and error pages. JavaScript execution and extension capabilities are provided to load required customer code. The size and performance is similar to Chromium. CEF remains in sync with Chromium releases while maintaining stable APIs.
Dive Into Chrome-100119
This document discusses Google Chrome extensions. It explains that Chrome extensions allow adding new features to the browser via web technologies like HTML, CSS, and JavaScript. The architecture involves a background page that communicates with content scripts injected into web pages via the Chrome Extension API. Examples are provided of extensions that add features to Gmail and for uploading images to a university bulletin board system.
Firefox os how large open source project works
This document summarizes a presentation about how the large open source Firefox OS project works. It discusses fundamentals like version control using Mercurial and Git, issue tracking with Bugzilla, continuous integration using Travis and TBPL/Jenkins for daily builds. It also covers collaboration tools like Wikis, emails, and video conferencing used by the geographically distributed team. The presentation aims to provide insights for other projects on building an open source project at Mozilla's scale.
Dockerising Appium : London Appium Meetup
This document discusses dockerizing and vagrantizing Appium. It begins with an overview and then discusses visualizing the Appium installation process. It notes that installing Appium can be painful due to its dependencies. It then discusses using Docker and Docker Toolbox to provision Android Appium in containers more easily. It provides commands for pulling an Appium Docker image and running Appium in Docker containers. Finally, it briefly mentions using Vagrant and Ansible to provision Appium.
Firebug: Javascript Development Made Easier
Firebug is a Firefox plugin that aids JavaScript development. It provides tools like a JavaScript debugger, DOM viewer, and CSS/HTML editors. While it can slow down Firefox, Firebug allows inspecting page elements, setting breakpoints, and logging for debugging. It helps locate issues faster than using alerts. Similar helper plugins exist for other browsers as well.
University Hackathon Kit
Discover ways you can use Microsoft technologies to bring your hack to life. Ranging from out cloud services to API's, Microsoft has your hack covered.
Chrome Extension
The document discusses developing Chrome extensions, including what extensions are, common extension types like background scripts and content scripts, and Yieldbot's extension development cycle. It provides examples of extension code for a boiler plate browser action extension, using background scripts, content scripts, dev tools, page actions, and context menus. Useful links are also included for the Chrome extensions developer documentation and Yieldbot careers.
Creating chrome-extension
This is a small article written by Akshay Khale to just demonstrate how to create a chrome extension without having knowledge of any programming language.
This article shows chrome extension creation by use of html and Json
BASICO DE BAJA CALIFORNIA SUR
La vegetación en la parte sur consiste principalmente en bosques, mientras que en el litoral hay dunas costeras y matorrales. La fauna incluye especies como el correcaminos, la zorra del desierto, el borrego cimarrón y especies marinas como la ballena azul, la ballena gris y el rorcual. La cultura popular se expresa a través de la música de corridos y polcas y danzas como los cañeros. Las artesanías locales incluyen la alfarería, la escultura en sal y el grabado
Mobile Optimisation for Email
This document discusses optimizing emails for mobile devices. It notes that up to 50% of email opens are now on mobile and mobile purchasing is most influenced by emails. It recommends that marketers monitor mobile open and engagement rates, review the customer journey, and define key performance indicators. The document then discusses responsive design for email, which allows content to resize and reflow for different screen sizes from a single email version. It provides examples and notes benefits like image resizing and removal of horizontal scrolling. Sources for further information are also included.
Dbms by jeet goyal
The document describes the storage device hierarchy from fastest to slowest including cache, main memory, flash memory, magnetic disks, optical disks, and magnetic tapes. It then provides more details on each type of storage device including their speed, cost, size, volatility, and usage. The document also covers disk drive components and performance metrics like seek time, rotational latency, data transfer rate, and reliability measures like mean time to failure. Additional topics covered include RAID configurations, file organization methods, database storage structures, indexing techniques, and hashing.
Automotive electronics
Automotive electronics have doubled silicon content in the last decade and will double again in the next five years. Electronics provide safety and convenience features throughout vehicles, including climate control, cruise control, traction control, and more. Cruise control uses vehicle speed sensors and the throttle actuator to maintain a set speed. Challenges include protecting against malfunctions. GPS provides navigation and location services in vehicles. Future trends include higher vehicle voltages, hands-free parking, intelligent headlamps, and faster onboard processing.
BASICO DE CAMPECHE
Campeche is the capital of the Mexican state of Campeche. It has a tropical climate with average annual temperatures between 26-27°C and maximums of 40°C. The vegetation is predominantly humid rainforests and some dry forests in flood-prone areas. The fauna is very varied and includes bats, raccoons, coatis, toads, monk seals, fish and some endangered species like howler monkeys, jaguarundi, ocelots, spider monkeys, anteater and pumas. The local culture features music like the Campeche waltz and folk dances. Handicrafts include carved ox horns, palm items and pottery. Popular dishes include shark bread,
Profianti
Este documento describe los principios básicos de la profilaxis antibiótica en cirugía. Explica que la profilaxis antibiótica se administra en el período perioperatorio con el objetivo de disminuir las tasas de infección de la herida quirúrgica. Detalla factores como el tiempo de administración, la duración de la profilaxis, los antibióticos a utilizar y los tipos de intervenciones que se benefician de la profilaxis antibiótica.
More Related Content
What's hot
Blazor
Microsoft Blazor which allows developers to leverage the existing skills and makes .NET syntaxes render within the browser with the blend of Razor and the taste of Angular. It supports latest Single Page Application demanding technologies such as Routing, Layouting and Dependency Injection.
Blazor - An Introduction
Blazor is a new web framework that allows web applications to be written in C# instead of JavaScript. It uses WebAssembly to run .NET code directly in the browser. Developers write Blazor apps using Razor components with HTML and C# code. At runtime, the Blazor runtime compiles the Razor components to WebAssembly, which generates the app's rendering tree and updates the DOM efficiently as the app runs. Blazor provides a way to build interactive client-side web UI using .NET instead of JavaScript.
Selenium - what it is and what you can do with it
Selenium is a web testing framework that allows for cross-browser testing and integration with continuous integration tools. It has two primary versions, with version 1 using Selenium IDE to record tests as Selenium commands and version 2 using WebDriver APIs to programmatically control browsers. Selenium tests functionality across different browsers for fidelity and can be run across a variety of backend servers and browsers. Setting up Selenium for continuous integration can involve using Selenium Builder for test recording, storing tests on GitHub, running tests via Travis CI on each commit, and using Sauce Labs servers for remote browser control.
Autotests introduction - Codeception + PHP Basics
Autotests introduction discusses good practices for writing automated tests including using Codeception, Selenium, and Jenkins. It provides an overview of setting up testing environments and executing tests across different browsers and platforms. The document also covers best practices for writing tests such as navigating between pages, comparing actual and expected results, handling asynchronous elements, and using conditionals and loops. Overall, the document is an introduction to automated testing that outlines the tools, frameworks, and methodologies used for writing reliable and maintainable tests.
Kiosk-mode browser using Chromium Embedded Framework (CEF)
CEF (Chromium Embedded Framework) is a library based on Chromium that allows embedding the Chromium browser engine in other applications. It provides APIs to access browser features like loading web pages, JavaScript execution, and window management while handling processes and security. CEF can fulfill the customer's requirements like running a fullscreen kiosk browser, disabling file access, and supporting custom URL schemes and error pages. JavaScript execution and extension capabilities are provided to load required customer code. The size and performance is similar to Chromium. CEF remains in sync with Chromium releases while maintaining stable APIs.
Dive Into Chrome-100119
This document discusses Google Chrome extensions. It explains that Chrome extensions allow adding new features to the browser via web technologies like HTML, CSS, and JavaScript. The architecture involves a background page that communicates with content scripts injected into web pages via the Chrome Extension API. Examples are provided of extensions that add features to Gmail and for uploading images to a university bulletin board system.
Firefox os how large open source project works
This document summarizes a presentation about how the large open source Firefox OS project works. It discusses fundamentals like version control using Mercurial and Git, issue tracking with Bugzilla, continuous integration using Travis and TBPL/Jenkins for daily builds. It also covers collaboration tools like Wikis, emails, and video conferencing used by the geographically distributed team. The presentation aims to provide insights for other projects on building an open source project at Mozilla's scale.
Dockerising Appium : London Appium Meetup
This document discusses dockerizing and vagrantizing Appium. It begins with an overview and then discusses visualizing the Appium installation process. It notes that installing Appium can be painful due to its dependencies. It then discusses using Docker and Docker Toolbox to provision Android Appium in containers more easily. It provides commands for pulling an Appium Docker image and running Appium in Docker containers. Finally, it briefly mentions using Vagrant and Ansible to provision Appium.
Firebug: Javascript Development Made Easier
Firebug is a Firefox plugin that aids JavaScript development. It provides tools like a JavaScript debugger, DOM viewer, and CSS/HTML editors. While it can slow down Firefox, Firebug allows inspecting page elements, setting breakpoints, and logging for debugging. It helps locate issues faster than using alerts. Similar helper plugins exist for other browsers as well.
University Hackathon Kit
Discover ways you can use Microsoft technologies to bring your hack to life. Ranging from out cloud services to API's, Microsoft has your hack covered.
Chrome Extension
The document discusses developing Chrome extensions, including what extensions are, common extension types like background scripts and content scripts, and Yieldbot's extension development cycle. It provides examples of extension code for a boiler plate browser action extension, using background scripts, content scripts, dev tools, page actions, and context menus. Useful links are also included for the Chrome extensions developer documentation and Yieldbot careers.
Creating chrome-extension
This is a small article written by Akshay Khale to just demonstrate how to create a chrome extension without having knowledge of any programming language.
This article shows chrome extension creation by use of html and Json
What's hot (12)
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Kiosk-mode browser using Chromium Embedded Framework (CEF)
Viewers also liked
BASICO DE BAJA CALIFORNIA SUR
La vegetación en la parte sur consiste principalmente en bosques, mientras que en el litoral hay dunas costeras y matorrales. La fauna incluye especies como el correcaminos, la zorra del desierto, el borrego cimarrón y especies marinas como la ballena azul, la ballena gris y el rorcual. La cultura popular se expresa a través de la música de corridos y polcas y danzas como los cañeros. Las artesanías locales incluyen la alfarería, la escultura en sal y el grabado
Mobile Optimisation for Email
This document discusses optimizing emails for mobile devices. It notes that up to 50% of email opens are now on mobile and mobile purchasing is most influenced by emails. It recommends that marketers monitor mobile open and engagement rates, review the customer journey, and define key performance indicators. The document then discusses responsive design for email, which allows content to resize and reflow for different screen sizes from a single email version. It provides examples and notes benefits like image resizing and removal of horizontal scrolling. Sources for further information are also included.
Dbms by jeet goyal
The document describes the storage device hierarchy from fastest to slowest including cache, main memory, flash memory, magnetic disks, optical disks, and magnetic tapes. It then provides more details on each type of storage device including their speed, cost, size, volatility, and usage. The document also covers disk drive components and performance metrics like seek time, rotational latency, data transfer rate, and reliability measures like mean time to failure. Additional topics covered include RAID configurations, file organization methods, database storage structures, indexing techniques, and hashing.
Automotive electronics
Automotive electronics have doubled silicon content in the last decade and will double again in the next five years. Electronics provide safety and convenience features throughout vehicles, including climate control, cruise control, traction control, and more. Cruise control uses vehicle speed sensors and the throttle actuator to maintain a set speed. Challenges include protecting against malfunctions. GPS provides navigation and location services in vehicles. Future trends include higher vehicle voltages, hands-free parking, intelligent headlamps, and faster onboard processing.
BASICO DE CAMPECHE
Campeche is the capital of the Mexican state of Campeche. It has a tropical climate with average annual temperatures between 26-27°C and maximums of 40°C. The vegetation is predominantly humid rainforests and some dry forests in flood-prone areas. The fauna is very varied and includes bats, raccoons, coatis, toads, monk seals, fish and some endangered species like howler monkeys, jaguarundi, ocelots, spider monkeys, anteater and pumas. The local culture features music like the Campeche waltz and folk dances. Handicrafts include carved ox horns, palm items and pottery. Popular dishes include shark bread,
Profianti
Este documento describe los principios básicos de la profilaxis antibiótica en cirugía. Explica que la profilaxis antibiótica se administra en el período perioperatorio con el objetivo de disminuir las tasas de infección de la herida quirúrgica. Detalla factores como el tiempo de administración, la duración de la profilaxis, los antibióticos a utilizar y los tipos de intervenciones que se benefician de la profilaxis antibiótica.
Viewers also liked (10)
Similar to Chris szafranek
Site Speed Optimization for Elementor Websites
This document provides tips and recommendations for optimizing website speed. It suggests choosing a lightweight theme, properly resizing and compressing images, using 2-3 optimized Google fonts, SVG icons, cleaning up unused plugins and widgets, activating experiments settings in Elementor, disabling unnecessary fonts and icons, serving WebP images, and using a caching plugin like WP Rocket. Resources like Google PageSpeed Insights and GTmetrix are recommended for auditing site speed.
Snappy Means Happy: Performance in Ember Apps
Ember is fast. Ember Core is working hard to make Ember even faster. So why does your app drag?
The performance of a single-page app is impacted by the performance characteristics of its foundational parts: Network, Rendering, and JavaScript. Ember provides tools to manage these cornerstones, but with the tradeoff of introducing its own characteristics.
In this talk, we will use the source of real, shipped Ember apps (and of Ember itself) to diagnose, understand, and improve slow interactions. The Chrome developer tools will help us understand slow code paths and identify opportunities for improvement. Along the way, we will learn how parts of Ember work at the macro and micro level and learn how the framework helps us manage performance challenges in a browser environment.
Web development tool
This document discusses various web development tools. It begins by defining web development tools as those that allow developers to test and debug code using technologies like CSS, HTML, JavaScript. Popular tools mentioned include Chrome Developer Tools, Firebug, FirePHP, and IE Developer Tools. Each tool is briefly described, noting what technologies it supports (CSS, JavaScript debugging etc), how to access it (keyboard shortcuts, menus), and key features. The document provides a high-level overview of the most commonly used development tools.
Frontend Workflow
The document discusses ways to automate and improve a front-end development workflow. It recommends using tools like Grunt, Bower, Yeoman, and generators to automate repetitive tasks like linting, compiling assets, running tests, and deploying code. These tools can help reduce boilerplate code and improve productivity. It also suggests configuring the development environment with tools like Sublime Text, Chrome DevTools, and simulators/emulators to enhance debugging and cross-device testing. The overall message is that automating workflows and choosing the right tools allows developers to work more efficiently and focus on creative work.
Powerful tools for building web solutions
A 360-degree overview of the most popular technologies in web development to boost your productivity.
Headless browser a stepping stone towards developing smarter web applicatio...
Headless browsers allow testing websites without a graphical user interface, improving test speed. Popular options include Headless Chrome, which provides the same capabilities as Chrome but without GUI overhead. Puppeteer is a Node library that controls Headless Chrome, enabling tasks like taking screenshots, testing JavaScript, and simulating user interactions at a faster, more optimized pace than alternatives like Selenium. Headless browsers and tools like Puppeteer and Chrome DevTools help speed up the development process through quicker, more efficient testing.
Why You Need a Front End Developer
This document discusses why front end developers are needed. It begins by defining what a front end developer is and outlines some of their typical duties, which include working on the user interface, accessibility, testing, multimedia, design, and optimization of the front end. It notes that while back end developers focus more on the server side, front end developers ensure the client-side code and experience are effective. The document also discusses some of the challenges of front end development like different browsers, mobile environments, and JavaScript frameworks. It emphasizes that user interface and design are important aspects that should not be an afterthought.
Grunt Continuous Development of the Front End Tier
This document discusses using Grunt to implement a continuous development process for a front-end node.js tier. It outlines how Grunt plugins can be used for tasks like CoffeeScript compilation, CSS processing, linting, unit testing, and code coverage to improve code quality and boost productivity. The process involves automatically running these tasks on code changes and reloading browsers. Continuous delivery also minifies files. Unit testing with Jasmine and code coverage with Grunt plugins is demonstrated. Lessons learned include benefits of CoffeeScript and starting with behavior-driven development. Next steps propose integrating Grunt into a CI server and SonarQube.
Marco Liberati - Write once, debug everywhere
The document discusses the developer tools available in Chrome and Firefox browsers. It provides an overview and agenda of the topics to be covered, which include the DOM, CSS, debugging, and profiling panels in Chrome, and similar panels like the Inspector, Style Editor, Debugger, Profiler, and Network Monitor in Firefox. It then goes into detail about the various panels and tools in both browsers, demonstrating their features and how to use them to debug websites and applications.
Testing Responsive Webdesign
Brief overview about the testing tools in responsive webdesign projects.
Original Slideshow:
http://maddesigns.de/responsive-testing/
(In)Security Implication in the JS Universe
JavaScript is the most widely used language cross platforms. This talk will analyze the security concerns from past to present with a peek to the future of this important language. This talk was presented as Keynote at CyberCamp Espana 2014.
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
This is a live walkthrough where we convert a common full trust solution to a SharePoint Framework solution. May the demo Gods be kind to me. Really, we will do it. Does not cover all possible scenarios, but I will show you the general workflow for converting your full trust solutions to SPFx solutions. I show you the proper configuration for your development environment. We walk through building the SPFx solutions and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions.
Attendee Takeaways:
1. Understand the why, the how, and what make up the SharePoint Framework (SPFx).
2. A live demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx) in less than 1 hour.
3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. Yes, you are welcome :)
Hacking to be performant
Hacking to be Performant? Talk presented at Meta Refresh 2015 Delhi Runup hosted at Wingify.
Presentation discusses the different hacks and approaches available to make your Application performant, but what are the different pros and cons related to each approach.
DevTools
The document discusses four categories of web app development tools:
1. Debugging tools have evolved from simple alert() to full-featured debuggers integrated into browsers. A common API and scriptability are still needed.
2. Performance tuning tools include profilers, memory analyzers, and tools to measure browser metrics.
3. Automated testing tools include test frameworks like JsTestDriver and distributed testing systems.
4. Development tools include network monitors, HTTP clients, code analyzers, and web-based IDEs. Overall, the document analyzes the evolution and current state of tools across these categories to help web developers.
The Internal Architecture of Chrome Developer Tools
The talk explains that Chrome Developer Tools are actually just an (un)usual web page, every Blink browser has an embedded WebSocket server and that allows Node Inspector to reuse Developer Tools GUI for building Node.js debugger.
Google Chrome DevTools features overview
This presentation has been prepared by Oleksii Prohonnyi for internal JS team meeting to improve skills of junior developers.
Creating Flash Content for Multiple Screens
Presentation on how to create Flash content for multiple screens, mainly using Flash Professional CS5.
Making friends with the inspector how non developers can harmlessly dig into...
WordCamp Philadelphia 2018. Live demonstration with tips on using the Chrome Inspector to learn and edit CSS on a website.
HTML5 for Rich User Experience
Canvas and WebGL allow for rich graphics and animation on the web through APIs for 2D and 3D drawing. Forms have been enhanced with new input types like email, number and date pickers. Features like drag and drop, geolocation, notifications and the history API enable more interactive experiences. Browser capabilities have been extended through APIs for multimedia, storage, web sockets and accessing hardware. HTML5 aims to provide these features to enhance user experience without additional plugins.
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
The document discusses system requirements, supported file types, and limitations for Autodesk Docs tools. It provides information on recommended system specifications including operating systems, web browsers, storage space, and connectivity needed. It also lists the specific file extensions that can and cannot be viewed within Autodesk Docs, noting some file types can only be viewed on desktop and not mobile. The document concludes by outlining limitations for the Files and Reviews tools within Autodesk Docs such as maximum file sizes, number of files/reviews allowed, and other restrictions.
Similar to Chris szafranek (20)
Headless browser a stepping stone towards developing smarter web applicatio...
Headless browser a stepping stone towards developing smarter web applicatio...
Grunt Continuous Development of the Front End Tier
Grunt Continuous Development of the Front End Tier
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
The Internal Architecture of Chrome Developer Tools
The Internal Architecture of Chrome Developer Tools
Making friends with the inspector how non developers can harmlessly dig into...
Making friends with the inspector how non developers can harmlessly dig into...
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
AUTODESK DOCS_SYSTEM REQUIREMENTS, FILE TYPES, TOOL LIMITATION.pptx
Chris szafranek
- 1. Getting the Most out of Your Tools Krzysztof Szafranek @szafranek
- 2. 2000
- 3. 2000
- 4. 2001
- 5. 2001
- 6. Joe Hewitt A man who single-handedly did more for web developers than any other individual.
- 7. 2006
- 8. 2013
- 9. Style Editor JS Debugger JS Profiler JS Console DOM Inspector Networking
- 10. CSS profiler Responsive & 3D Rendering tools Scriptable cmd line Memory profiler Performance audit
- 11. Firebug
- 12. Console API
- 13. debugger
- 14. Style tracing
- 15. CSS editing
- 18. Firefox Nightly
- 19. The old new tools
- 20. 3D view
- 21. Responsive view
- 22. Repainting
- 23. Font explorer
- 24. Command line
- 26. jsb http://www.google-analytics.com/ga.js Pretty print + editing! Note: To add a variable in the current window, remember to prefix it, e.g.: window.myCustomFunction
- 28. Web Inspector
- 29. Chrome Canary
- 31. Pretty print
- 32. Pretty print
- 33. Live editing
- 34. Memory profiling
- 35. Audits
- 36. Remote debugger
- 37. FPS counter about:flags For hardware accelerated elements (WebGL, CSS transforms)
- 39. Want more?