The document discusses various ways that web performance can be improved, including reducing the number of server requests, minimizing file sizes through compression and minification, leveraging caching, optimizing browser rendering through techniques like deferred parsing of JavaScript, and using tools to automate optimizations. It emphasizes that most of the end user response time is spent in the frontend and recommends starting performance improvements there.
How to build a Joomla template that is technically optimised for seo? Use the right tags and create a source-ordered xhtml-css design. Learn how with this presentation.
Slides for a 90 minutes HTML workshop I gave. It was meant for absolute beginners in HTML. In addition to the slides I handed out cheat sheets for HTML and CSS (found online). The tasks were first done in http://codepen.io and later in a local HTML editor.
How to build a Joomla template that is technically optimised for seo? Use the right tags and create a source-ordered xhtml-css design. Learn how with this presentation.
Slides for a 90 minutes HTML workshop I gave. It was meant for absolute beginners in HTML. In addition to the slides I handed out cheat sheets for HTML and CSS (found online). The tasks were first done in http://codepen.io and later in a local HTML editor.
jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck
The first part of a three part beginner track, this talk is for the designer/developer that is just starting out with jQuery. Perhaps you’ve heard of jQuery or you’ve used it occasion- ally, this talk will help you understand the core jQuery library.
We will:
•Cover jQuery’s history
•Introduce you to the core team
•Explain how jQuery works
•Demonstrate how to set-up jQuery
•Explore core jQuery methods and structure • Look through a couple of real-world examples
As CSS3 adds support for rich styling in standards-based web applications, style sheet markup can quickly get out of control! Many CSS effects today require repetitive rules to cover the proprietary browser CSS prefixes. LESS for CSS is an open source framework that makes modern CSS more manageable. With support for variables, mix-ins, nested CSS rules, and operations, LESS finally makes complex CSS easy to maintain. In this session, you will discover how LESS can be easily adopted in any ASP.NET project and learn about tools that make it easy to work with LESS in Visual Studio 2010.
A talk on front-end developer tools including Yeoman, Grunt.js, Require.js, Bower, and SASS given at Drupal Camp LA 2013.
This talk doesn't address Drupal specifically, but it was aimed to give the audience of drupal developers a look into the state of the art.
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone developmentEstelle Weyl
Wouldn't it be cool to be able to use CSS3 and HTML5 unfettered by the lack of support in IE? Mobile developers for smart phones get to do just that!
When developing for iPhones, iPods, iPads and Android devices—mobile devices using webkit browsers—we can use CSS animations, transforms, multiple background images, rounded corners, text and box shadows, CSS columns, and HTML5 form elements.
In this session we'll use some CSS3 features learned in earlier session to create a native looking iPhone web app. We'll also cover some CSS UI and HTML5 form elements that will help you get up to speed on developing for mobile webkit. You don't have to wait any longer to use CSS3!
Front End Tooling and Performance - Codeaholics HK 2015Holger Bartel
Front End Tooling and Performance is a case study on what I used to make missedin-hkg.com load in less than 1000ms and optimise front end performance in various ways.
This talk has been held at the Codeaholics Meetup in Hong Kong on 08. April 2015.
UXify 2015 - Front-end Developers' Checklist for Better UXStoian Dipchikov
Good UX has always been one of the key factors for success in the contemporary web development and there fore has led to huge improvements in our industry in the last years. Nowadays the UX of a software product is not responsibility only of the UX Architects / Producers, but to each individual involved in the creation of an app or a website, including the Front-end developers.
The talk presents a summarized list of DOs and DON’Ts, which Stoyan and his team believe should be respected by the Front-end developers if they want to build a useable web product, up to and above industry standards. There will be a lot of case studies and actual examples taken from Despark’s experience in the field.
Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.
An HTML5 overview I gave at Refresh FLL which showed the new features & touched on how to use progressive enhancement and polyfills to leverage HTML5 today.
lavorare in remoto ha pro e contro, in questo breve intervento presentato a http://2015.italyremote.com/ spiegherò l'approccio che abbiamo adottato in ideato
One of my sessions at Better Software 2011, held in Florence, Italy.
I meant to stress the relevance of social skills in deplying technical skills, as a company or as an individual.
jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck
The first part of a three part beginner track, this talk is for the designer/developer that is just starting out with jQuery. Perhaps you’ve heard of jQuery or you’ve used it occasion- ally, this talk will help you understand the core jQuery library.
We will:
•Cover jQuery’s history
•Introduce you to the core team
•Explain how jQuery works
•Demonstrate how to set-up jQuery
•Explore core jQuery methods and structure • Look through a couple of real-world examples
As CSS3 adds support for rich styling in standards-based web applications, style sheet markup can quickly get out of control! Many CSS effects today require repetitive rules to cover the proprietary browser CSS prefixes. LESS for CSS is an open source framework that makes modern CSS more manageable. With support for variables, mix-ins, nested CSS rules, and operations, LESS finally makes complex CSS easy to maintain. In this session, you will discover how LESS can be easily adopted in any ASP.NET project and learn about tools that make it easy to work with LESS in Visual Studio 2010.
A talk on front-end developer tools including Yeoman, Grunt.js, Require.js, Bower, and SASS given at Drupal Camp LA 2013.
This talk doesn't address Drupal specifically, but it was aimed to give the audience of drupal developers a look into the state of the art.
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone developmentEstelle Weyl
Wouldn't it be cool to be able to use CSS3 and HTML5 unfettered by the lack of support in IE? Mobile developers for smart phones get to do just that!
When developing for iPhones, iPods, iPads and Android devices—mobile devices using webkit browsers—we can use CSS animations, transforms, multiple background images, rounded corners, text and box shadows, CSS columns, and HTML5 form elements.
In this session we'll use some CSS3 features learned in earlier session to create a native looking iPhone web app. We'll also cover some CSS UI and HTML5 form elements that will help you get up to speed on developing for mobile webkit. You don't have to wait any longer to use CSS3!
Front End Tooling and Performance - Codeaholics HK 2015Holger Bartel
Front End Tooling and Performance is a case study on what I used to make missedin-hkg.com load in less than 1000ms and optimise front end performance in various ways.
This talk has been held at the Codeaholics Meetup in Hong Kong on 08. April 2015.
UXify 2015 - Front-end Developers' Checklist for Better UXStoian Dipchikov
Good UX has always been one of the key factors for success in the contemporary web development and there fore has led to huge improvements in our industry in the last years. Nowadays the UX of a software product is not responsibility only of the UX Architects / Producers, but to each individual involved in the creation of an app or a website, including the Front-end developers.
The talk presents a summarized list of DOs and DON’Ts, which Stoyan and his team believe should be respected by the Front-end developers if they want to build a useable web product, up to and above industry standards. There will be a lot of case studies and actual examples taken from Despark’s experience in the field.
Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.
An HTML5 overview I gave at Refresh FLL which showed the new features & touched on how to use progressive enhancement and polyfills to leverage HTML5 today.
lavorare in remoto ha pro e contro, in questo breve intervento presentato a http://2015.italyremote.com/ spiegherò l'approccio che abbiamo adottato in ideato
One of my sessions at Better Software 2011, held in Florence, Italy.
I meant to stress the relevance of social skills in deplying technical skills, as a company or as an individual.
NCSTA
North Carolina Science Teachers Association
November 8-9, 2012
Winston-Salem, NC
Surfing the Essential Standards with Web 2.0 Tools -
Explore exciting ways to integrate Web 2.0 sites and tools into the Essential Science Standards. Put the power of content creation into your students’ hands as they expand upon the inquiry lab activities you already conduct in your
MVP & Startup, with OpenSource Software and Microsoft AzureFrancesco Fullone
Test a startup's business model quickly is very important, as doing it minimizing risks and investments. In this talk I will discuss some experiments we did (that used open source tools, Microsoft Azure and Lean Startup methodologies) to validate our business hypothesis.
NCAGT - Celebrating 40 years with 40 web 2.0 sitesdrussell
NCAGT
North Carolina Association for the Gifted and Talented
February 27-28, 2014
Winston-Salem, NC
Celebrating 40 Years of NC Gifted and Talented with 40 Web 2.0 Tools
We have collected 40 favorite interactive websites to celebrate 40 years of G&T Education in NC! Join our Web 2.0 journey as we share sites that allow our students to create, collaborate, and connect globally! You will leave with fantastic technology integration ideas you can use immediately with your students!
Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.
Uno dei più grandi problemi percepiti nel mondo agile è: “come faccio a far capire al commerciale che non può vendere un’applicazione al cliente senza aver discusso con il team di sviluppo?”. Uno dei più grandi problemi percepiti dai commerciali delle aziende agili è: “come posso far capire al team di sviluppo che senza un metro di riferimento economico non si vende nulla?”. La contrattazione è quindi necessaria non solo verso i clienti ma anche all’interno dell’azienda. Questo è il talk/confessione di un ex-sviluppatore passato al lato oscuro…
Sessione presentata da Francesco Fullone.
Francesco Fullone è il CEO di Ideato, una società che abbraccia le pratiche dell’agile e dell’XP, specializzata nell’integrazione di applicazioni in PHP con software e workflow aziendali, e nello sviluppo di social software ed applicazioni web 2.0. Da alcuni anni, come presidente GrUSP, si occupa dell’organizzazione di eventi e conferenze sul mondo del web development e del PHP, come il phpDay ed il jsDay
eXtreme Programming activities are Coding, Designing, Testing and Listening. In this 15 minutes talk we covered the first three enumerating some tool, for PHP developers, useful to create metrics.
"Please don't touch the slow parts" version 3 given by me at From The Front, Camp Nou Edition on March 18th 2011 in Modena.
It's about improving web applications speed. Based on Steve Souders work. Compared to V2, I improved and expanded on how browsers work and how to optimize dom/css
Also
http://www.ideato.it/
http://federico.galassi.net/
http://www.stevesouders.com/
http://www.bettersoftware.it/
http://www.phpday.it/
http://fromthefront.it/
Follow me on Twitter!
https://twitter.com/federicogalassi
This guide will not bring you a magic formula to optimize critical render path. When the subject is web performance: there's no magic formula. Analyze performance is careful and meticulous process, and it can bring different results based on various existing variables.
As programmers, we concentrate so much on the server/backend side of things that we often forget to measure performance from the Client's viewpoint. This presentation describes a bunch of techniques that can be used to speed up our websites.
Organizations focus process optimization of
Data Tier
Application Tier
Presentation Tier is usually ignored.
Presentation Tier is responsible for more than 30% of Client/Server application performance.
Intro to mobile web application developmentzonathen
Learn all the basics of web app development including bootstrap, handlebars templates, jquery and angularjs, as well as using hybrid app deployment on a phone.
If you are new to CSS or have been using it for years this presentation should give you more insight into how to write and use CSS to make your web sites better.
Life Cycle Design e Circular Economy: un caso reale Francesco Fullone
Come si trasforma il modello di business di un'azienda che stampa plastica per farle abbracciare logiche di economia circolare? In questo breve case study vedremo le logiche dietro al Life Cycle Design. Capiremo che impatto ha il proprio business sull'ambiente e come ridurlo in un'ottica di economia circolare.
Agile, Lean Manifacturing, Smart Working, Remote First, Continuous Learning and Budgeting... Fermare l'evoluzione di una knoledge company non è facile, ed altrettanto complesso è regolarne la trasformazione in modo che nessuno si senta stranito dal continuo cambiamento. In questo talk verrà introdotto il concetto di Open Governance, come è stato implementato all'interno di Ideato e quali frutti ha portato, indicandone pro e contro e dando un concreto esempio di come in Italia sia possibile fare innovazione imprenditoriale.
Cos'è un sistema di raccomandazione e come funziona? Come si può integrare in un ecommerce e trarne profitto? In questo breve talk spiego le basi del machine learning e dei sistemi di recommendation
Ogni azienda ha una serie di criteri, più o meno condivisibili, per la scelta dei collaboratori esterni con cui portare avanti progetti. Nel nostro caso questi criteri sono un risultato delle nostre passate esperienze lavorative, dei valori che abbiamo abbracciato e dell’approccio che ci aspettiamo di trovare nel suddetto collaboratore. Questo talk presenta una sorta di vademecum operativo utile a tutti i knowledge workers ed alle aziende che vogliono collaborare con loro.
Freelance si, freelance no. Siamo stati tutti freelance e come azienda siamo cresciuti convert...assumendo freelance. Ecco cosa una azienda IT sana si aspetta dalla collaborazione con un professionista indipendente.
oggi si parla sempre più di continuous integration, deploy e delivery. Ma come va gestito il budget in questi contesti? Le pratiche agili portano alla miopia nel medio-lungo periodo concentrandosi sul risolvere problemi presenti oggi e sfruttando tattiche utili nel breve periodo. Il talk vuole mostrare alcune idee (perfettibili ma concrete) su come sviluppare pensando anche al fatto che esiste non solo un budget per creare nuovo codice, ma anche uno per mantenere quello vecchio e la relativa infrastruttura e che entrambi devono essere presi in considerazione.
github, automattic, trevis-ci, 37 signal tutte aziende che hanno puntato sul remote working. Non tanto come forma di "telelavoro" ma come strumento abilitante a lavorare con i migliori sviluppatori sparsi per il mondo senza obbligarli a (costosi) traslochi. In questo talk vedremo come si può abilitare la propria azienda a questa filosofia senza, per questo, perdere in produttività o qualità del lavoro.
github, automattic, trevis-ci, 37 signal tutte aziende che hanno puntato sul remote working. Non tanto come forma di "telelavoro" ma come strumento abilitante a lavorare con i migliori sviluppatori sparsi per il mondo senza obbligarli a (costosi) traslochi. In questo talk vedremo come si può abilitare la propria azienda a questa filosofia senza, per questo, perdere in produttività o qualità del lavoro.
What should you outsource, and what do you need to do in-house? How to segment the vendors that you need? What vendors do you need right when you start, and what vendors will you need as you grow? How do you recruit and select the important vendors? What are tips and tricks to manage vendors in order to ensure a consistent level of quality? How do you fire and replace under-performing vendors? What are common mistakes made when dealing with vendors?
If you want to create a valid MVP from your idea you have to follow some simple steps to help you to transform ideas in business ideas. This is a lesson I did at the Founder Institute about the process between the brainstorming and a MVP creation.
One of the biggest problems perceived in the
agile's world is "how do I make it clear to the sales dept. that I can't sell an application to the client without having discussed (and evaluated) it with the development team?". One of the biggest problems perceived by agile salesmen is: "How can I make it clear to the development team that without an economic evaluation I can't sell anything?". Bargaining is necessary not only to customers but also within the company. This is the talk / confession of a former developer passed to the dark side ...
Complex applications need a persistent database to store, search and join data: till now a dedicated server was needed to do this, and no offline usage of the app was possible. With the introduction of HTML5 and the concept of Web Databases, we don’t need an external server anymore: everything is stored within the user browser and thus the web app can be used offline as well as online.
From webagency to...a better job, life and a lot of funFrancesco Fullone
Can a development team be a proficient web agency? Or should it pivot to change its customer's culture? This is the story of a web agency that became a developer company.
Complex applications need a persistent database to store, search and join data: till now a dedicated server was needed to do this, and no offline usage of the app was possible. With the introduction of HTML5 and the concept of Web Databases, we don’t need an external server anymore: everything is stored within the user browser and thus the web app can be used offline as well as online.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
27. Rendering is parsing render HTML CSS DOM TREE STYLE STRUCT < html > < head > < title >Title</ title > </ head > < body > < div >This is a Text</ div > < div id = "hidden">Hidden</ div > body { padding : 0 ; } #hidden { display : none ; } - document - elem : html - elem : head - elem : title - text : Title - elem : body - elem : div - text : This is a Text - elem : div - attr : id=hidden - text : Hidden - selector : body rule : display : block # default css padding-bottom : 0px # site css padding-left : 0px # site css padding-right : 0px # site css padding-top : 0px # site css - selector : hidden rule : display : none # site css
28. Rendering is layout render DOM TREE STYLE STRUCT - document - elem : html - elem : head - elem : title - text : Title - elem : body - elem : div - text : This is a Text - elem : div - attr : id=hidden - text : Hidden - selector : body rule : display : block # default css padding-bottom : 0px # site css padding-left : 0px # site css padding-right : 0px # site css padding-top : 0px # fsite css - selector : hidden rule : display : none # site css - root - body - block - inline : This is - inline : a Text RENDER TREE reflow
29. Rendering is painting render - root - body - block - inline : This is - inline : a Text RENDER TREE repaint This is a Text
30. Rendering is execution mouse moved mouse pressed mouse released key pressed key released render INPUT OS EVENT QUEUE
31. Execution in one thread mouse moved mouse pressed mouse released key pressed key released render EVENT QUEUE Javascript Execution Native Browser Action
32. Once upon a time ... Few resources Static pages Less javascript
33. Most time on server domain connect send receive render
34. Solution is faster serverside domain connect send receive render