Future of web development

WP-CLI stands for WordPress Command-Line Interface. It is a tool for managing a WordPress site from the terminal as opposed to your web browser. Learn how to install WordPress, install or update plugins, check for hacked files, create a new user, perform a search and replace, manage data, execute custom scripts and more; all from the command-line!

This document provides an introduction to progressive web apps (PWAs). It discusses the history of web technologies from HTML and HTTP in the early 1990s to more recent developments like service workers, push notifications, and web app manifests that enable PWAs. Features of PWAs are described like reliability, performance, engagement, and integration with the operating system. Case studies are presented showing the benefits some companies have seen from implementing PWAs.

I gave my first webinar for Codemotion about Progressive Web Apps (PWAs), the future of web development.  Video (soon in my youtube): https://www.youtube.com/watch?v=de1xiqz-BTE  Twitter: https://twitter.com/JGFerreiro  Linkedin: https://www.linkedin.com/in/jgferreiro/ - - - I think Progressive Web Apps (PWAs) are the next revolution in web development. This practical workshop will explain the basics about PWAs as well as how to integrate it into your own application. What we will cover: • Caching requests and caching strategies. • Setting up your PWA (manifest and progressive metadata) • Payments Api, Local Web Notifications • Other PWA functionalities. - - - Subscribe: https://www.ferreiro.me/newsletter on https://www.twitter.com/jgferreiro on https://www.linkedin.com/in/jgferreiro/ on https://www.instagram.com/jgferreiro/

This document summarizes the history and evolution of web browsers and internet technologies from the early 1990s to the late 1990s. It traces the development of key browsers like Netscape Navigator and Internet Explorer. It also outlines the introduction of important web standards like HTML, CSS, JavaScript and XML. Major events included the commercialization of the web in the mid-1990s, the browser wars between Netscape and Microsoft in the late 90s, and the consolidation of online services providers toward the end of the decade.

Raiders of the Fast Start: Frontend Performance Archeology There are a lot of books, articles, and online tutorials out there with fantastic advice on how to make your websites performant. It all seems easy in theory, but applying best practices to real-world code is anything but straightforward. Diagnosing and fixing frontend performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. You don’t know what you will find until you start digging! Pick up your trowels and come along with Etsy’s Frontend Systems team as we become archaeologists digging into frontend performance on our large, legacy mobile codebase. I’ll share real-life lessons you can use to guide your own excavations into legacy code: What tools and metrics we used to diagnose issues and track progress. How we went beyond server-driven best practices to focus on the client. Which fixes successfully increased conversion, and which didn’t. Our work, like all good archaeology, went beyond artifacts and unearthed new insights into our culture. We at Etsy pride ourselves on our culture of performance, but, like all cultures, it needs to adapt and reinvent itself to account for changes to the landscape. Based on what we’ve learned, we are making the case for a new, organization-wide, frontend-focused performance culture that will solve the problems we face today.

This document summarizes Christopher Schmitt's presentation on adaptive images in responsive web design. It discusses using feature testing versus browser sniffing to determine the appropriate image to serve, including testing browser width, screen resolution, and bandwidth. It then covers various techniques for serving adaptive images, such as using .htaccess files, the <picture> element, srcset attributes, and JavaScript libraries. It emphasizes using a mobile-first approach and progressive enhancement to provide the best experience for all devices.

The document discusses the current state and future of the web. It notes that while native apps have gained popularity, especially on mobile, the web remains strong with over 1 billion active users. It outlines tools from Google like Service Workers that help the web compete with capabilities previously only available to native apps like push notifications, offline access, and background processing. The document advocates for continued progress to simplify the web development process and ensure the longevity of technologies, arguing this will help the web remain diverse and accessible across all platforms.

Alex Russell Software Engineer, Google at Fastly Altitude 2016 New browser technologies are arriving that are poised to change user and developer expectations of what’s possible on the web; particularly on slow mobile devices with flaky connections. This talk discusses how these new technologies – Service Workers, Progressive Web Apps, HTTP/2, Push, Notifications, and Web Components are being combined, e.g. in the new PRPL pattern, to transform user experiences while improving business results.

In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users. This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!

New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world. This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman https://twitter.com/taloppenheimer https://twitter.com/marrrr https://twitter.com/robertnyman

Have fast, performant, and successful web pages is a great Challenge. There are many layers involved and all of them have to work together. In this talk I presented at FIBAlumni with collaboration of COEINF and the video recording is at http://media.fib.upc.edu/fibtv/streamingmedia/view/22/1400 (in Catalan). It shows how all parts are involved in the success of web pages from the server up to the human brain and perception. It introduces metrics and ways to effectively calculate and measure objectively the impact of the actions taken in the optimisation and also some ways to detect ways to optimise websites.

The document discusses the current state and future of the web. It notes that while native apps have gained popularity, especially on mobile, the web still accounts for a large portion of usage. It outlines tools from Google like service workers, push notifications, and app install banners that aim to close capabilities gaps between the web and native apps. The document advocates for progressive web apps that are accessible like websites but also feel like native apps to users. The future of the web, it argues, depends on continuing to match and surpass native platforms while keeping the web open, accessible, and long-lasting.

People often consider that creating a web application is done by creating a bunch of HTML, Javascript and CSS files together in a text editor and uploading them on the web. Well, things have changed and in this presentation, you will see how the workflow used to deliver web applications has evolved over the past few years! We will start by seeing how you can use Yeoman and its generators to kickstart your project. Then you will see how Bower let you manage the dependencies of your project. Downloading the JavaScript and CSS frameworks that you are using for you. After that we will have a look at Chrome Devtools in order to debug and edit our application. We will also see how to use remote debugging to inspect a web application running on a phone or a tablet. Finally we will see how you can set up your whole continuous integration workflow with Grunt. Compilation, static code analysis, unit tests, integration tests, minification, code coverage, you name it. This talk has been presented during EclipseCon North America 2014 in San Francisco

Presented at Web Directions Code, Melbourne If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.

The document is a presentation about advanced workflows for mobile web design and development using Edge Inspect and other tools. It discusses installing and configuring Edge Inspect, testing on real devices, integrating Edge Inspect with other Adobe tools, and workflows for local and remote development. Tips are provided for issues like authentication, virtual hosts, web fonts, and using tools like JS Bin and LiveReload with Edge Inspect.

Growth of mobile web traffic has been outpacing desktop web traffic for years, and data reveals that users are likely to abandon experiences that too long to load. Progressive web apps aim to be reliable, fast and engaging, regardless of form factor or quality of internet connection. We'll walk through several key aspects of PWAs, illustrating performance and usability improvements by showing quantitative comparisons to an equivalent "classic SPA".

Nicholas Zakas presented on optimizing the performance of the Yahoo homepage redesign from 2010. The new design added significant functionality but also increased page size and complexity, threatening performance. Areas of focus included reducing time to interactivity, improving Ajax responsiveness, and managing perceived performance. Through techniques like progressive rendering, non-blocking JavaScript loading, and indicating loading states, performance was improved and maintained users' perception of speed. The redesign achieved onload times of ~2.5 seconds, down from ~5 previously, while perceived performance matched the previous version.

Behaviour-Driven Development (BDD) is an agile software development process that encourages collaboration between developers, quality assurance teams, and customers. It involves writing user stories to define desired functionality and writing automated tests to validate stories. BDD tests are written in a language that business stakeholders can understand. It works in an "outside-in" approach where tests are written before code to ensure business needs are met. BDD aims to deliver working, tested software frequently in short iterations to provide business value.

Introudction to Kamailio - the Open Source SIP Server - and WebRTC for the Free and Open Source Stockholm user's group Dec 5th 2012.

This document provides information about various fruit juices and extracts available for purchase, including orange, lemon, mango, and pineapple juices available in bottles or pouches. It also details a marketing campaign to promote the products through in-store displays, tie-ups with retailers, and direct marketing to 100,000 homes across India from an Indian company focused on providing quality fruit drinks at affordable prices.

What's the state of SIP and IPv6? - An update I gave at the Netnod spring Meeting 2015. Nothing much is happening, despite the fact that we have proven real issues with dual stacks in SIP.

The document summarizes tips and strategies for small businesses to use social media for marketing purposes. It discusses using platforms like Facebook, Twitter, blogs and more to connect with customers, share content and drive traffic to websites. Specific tips include setting up profiles, engaging with followers, sharing content regularly and measuring the results of social media efforts.

keynote, All Tech Considered: Navigating through multiliteracies, Houston Community College Faculty Conference, February 2, 2013

This document discusses the history and technology of television from the post-World War II era of broadcast television to the 21st century transition to digital television. It examines how television has evolved as a medium influenced by both technological advances and social forces over time. The document also considers different perspectives on defining television as a medium from various scholars and explores how the technology has been portrayed in science fiction and video art.

I launched my not-yet-written book, Ragtag Leadership, at BarCamp Auckland on July 17, 2010. Got some great feedback from some smart people that will help shape the book. You can do so too at www.ragtagleadership.com.

Academic research involves thoroughly studying a topic to present facts and information in a detailed and accurate manner through systematic investigation and inquiry. It differs from high school research in that college requires more frequent and longer writing assignments, more thorough research using a larger library system with various sources, and less feedback from teachers as students must self-monitor their own progress.

The document discusses how libraries can use social media platforms like blogs, wikis, Flickr, YouTube, Twitter, and FriendFeed to connect with and engage patrons. It explains that libraries have traditionally waited for patrons to come to them, but now they can connect with patrons where they are online through these various social media channels. The document provides examples of how different platforms can be used, such as using blogs to start conversations, wikis for subject guides and instructions, and Flickr for photos of new materials and events. It encourages libraries to build a presence on these social media sites to engage patrons in new ways.

SXSW is a large technology conference held annually in Austin, Texas that attracts tens of thousands of attendees from various industries including brand managers, engineers, Hollywood agents, developers, entrepreneurs and venture capitalists. A leading theme at SXSW 2011 was connection and collaboration rather than competition. Many new apps and technologies were introduced focused on areas like mobile messaging, photos, games, location-based check-ins and APIs/platforms. Companies spent heavily on promotions and branding activities at SXSW to connect with influential attendees.

The competitive edge for today’s playing field in the textile machinery industry is environmental and social sustainability. Pinpointing which technical performances are deemed crucial to achieving their customer’s goals allows manufacturers to properly direct their research and development efforts, in order to anticipate market demands. The survey by Blumine/sustainability-lab for ACIMIT is based on interviews with Italian textile manufacturers committed to improving their environmental impact in relation to production processes provided the groundwork for the research, describing their sustainability programmes, as well as their requirements and expectations in terms of machinery and production systems. The study involved 31 Italian textile manufacturers, renowned for their commitment to sustainability, divided by sector as follows: 7 in the spinning sector, 9 weaving and knitting mills, 5 in the finishing sector, and 10 integrated businesses.

The document provides summaries of various graphic design projects completed by Elbowroom Design, including postcards, brochures, flyers, signage, websites, logos and more. A wide range of clients and industries are represented across print, digital and branding projects. The portfolio demonstrates Elbowroom Design's ability to create custom visual solutions for different types of businesses and organizations.

Basic intro to the concepts of a CMS, what's available, how to choose. Some focus on Drupal as a CMS of choice.

El documento habla sobre las personas que entran en nuestras vidas y las razones por las cuales lo hacen. Algunas personas están por una razón, otras por una temporada y otras por toda la vida. Explica que debemos apreciar el tiempo con cada persona y aprender las lecciones que nos enseñan.

This document discusses escaping from professional silos in libraries. It defines silos as separate professional universes that limit perspectives. It argues that silos are problematic and can be dangerous, forming unconsciously through homogenous networks and confirmation bias. The document provides tips for escaping silos, including seeking out diverse contacts and ideas, learning continuously, and contributing more than criticizing. The overall message is that librarians should break out of isolated mindsets by interacting with others outside their normal circles in order to stay informed and bring new perspectives to their work.

These are the slides I presented at the the August 09 Charlotte SEO Meetup. It's a very high-level overview of user experience design, with links to some great sources of further reading.

Kick-off presentation "Emerging Media" on Rotterdam University of Applied Sciences, 2009