Learning gutenberg css tricks
Download as PPTX, PDF0 likes137 views
This document lists a series of articles about learning Gutenberg, the new WordPress editor. The articles cover introductions to Gutenberg, what it is, creating blocks with Create Guten Block, modern JavaScript syntax, React 101, setting up a custom Webpack configuration, and building a custom card block.
1 of 9
Download to read offline
Ad
Recommended
Functional javascript
Functional javascriptWilliam Bruno Moraes This document discusses functional programming concepts in JavaScript including:
- Functional programming focuses on dividing problems into smaller subproblems and immutable data.
- Functional programming principles include transparency, purity, and immutability.
- Benefits include writing pure functions without side effects, avoiding state changes by using immutable data, declarative programming, reducing complexity, and composition.
- Common functional programming techniques in JavaScript include map, filter, reduce, some, every, and lazy evaluation.
Building your own personal minion with grunt.js
Building your own personal minion with grunt.jsBrent Swisher Everybody secretly wants to be an evil genius, right? So, what do they all have in common? Minions. In this session, you will learn to build your own little development minion with the grunt.js automation framework. Learn the basics of what grunt is, how it works, and how to make it automate the boring programming tasks that waste your time. Be warned, there will be code involved, and perhaps a little world domination.
Vagrant: Your Personal Cloud
Vagrant: Your Personal CloudJames Wickett Vagrant is a tool for building and distributing virtual development environments. It allows users to create virtual machines and configure their software stacks in an automated, reproducible way. Key features include automated provisioning, networking, SSH access, and treating infrastructure as code that can be version controlled. The demo shows how to install Vagrant, add base box images, initialize a Vagrantfile to define VMs, and run common commands to launch, SSH into, halt, and destroy VMs.
Tooling per il tema in Drupal 8
Tooling per il tema in Drupal 8DrupalDay Come approcciare il layer di theming in Drupal 8 (e non solo) utilizzando strumenti grazie ai quali possiamo ottenere tempi di sviluppo più breve.
Relatore: Evan Butera
Career on WordPress: How to get started with WordPress
Career on WordPress: How to get started with WordPressEunus Hosen Learn what is WordPress, why you need to learn it, how to learn it.
Learn where to find WordPress jobs.
Node básico para front end developers
Node básico para front end developersLucas Inocente Slides da apresentação Node básico para front end developers realizada na trilha de Node.js no The Developers Conference Porto Alegre 2017.
Códigos dos slides:
https://gist.github.com/lucassanchez/6ae289aeae4001ab8ded53c5d3c50c49
Repositório:
https://github.com/lucassanchez/js-tdc-poa-2017
The Developers Conference:
www.thedevelopersconference.com.br/tdc/2017/portoalegre/trilhas
S&T What I know about Node 110817
S&T What I know about Node 110817Dan Dineen Node is a JavaScript runtime environment that allows JavaScript to run on the server. It uses Google's V8 JavaScript engine and allows developers to build fast and scalable network applications using JavaScript. Node installs with NPM (Node Package Manager), which is used to install dependencies and share JavaScript code as reusable modules. Many modern web development processes use Node and NPM together to compile assets, run tasks, and share code.
10 dicas rápidas para o front-end do seu site
10 dicas rápidas para o front-end do seu siteItalo Moraes 1. The document provides 10 quick tips for front-end development including minimizing assets, avoiding !important in CSS, not loading all scripts and stylesheets in the head, using HTML5 semantic tags, keeping dependencies updated, collecting metrics, optimizing images, using SVG, and leveraging the full power of CSS.
2. It encourages developers to simplify their code rather than follow hype, only include necessary code, and consider the user experience rather than personal assumptions when building interfaces.
3. References are provided for further reading on topics like lossy vs lossless compression, minification, Grunt tasks, CSS effects like glitching, HTML5 semantics, and SVG examples.
There's More Than 1 Way To Skin A Theme
There's More Than 1 Way To Skin A ThemeSennza Design This document discusses different ways to theme a WordPress website. It introduces the presenter as the co-founder of Sennza who focuses on business development. It discusses choosing pragmatic themes over strictly adhering to best practices. The document provides tips on leveraging WordPress features like custom post types and plugins to manage complex websites. It emphasizes keeping themes simple and developing with support in mind.
Building Responsible Wordpress Sites
Building Responsible Wordpress SitesBrian Goldstein This document provides tips for building responsible WordPress sites. It discusses how WordPress accounts for nearly a quarter of websites and therefore building sites better can significantly impact the web. It recommends having a clear content strategy defined and doing research on project assumptions and overcoming objections. It also suggests making budgets, properly managing scripts and styles, optimizing images and fonts, and performing quality assurance testing to ensure sites work well and are maintainable. The key is making informed decisions throughout the process.
How it's Made - MyGet - TechEd NA
How it's Made - MyGet - TechEd NAMaarten Balliauw Ever wonder how some applications are built, or how to combine some components of the Windows Azure platform? Stop wondering and learn how we’ve built MyGet.org, a multi-tenant software-as-a-service. In this session we discuss architecture, commands, events, access control, multi-tenancy and how to mix and match those things together in a reliable, cost-effective solution that scales.
Introduction To Django
Introduction To DjangoTuan Anh Tran Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It makes building better web apps faster with less code. Django uses models, templates, and views following an MTV pattern instead of MVC. To build a project, you start a project with startproject and then add apps with startapp. Models define the database structure, views handle requests and responses, and templates display content. The database is created and synced using manage.py commands. URLs map requests to views and the development server is run with runserver. The admin interface provides administration tools out of the box.
Managing packages with Bower and NuGet in ASP.NET Core
Managing packages with Bower and NuGet in ASP.NET CorePhilip Domingo The document discusses the package manager Bower and how it can be used for client-side packages in ASP.NET Core projects. It explains what Bower is, compares it to NuGet, and outlines the three things needed to use Bower, which are installing Node.js, npm, and Git, and then using npm to install Bower globally. The document also mentions that Bower has a rich ecosystem for client-side packages and uses semantic versioning.
Code
Codeyggygdd Brazil and Mexico will face off in an international friendly match on June 11, 2017. The game will take place at FedExField in Landover, Maryland. Fans can watch the match live on TV through various channels like Telemundo in Spanish or online through streaming links provided on the slideshow. Safety measures are in place to ensure legal and safe streaming of the Brazil vs. Mexico football game.
The backend-of-frontend Drupaljam 2014
The backend-of-frontend Drupaljam 2014Triquanta Presentatie van Marc van Gend over de tools die gebruikt kunnen worden bij frontend ontwikkeling. Denk hierbij aan Sass, Compass, Grunt, Less, JSlint etc.
Deze presentatie is gegeven op DRupaljam 2014 en Drupal Dev Days 2014.
First steps with Gutenberg for developers - WC Prague 2020
First steps with Gutenberg for developers - WC Prague 2020Magdalena Paciorek This document provides an introduction to building custom blocks in Gutenberg, the new WordPress editor. It explains that Gutenberg is a set of JavaScript libraries and packages that power the editor interface. It then demonstrates how to register a basic custom block using the @wordpress/create-block package and React. The document walks through the key components of a block, including the registration, editor interface, attributes, and saved output. It also provides resources for learning more about building blocks in Gutenberg.
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...Magecom UK Limited Сергей Незбрицкий, CTO в Magecom, 11 ноября выступил на Magento Meetup Online #11 с темой «Google Page Insights и Magento 2».
В своем докладе Сергей перечисляет основные проблемы, связанные с Magento 2 Frontend performance. А также он перечислил требования к Google Pagespeed Insights, чтобы сделать Magento 2 френдли.
---
Sergey Nezbritskiy, CTO at Magecom, talks on “Google Page Insights and Magento 2” Magento Meetup Kharkiv Online on November 11th.
Sergey lists the main issues related to Magento 2 Frontend performance in his talk. He also listed the requirements for Google Pagespeed Insights to make Magento 2 friendly.
Magecom: https://magecom.net/careers/
Facebook: https://www.facebook.com/magecomcompany
Instagram: https://www.instagram.com/magecomcompany/
Design+Performance Velocity 2015
Design+Performance Velocity 2015Steve Souders Which would you rather have: A rich design or a fast user experience? Users want both, but sometimes the interplay between design and performance feels like a fixed sum game: One side’s gain is the other side’s loss. Design and performance are indeed connected, but it’s more like the yin and yang. They aren’t opposing forces, but instead complement each other. Users want an experience that is rich and fast. The trick for us as designers and developers is figuring out how to do that.
The answer is to adopt an approach that considers both design and performance from the outset. With this approach, designs are conceived by teams of designers and developers working together. Developers benefit by participating in the product definition process. Designers benefit from understanding more about how designs are implemented. There’s an emphasis on early prototyping and tracking performance from the get-go.
With new metrics that focus on what a user actually sees as the page loads, we can now bridge the technical and language gaps that have hindered the seamless creation of great user experiences. In this presentation, Steve Souders, former Chief Performance Yahoo! and Google head performance engineer, explains how promoting a process that brings design and performance together at the beginning of a project helps deliver a web experience that is both fast and rich.
Frameworks for the web
Frameworks for the webnetfuel The document discusses using HTML frameworks to help with web design. It notes some benefits of frameworks like providing a simple foundation to start, saving time, and capitalizing on good code. However, frameworks can sometimes result in less semantic or readable code, and the design and code may not be separate. Several popular frameworks are mentioned like HTML Framework, Blueprint, 960 Grid System, and HTML5 Boilerplate. The document encourages exploring these frameworks and using techniques like CSS libraries and clips to work faster when designing with frameworks.
High Performance Webdesign
High Performance Webdesign拓樹 谷 The document discusses various techniques designers can use to improve website performance, including optimizing images, using CSS sprites, icon fonts, data URI schemes, and maintaining consistency with styles and rules. It provides examples of how to optimize images, create CSS sprites, use icon fonts, embed images via data URIs, and improve consistency. It also includes links to resources about gzip compression and gradient button styles.
Mehr Performance für WordPress - WPFra
Mehr Performance für WordPress - WPFraWalter Ebert Vortrag zum WP Meetup Frankfurt am 14.04.2105 http://wpmeetup-frankfurt.de/2015/wordpress-performance/
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜Koji Ishimoto Koji Ishimoto gives a presentation on front-end engineering. He defines a front-end engineer's responsibilities as including JavaScript, version control with Git, modular code, browser developer tools, command line, templating, CSS preprocessors, testing, automation, code quality and manuals. He discusses common front-end tools, managing tools with Grunt, and tracking speed with tools like WebPageTest to monitor performance. The talk aims to provide an overview of the front-end landscape and importance of performance.
WebGL Awesomeness
WebGL AwesomenessStephan Seidt This document provides an overview of WebGL capabilities including:
- Code can be written in JavaScript and shader languages
- Data can be loaded from HTTP or bundled in the DOM
- Textures like PNGs and JPEGs can be used
- Networking APIs allow features like Comet and WebSockets
- WebGL runs on the GPU avoiding bottlenecks
It also shares several demos of WebGL and provides resources for learning WebGL.
Practical guide for front-end development for django devs
Practical guide for front-end development for django devsDavidson Fellipe The document provides an overview of front-end development for Django developers. It discusses using HTML, CSS, JavaScript and other front-end technologies. It recommends using components, preprocessors and task automation like Grunt. It also discusses standards, performance optimization and creating UI libraries.
Web Cache Deception Attack
Web Cache Deception AttackOmer Gil This document describes a web cache deception attack where an attacker can exploit how web servers and caching mechanisms handle requests for non-existent files. Specifically, if a request is made for a page plus a non-existent file extension, like http://www.example.com/account.php/stylesheet.css, some systems will return the content of the page rather than a 404. This allows an authenticated user's private page to be cached and then accessed by an attacker. The document provides examples of frameworks like Django and servers like IIS that can be exploited this way. It also discusses how caching services like Cloudflare have addressed this issue. Mitigations are proposed like only caching files if headers allow it and returning 302/404
2015 - Basta! 2015, DE: JavaScript und build
2015 - Basta! 2015, DE: JavaScript und buildDaniel Fisher Sie bauen Ihr Backend schon mit einem Build-Server nach aller Kunst der CI? Und wie sieht das mit dem JavaScript-Code aus? Das Bündeln und Minifizieren beispielsweise mithilfe von Uglify und Grunt mit in den Build-Server einzuklinken, ist ja erst der Anfang. Sollte der Build nicht auch "Rot" werden, wenn ein JavaScript-Test von Jasmine fehlschlägt? Ach, und sammeln Sie noch keine Qualitätsmetriken über den clientseitigen Code? Laufen Sie dann nicht Gefahr, in der Scripthölle zu landen?
Modern Web Application Development Workflow - EclipseCon France 2014
Modern Web Application Development Workflow - EclipseCon France 2014Stéphane Bégaudeau People often consider that creating a web application is done by creating a bunch of HTML, Javascript and CSS files in a text editor, putting them in a folder 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 and where the Eclipse Foundation's tools stand in this new world!
In this talk, we will start by having a look at all the new development tools that have appeared with the arrival of Node.js and how they are used by the web development community.
With tools like Bower used to manage the dependencies of a project, Grunt and Gulp used for the continuous integration and Yeoman used to kickstart web applications, web developers have dramatically increased their productivity.
After that, we will see what tools like the Eclipse IDE and Orion can offer to web developers in order to build and maintain their applications and finally how they could be improved to provide the features needed by web developers.
Design & Performance - Steve Souders at Fastly Altitude 2015
Design & Performance - Steve Souders at Fastly Altitude 2015Fastly Fastly Altitude - June 25, 2015. Chief SpeedCurver Steve Souders explains how design and web performance are more interconnected than ever before. Users want a fast website with a rich design, but sometimes the interplay between design and performance feels like a fixed sum game: one side's gain is the other side's loss. Design and performance are indeed connected, but it's more like the yin and yang. They aren't opposing forces, but instead complement each other. Bringing these processes together produces experiences that are rich and fast.
Video from the talk: http://fastly.us/Altitude2015_Design-Performance
Steve's bio: Steve Souders is a co-founder at SpeedCurve, where he develops web performance services. His book, High Performance Web Sites, explains his best practices for performance; it was #1 in Amazon's Computer and Internet bestsellers. His follow-up book, Even Faster Web Sites, provides performance tips for today's Web 2.0 applications. Steve is the creator of many performance tools and services including YSlow, the HTTP Archive, Cuzillion, Jdrop, SpriteMe, ControlJS, and Browserscope. He serves as co-chair of Velocity, the web performance and operations conference from O'Reilly, and is co-founder of the Firebug Working Group.
Coscup x ruby conf tw 2021 google cloud buildpacks 剖析與實踐
Coscup x ruby conf tw 2021 google cloud buildpacks 剖析與實踐KAI CHU CHUNG CNCF 的 Cloud Native Buildpacks 專案已經在 2020 已經從 Sandbox 項目變成成了 Incubation 項目。Cloud Native Buildpacks (CNB) 的出現定義了轉換程式碼至 OCI 的標準，可以讓開發人員專注在本身功能上面，將安全性及依賴套件打包相關的部份交由 CNB 負責。
Google 也依照了CNB 的規範開源了 Google 版的 Google Cloud Buildpacks，也在 2019 Google Cloud Next 上宣布 Cloud Run (Cloud Run Button), GKE, Anthos, App Engine, Cloud functions 等服務支援使用 Google Cloud Buildpacks。
本場會介紹 CNB 的發展歷史及 Google 開源的 Google Cloud Buildpacks 剖析與實踐
Using Node.js to make HTML5 work for everyone 
Using Node.js to make HTML5 work for everyone Tom Croucher The document discusses using Node.js to build scalable server-side code with JavaScript in a way that works for all users regardless of device or browser capabilities. It covers topics like balancing goals of speed, maintainability and cost when building applications that need to work across computers, mobile phones and other devices with varying processing power and bandwidth. It provides examples of using JSON instead of HTML for lightweight data transfer and techniques like client-side MVC patterns and templates. It also emphasizes the importance of server-side fallbacks for HTML5 features not supported on all browsers to ensure a good experience for all users.
Ad
More Related Content
What's hot (7)
There's More Than 1 Way To Skin A Theme
There's More Than 1 Way To Skin A ThemeSennza Design This document discusses different ways to theme a WordPress website. It introduces the presenter as the co-founder of Sennza who focuses on business development. It discusses choosing pragmatic themes over strictly adhering to best practices. The document provides tips on leveraging WordPress features like custom post types and plugins to manage complex websites. It emphasizes keeping themes simple and developing with support in mind.
Building Responsible Wordpress Sites
Building Responsible Wordpress SitesBrian Goldstein This document provides tips for building responsible WordPress sites. It discusses how WordPress accounts for nearly a quarter of websites and therefore building sites better can significantly impact the web. It recommends having a clear content strategy defined and doing research on project assumptions and overcoming objections. It also suggests making budgets, properly managing scripts and styles, optimizing images and fonts, and performing quality assurance testing to ensure sites work well and are maintainable. The key is making informed decisions throughout the process.
How it's Made - MyGet - TechEd NA
How it's Made - MyGet - TechEd NAMaarten Balliauw Ever wonder how some applications are built, or how to combine some components of the Windows Azure platform? Stop wondering and learn how we’ve built MyGet.org, a multi-tenant software-as-a-service. In this session we discuss architecture, commands, events, access control, multi-tenancy and how to mix and match those things together in a reliable, cost-effective solution that scales.
Introduction To Django
Introduction To DjangoTuan Anh Tran Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It makes building better web apps faster with less code. Django uses models, templates, and views following an MTV pattern instead of MVC. To build a project, you start a project with startproject and then add apps with startapp. Models define the database structure, views handle requests and responses, and templates display content. The database is created and synced using manage.py commands. URLs map requests to views and the development server is run with runserver. The admin interface provides administration tools out of the box.
Managing packages with Bower and NuGet in ASP.NET Core
Managing packages with Bower and NuGet in ASP.NET CorePhilip Domingo The document discusses the package manager Bower and how it can be used for client-side packages in ASP.NET Core projects. It explains what Bower is, compares it to NuGet, and outlines the three things needed to use Bower, which are installing Node.js, npm, and Git, and then using npm to install Bower globally. The document also mentions that Bower has a rich ecosystem for client-side packages and uses semantic versioning.
Code
Codeyggygdd Brazil and Mexico will face off in an international friendly match on June 11, 2017. The game will take place at FedExField in Landover, Maryland. Fans can watch the match live on TV through various channels like Telemundo in Spanish or online through streaming links provided on the slideshow. Safety measures are in place to ensure legal and safe streaming of the Brazil vs. Mexico football game.
The backend-of-frontend Drupaljam 2014
The backend-of-frontend Drupaljam 2014Triquanta Presentatie van Marc van Gend over de tools die gebruikt kunnen worden bij frontend ontwikkeling. Denk hierbij aan Sass, Compass, Grunt, Less, JSlint etc.
Deze presentatie is gegeven op DRupaljam 2014 en Drupal Dev Days 2014.
Similar to Learning gutenberg css tricks (20)
First steps with Gutenberg for developers - WC Prague 2020
First steps with Gutenberg for developers - WC Prague 2020Magdalena Paciorek This document provides an introduction to building custom blocks in Gutenberg, the new WordPress editor. It explains that Gutenberg is a set of JavaScript libraries and packages that power the editor interface. It then demonstrates how to register a basic custom block using the @wordpress/create-block package and React. The document walks through the key components of a block, including the registration, editor interface, attributes, and saved output. It also provides resources for learning more about building blocks in Gutenberg.
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...Magecom UK Limited Сергей Незбрицкий, CTO в Magecom, 11 ноября выступил на Magento Meetup Online #11 с темой «Google Page Insights и Magento 2».
В своем докладе Сергей перечисляет основные проблемы, связанные с Magento 2 Frontend performance. А также он перечислил требования к Google Pagespeed Insights, чтобы сделать Magento 2 френдли.
---
Sergey Nezbritskiy, CTO at Magecom, talks on “Google Page Insights and Magento 2” Magento Meetup Kharkiv Online on November 11th.
Sergey lists the main issues related to Magento 2 Frontend performance in his talk. He also listed the requirements for Google Pagespeed Insights to make Magento 2 friendly.
Magecom: https://magecom.net/careers/
Facebook: https://www.facebook.com/magecomcompany
Instagram: https://www.instagram.com/magecomcompany/
Design+Performance Velocity 2015
Design+Performance Velocity 2015Steve Souders Which would you rather have: A rich design or a fast user experience? Users want both, but sometimes the interplay between design and performance feels like a fixed sum game: One side’s gain is the other side’s loss. Design and performance are indeed connected, but it’s more like the yin and yang. They aren’t opposing forces, but instead complement each other. Users want an experience that is rich and fast. The trick for us as designers and developers is figuring out how to do that.
The answer is to adopt an approach that considers both design and performance from the outset. With this approach, designs are conceived by teams of designers and developers working together. Developers benefit by participating in the product definition process. Designers benefit from understanding more about how designs are implemented. There’s an emphasis on early prototyping and tracking performance from the get-go.
With new metrics that focus on what a user actually sees as the page loads, we can now bridge the technical and language gaps that have hindered the seamless creation of great user experiences. In this presentation, Steve Souders, former Chief Performance Yahoo! and Google head performance engineer, explains how promoting a process that brings design and performance together at the beginning of a project helps deliver a web experience that is both fast and rich.
Frameworks for the web
Frameworks for the webnetfuel The document discusses using HTML frameworks to help with web design. It notes some benefits of frameworks like providing a simple foundation to start, saving time, and capitalizing on good code. However, frameworks can sometimes result in less semantic or readable code, and the design and code may not be separate. Several popular frameworks are mentioned like HTML Framework, Blueprint, 960 Grid System, and HTML5 Boilerplate. The document encourages exploring these frameworks and using techniques like CSS libraries and clips to work faster when designing with frameworks.
High Performance Webdesign
High Performance Webdesign拓樹 谷 The document discusses various techniques designers can use to improve website performance, including optimizing images, using CSS sprites, icon fonts, data URI schemes, and maintaining consistency with styles and rules. It provides examples of how to optimize images, create CSS sprites, use icon fonts, embed images via data URIs, and improve consistency. It also includes links to resources about gzip compression and gradient button styles.
Mehr Performance für WordPress - WPFra
Mehr Performance für WordPress - WPFraWalter Ebert Vortrag zum WP Meetup Frankfurt am 14.04.2105 http://wpmeetup-frankfurt.de/2015/wordpress-performance/
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜Koji Ishimoto Koji Ishimoto gives a presentation on front-end engineering. He defines a front-end engineer's responsibilities as including JavaScript, version control with Git, modular code, browser developer tools, command line, templating, CSS preprocessors, testing, automation, code quality and manuals. He discusses common front-end tools, managing tools with Grunt, and tracking speed with tools like WebPageTest to monitor performance. The talk aims to provide an overview of the front-end landscape and importance of performance.
WebGL Awesomeness
WebGL AwesomenessStephan Seidt This document provides an overview of WebGL capabilities including:
- Code can be written in JavaScript and shader languages
- Data can be loaded from HTTP or bundled in the DOM
- Textures like PNGs and JPEGs can be used
- Networking APIs allow features like Comet and WebSockets
- WebGL runs on the GPU avoiding bottlenecks
It also shares several demos of WebGL and provides resources for learning WebGL.
Practical guide for front-end development for django devs
Practical guide for front-end development for django devsDavidson Fellipe The document provides an overview of front-end development for Django developers. It discusses using HTML, CSS, JavaScript and other front-end technologies. It recommends using components, preprocessors and task automation like Grunt. It also discusses standards, performance optimization and creating UI libraries.
Web Cache Deception Attack
Web Cache Deception AttackOmer Gil This document describes a web cache deception attack where an attacker can exploit how web servers and caching mechanisms handle requests for non-existent files. Specifically, if a request is made for a page plus a non-existent file extension, like http://www.example.com/account.php/stylesheet.css, some systems will return the content of the page rather than a 404. This allows an authenticated user's private page to be cached and then accessed by an attacker. The document provides examples of frameworks like Django and servers like IIS that can be exploited this way. It also discusses how caching services like Cloudflare have addressed this issue. Mitigations are proposed like only caching files if headers allow it and returning 302/404
2015 - Basta! 2015, DE: JavaScript und build
2015 - Basta! 2015, DE: JavaScript und buildDaniel Fisher Sie bauen Ihr Backend schon mit einem Build-Server nach aller Kunst der CI? Und wie sieht das mit dem JavaScript-Code aus? Das Bündeln und Minifizieren beispielsweise mithilfe von Uglify und Grunt mit in den Build-Server einzuklinken, ist ja erst der Anfang. Sollte der Build nicht auch "Rot" werden, wenn ein JavaScript-Test von Jasmine fehlschlägt? Ach, und sammeln Sie noch keine Qualitätsmetriken über den clientseitigen Code? Laufen Sie dann nicht Gefahr, in der Scripthölle zu landen?
Modern Web Application Development Workflow - EclipseCon France 2014
Modern Web Application Development Workflow - EclipseCon France 2014Stéphane Bégaudeau People often consider that creating a web application is done by creating a bunch of HTML, Javascript and CSS files in a text editor, putting them in a folder 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 and where the Eclipse Foundation's tools stand in this new world!
In this talk, we will start by having a look at all the new development tools that have appeared with the arrival of Node.js and how they are used by the web development community.
With tools like Bower used to manage the dependencies of a project, Grunt and Gulp used for the continuous integration and Yeoman used to kickstart web applications, web developers have dramatically increased their productivity.
After that, we will see what tools like the Eclipse IDE and Orion can offer to web developers in order to build and maintain their applications and finally how they could be improved to provide the features needed by web developers.
Design & Performance - Steve Souders at Fastly Altitude 2015
Design & Performance - Steve Souders at Fastly Altitude 2015Fastly Fastly Altitude - June 25, 2015. Chief SpeedCurver Steve Souders explains how design and web performance are more interconnected than ever before. Users want a fast website with a rich design, but sometimes the interplay between design and performance feels like a fixed sum game: one side's gain is the other side's loss. Design and performance are indeed connected, but it's more like the yin and yang. They aren't opposing forces, but instead complement each other. Bringing these processes together produces experiences that are rich and fast.
Video from the talk: http://fastly.us/Altitude2015_Design-Performance
Steve's bio: Steve Souders is a co-founder at SpeedCurve, where he develops web performance services. His book, High Performance Web Sites, explains his best practices for performance; it was #1 in Amazon's Computer and Internet bestsellers. His follow-up book, Even Faster Web Sites, provides performance tips for today's Web 2.0 applications. Steve is the creator of many performance tools and services including YSlow, the HTTP Archive, Cuzillion, Jdrop, SpriteMe, ControlJS, and Browserscope. He serves as co-chair of Velocity, the web performance and operations conference from O'Reilly, and is co-founder of the Firebug Working Group.
Coscup x ruby conf tw 2021 google cloud buildpacks 剖析與實踐
Coscup x ruby conf tw 2021 google cloud buildpacks 剖析與實踐KAI CHU CHUNG CNCF 的 Cloud Native Buildpacks 專案已經在 2020 已經從 Sandbox 項目變成成了 Incubation 項目。Cloud Native Buildpacks (CNB) 的出現定義了轉換程式碼至 OCI 的標準，可以讓開發人員專注在本身功能上面，將安全性及依賴套件打包相關的部份交由 CNB 負責。
Google 也依照了CNB 的規範開源了 Google 版的 Google Cloud Buildpacks，也在 2019 Google Cloud Next 上宣布 Cloud Run (Cloud Run Button), GKE, Anthos, App Engine, Cloud functions 等服務支援使用 Google Cloud Buildpacks。
本場會介紹 CNB 的發展歷史及 Google 開源的 Google Cloud Buildpacks 剖析與實踐
Using Node.js to make HTML5 work for everyone
Using Node.js to make HTML5 work for everyone Tom Croucher The document discusses using Node.js to build scalable server-side code with JavaScript in a way that works for all users regardless of device or browser capabilities. It covers topics like balancing goals of speed, maintainability and cost when building applications that need to work across computers, mobile phones and other devices with varying processing power and bandwidth. It provides examples of using JSON instead of HTML for lightweight data transfer and techniques like client-side MVC patterns and templates. It also emphasizes the importance of server-side fallbacks for HTML5 features not supported on all browsers to ensure a good experience for all users.
NYC WebPerf Meetup Feb 2020 - Measuring the Adoption of Web Performance Techn...
NYC WebPerf Meetup Feb 2020 - Measuring the Adoption of Web Performance Techn...Paul Calvano Performance optimization is a cyclical process. We are constantly learning new ways to optimize, while simultaneously adopting new technologies and techniques that negatively impact performance. The HTTP Archive provides a great historical record of the technical side of the web, with almost 10 years of history and an ever growing dataset of sites.
During this session Paul will provide a brief overview of the HTTP Archive and then dive into some insights into the adoption of common web performance techniques and some of their measurable impacts.
Hitchhiker's guide to the front end development
Hitchhiker's guide to the front end development정윤 김 2016년 11월 5일 있었던 GDG DevFest 2016 Seoul 행사에서 진행된 `Boot Camp: 초보 개발자를 위한 웹 프론트엔드 개발 101` 워크숍의 front-end development 트렌드 및 프로세스 슬라이드입니다.
- 행사 URL: https://festi.kr/festi/gdg-korea-2016-devfest-seoul/program/92/
Slim3 quick start
Slim3 quick startGuangyao Cao Slim3 is a Java framework for developing applications on Google App Engine. It is optimized for GAE and allows building applications using an MVC framework. Slim3 provides features like fast deployment, hot reloading, and type-safe queries. To set up a Slim3 project, install Java and Eclipse plugins, create a new Slim3 project, module, and entry point class, and uncomment configuration in web.xml to enable the GWT service servlet. The project can then be run as a web application.
Compact Web - Remind "web compression" -
Compact Web - Remind "web compression" -Tomokazu Kiyohara The document discusses techniques for compacting web content, known as web compression. It focuses on compressing image files, text files like HTML and CSS, and improving transport of compressed files using server-side techniques. Specific tools are recommended for optimizing different file types as well as Apache and Nginx server configurations for enabling compression of content. The goal is to improve response times for smart phones by reducing data usage through compression without changing the underlying content.
[drupalcampatx] Adaptive Images in Responsive Web Design![[drupalcampatx] Adaptive Images in Responsive Web Design](https://cdn.slidesharecdn.com/ss_thumbnails/adaptive-imagesv12v2-130623122711-phpapp01-thumbnail.jpg?width=560&fit=bounds)
[drupalcampatx] Adaptive Images in Responsive Web DesignChristopher Schmitt The document discusses adaptive images in responsive web design. It covers using the browser's user agent string and feature testing to determine screen resolution and bandwidth instead of browser sniffing. Methods presented include using viewport width with JavaScript, jQuery, and CSS media queries; checking screen resolution directly and considering retina displays; and avoiding bandwidth speed tests. Workarounds discussed are using background-size: 100% with images, SVG, and a "Clown Car" SVG technique loading different image files via CSS media queries.
Ad
More from Elliott Richmond (6)
What is an API
What is an APIElliott Richmond An API is a set of routines, protocols, and tools that allow software applications to communicate with each other. It defines the functionality that is independent of implementation. An API expresses the operations, inputs, outputs, and types of a software component. It allows creation of applications that can access features or data from an operating system, application, or other service. An API acts as an intermediary that allows two applications to communicate, delivering requests from one app to a provider and returning the response.
A community cycling website
A community cycling websiteElliott Richmond This document discusses building a website for a cycling club called Woodmancote Wheelers using WordPress. It will include features like membership content, ride notifications, a club shop, and committee communications. It describes adding a custom post type and role for club members, as well as using widgets and hooks to build out a dashboard. Security and GDPR compliance are also mentioned.
Raw plugin demonstration
Raw plugin demonstrationElliott Richmond Big Dave presents on the Raw Plugin, which allows users to disable WordPress' automatic formatting by wrapping content in [raw] tags. This allows users to add raw HTML, JavaScript, and CSS without it being modified. The free version only supports editing in Text view, while the Pro version prevents content from being modified in both Text and Visual views. It also adds options to disable specific filters on a per-post basis. The Raw Plugin Pro costs $15 and includes support and updates for one year.
10 reasons to love Formidable Forms
10 reasons to love Formidable FormsElliott Richmond This document provides 10 reasons to love Formidable, a form building tool. It allows for drag and drop mobile responsive forms, different styles for different needs, and email responses with conditional logic. Additional features include creating more than just contact forms, front end user editing compliant with GDPR, performing calculations and passing values between forms. Formidable also enables eCommerce functionality and has extra features such as progress bars, custom views, and saving drafts. There are endless additional features for building powerful forms.
Dashboard
DashboardElliott Richmond This document discusses how WordPress can seem overwhelming at first but provides reassurance that it is actually quite easy to use once you learn the basics and get comfortable navigating the admin dashboard at /wp-admin. It encourages the reader not to be discouraged by the initial complexity and instead to dive in and start using WordPress.
Underscores
UnderscoresElliott Richmond The document discusses the Underscores starter theme and provides an overview of its features and structure. It notes that Underscores has been developed since 2012 with over 100 contributors and 1200 commits. It has been designed to provide developers with a "1000-hour head start" through its extensive codebase and adherence to WordPress standards and best practices. The document outlines the core template files and structure of the theme.
Ad
Recently uploaded (20)
TrsLabs - Fintech Product & Business Consulting
TrsLabs - Fintech Product & Business ConsultingTrs Labs Hybrid Growth Mandate Model with TrsLabs
Strategic Investments, Inorganic Growth, Business Model Pivoting are critical activities that business don't do/change everyday. In cases like this, it may benefit your business to choose a temporary external consultant.
An unbiased plan driven by clearcut deliverables, market dynamics and without the influence of your internal office equations empower business leaders to make right choices.
Getting things done within a budget within a timeframe is key to Growing Business - No matter whether you are a start-up or a big company
Talk to us & Unlock the competitive advantage
tecnologias de las primeras civilizaciones.pdf
tecnologias de las primeras civilizaciones.pdffjgm517 descaripcion detallada del avance de las tecnologias en mesopotamia, egipto, roma y grecia.
Heap, Types of Heap, Insertion and Deletion
Heap, Types of Heap, Insertion and DeletionJaydeep Kale This pdf will explain what is heap, its type, insertion and deletion in heap and Heap sort
Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...
Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies In late April 2025, a significant portion of Europe, particularly Spain, Portugal, and parts of southern France, experienced widespread, rolling power outages that continue to affect millions of residents, businesses, and infrastructure systems.
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru Introduction to LPIC-1 Exam - overview, exam details, price and job opportunities
Technology Trends in 2025: AI and Big Data Analytics
Technology Trends in 2025: AI and Big Data AnalyticsInData Labs At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including:
-Artificial Intelligence Market Overview
-Strategies for AI Adoption in 2025
-Anticipated drivers of AI adoption and transformative technologies
-Benefits of AI and Big data for your business
-Tips on how to prepare your business for innovation
-AI and data privacy: Strategies for securing data privacy in AI models, etc.
Download your free copy nowand implement the key findings to improve your business.
HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungen
HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-und-verwaltung-von-multiuser-umgebungen/
HCL Nomad Web wird als die nächste Generation des HCL Notes-Clients gefeiert und bietet zahlreiche Vorteile, wie die Beseitigung des Bedarfs an Paketierung, Verteilung und Installation. Nomad Web-Client-Updates werden “automatisch” im Hintergrund installiert, was den administrativen Aufwand im Vergleich zu traditionellen HCL Notes-Clients erheblich reduziert. Allerdings stellt die Fehlerbehebung in Nomad Web im Vergleich zum Notes-Client einzigartige Herausforderungen dar.
Begleiten Sie Christoph und Marc, während sie demonstrieren, wie der Fehlerbehebungsprozess in HCL Nomad Web vereinfacht werden kann, um eine reibungslose und effiziente Benutzererfahrung zu gewährleisten.
In diesem Webinar werden wir effektive Strategien zur Diagnose und Lösung häufiger Probleme in HCL Nomad Web untersuchen, einschließlich
- Zugriff auf die Konsole
- Auffinden und Interpretieren von Protokolldateien
- Zugriff auf den Datenordner im Cache des Browsers (unter Verwendung von OPFS)
- Verständnis der Unterschiede zwischen Einzel- und Mehrbenutzerszenarien
- Nutzung der Client Clocking-Funktion
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...Alan Dix Talk at the final event of Data Fusion Dynamics: A Collaborative UK-Saudi Initiative in Cybersecurity and Artificial Intelligence funded by the British Council UK-Saudi Challenge Fund 2024, Cardiff Metropolitan University, 29th April 2025
https://alandix.com/academic/talks/CMet2025-AI-Changes-Everything/
Is AI just another technology, or does it fundamentally change the way we live and think?
Every technology has a direct impact with micro-ethical consequences, some good, some bad. However more profound are the ways in which some technologies reshape the very fabric of society with macro-ethical impacts. The invention of the stirrup revolutionised mounted combat, but as a side effect gave rise to the feudal system, which still shapes politics today. The internal combustion engine offers personal freedom and creates pollution, but has also transformed the nature of urban planning and international trade. When we look at AI the micro-ethical issues, such as bias, are most obvious, but the macro-ethical challenges may be greater.
At a micro-ethical level AI has the potential to deepen social, ethnic and gender bias, issues I have warned about since the early 1990s! It is also being used increasingly on the battlefield. However, it also offers amazing opportunities in health and educations, as the recent Nobel prizes for the developers of AlphaFold illustrate. More radically, the need to encode ethics acts as a mirror to surface essential ethical problems and conflicts.
At the macro-ethical level, by the early 2000s digital technology had already begun to undermine sovereignty (e.g. gambling), market economics (through network effects and emergent monopolies), and the very meaning of money. Modern AI is the child of big data, big computation and ultimately big business, intensifying the inherent tendency of digital technology to concentrate power. AI is already unravelling the fundamentals of the social, political and economic world around us, but this is a world that needs radical reimagining to overcome the global environmental and human challenges that confront us. Our challenge is whether to let the threads fall as they may, or to use them to weave a better future.
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv IEDM 2024 Tutorial2
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity Join this UiPath Community Berlin meetup to explore the Orchestrator API, Swagger interface, and the Test Manager API. Learn how to leverage these tools to streamline automation, enhance testing, and integrate more efficiently with UiPath. Perfect for developers, testers, and automation enthusiasts!
📕 Agenda
Welcome & Introductions
Orchestrator API Overview
Exploring the Swagger Interface
Test Manager API Highlights
Streamlining Automation & Testing with APIs (Demo)
Q&A and Open Discussion
Perfect for developers, testers, and automation enthusiasts!
👉 Join our UiPath Community Berlin chapter: https://community.uipath.com/berlin/
This session streamed live on April 29, 2025, 18:00 CET.
Check out all our upcoming UiPath Community sessions at https://community.uipath.com/events/.
Linux Support for SMARC: How Toradex Empowers Embedded Developers
Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex Toradex brings robust Linux support to SMARC (Smart Mobility Architecture), ensuring high performance and long-term reliability for embedded applications. Here’s how:
• Optimized Torizon OS & Yocto Support – Toradex provides Torizon OS, a Debian-based easy-to-use platform, and Yocto BSPs for customized Linux images on SMARC modules.
• Seamless Integration with i.MX 8M Plus and i.MX 95 – Toradex SMARC solutions leverage NXP’s i.MX 8 M Plus and i.MX 95 SoCs, delivering power efficiency and AI-ready performance.
• Secure and Reliable – With Secure Boot, over-the-air (OTA) updates, and LTS kernel support, Toradex ensures industrial-grade security and longevity.
• Containerized Workflows for AI & IoT – Support for Docker, ROS, and real-time Linux enables scalable AI, ML, and IoT applications.
• Strong Ecosystem & Developer Support – Toradex offers comprehensive documentation, developer tools, and dedicated support, accelerating time-to-market.
With Toradex’s Linux support for SMARC, developers get a scalable, secure, and high-performance solution for industrial, medical, and AI-driven applications.
Do you have a specific project or application in mind where you're considering SMARC? We can help with Free Compatibility Check and help you with quick time-to-market
For more information: https://www.toradex.com/computer-on-modules/smarc-arm-family
Complete Guide to Advanced Logistics Management Software in Riyadh.pdf
Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company Explore the benefits and features of advanced logistics management software for businesses in Riyadh. This guide delves into the latest technologies, from real-time tracking and route optimization to warehouse management and inventory control, helping businesses streamline their logistics operations and reduce costs. Learn how implementing the right software solution can enhance efficiency, improve customer satisfaction, and provide a competitive edge in the growing logistics sector of Riyadh.
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...BookNet Canada Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next.
Link to recording, presentation slides, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/
Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.
Semantic Cultivators : The Critical Future Role to Enable AI
Semantic Cultivators : The Critical Future Role to Enable AIartmondano By 2026, AI agents will consume 10x more enterprise data than humans, but with none of the contextual understanding that prevents catastrophic misinterpretations.
Big Data Analytics Quick Research Guide by Arthur Morgan
Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan This is a Quick Research Guide (QRG).
QRGs include the following:
- A brief, high-level overview of the QRG topic.
- A milestone timeline for the QRG topic.
- Links to various free online resource materials to provide a deeper dive into the QRG topic.
- Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic.
QRGs planned for the series:
- Artificial Intelligence QRG
- Quantum Computing QRG
- Big Data Analytics QRG
- Spacecraft Guidance, Navigation & Control QRG (coming 2026)
- UK Home Computing & The Birth of ARM QRG (coming 2027)
Any questions or comments?
- Please contact Arthur Morgan at [email protected].
100% human made.
Designing Low-Latency Systems with Rust and ScyllaDB: An Architectural Deep Dive
Designing Low-Latency Systems with Rust and ScyllaDB: An Architectural Deep DiveScyllaDB Want to learn practical tips for designing systems that can scale efficiently without compromising speed?
Join us for a workshop where we’ll address these challenges head-on and explore how to architect low-latency systems using Rust. During this free interactive workshop oriented for developers, engineers, and architects, we’ll cover how Rust’s unique language features and the Tokio async runtime enable high-performance application development.
As you explore key principles of designing low-latency systems with Rust, you will learn how to:
- Create and compile a real-world app with Rust
- Connect the application to ScyllaDB (NoSQL data store)
- Negotiate tradeoffs related to data modeling and querying
- Manage and monitor the database for consistently low latencies
Generative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma My talk for the Indian School of Business (ISB) Emerging Leaders Program Cohort 9. In this talk, I discussed key issues around adoption of GenAI in business - benefits, opportunities and limitations. I also discussed how my research on Theory of Cognitive Chasms helps address some of these issues
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55 We’re bringing the TDX energy to our community with 2 power-packed sessions:
🛠️ Workshop: MuleSoft for Agentforce
Explore the new version of our hands-on workshop featuring the latest Topic Center and API Catalog updates.
📄 Talk: Power Up Document Processing
Dive into smart automation with MuleSoft IDP, NLP, and Einstein AI for intelligent document workflows.
Learning gutenberg css tricks
- 2. Chris Coyier Lara Schenck Andy Bell
- 4. LEARNING GUTENBERG: WHAT IS GUTENBERG, ANYWAY?https://css-tricks.com/learning-gutenberg-2-what-is-gutenberg/
- 5. LEARNING GUTENBERG: A PRIMER WITH CREATE-GUTEN-BLOCKhttps://css-tricks.com/learning-gutenberg-3-primer-with-create-guten-block/
- 6. LEARNING GUTENBERG: MODERN JAVASCRIPT SYNTAXhttps://css-tricks.com/learning-gutenberg-4-modern-javascript-syntax/
- 8. LEARNING GUTENBERG: SETTING UP A CUSTOM WEBPACK CONFIGhttps://css-tricks.com/learning-gutenberg-6-setting-up-a-custom-webpack-config/
- 9. LEARNING GUTENBERG: BUILDING OUR CUSTOM CARD BLOCKhttps://css-tricks.com/learning-gutenberg-7-building-our-block-custom-card-block/
Editor's Notes
- #3: A team effort between the three of us Lara and I had written our own individual series and Chris got us to stitch them together and collaborate Easily the largest writing project I’ve ever been involved with. In total, we estimated around 30k words were written I’ll run through each section to give you an idea of what we covered
- #4: This is handy to read if you’ve not got a local environment setup Chris takes you through some of the process of the post too
- #5: Lara takes you through some of the buzzwords and definitions of what Gutenberg actually is She gets you to install Gutenberg and just muck around with it to get a feel for how it works She also covers how data is stored
- #6: This is the first practical article in the series Lara gets you to install the very useful create-guten-block and make some edits There’s a really handy screencast on there with her and Geoff (editor) where they muck around with this plugin You have a little touch of the JS that’s involved
- #7: On this one I talk you through some modern JS stuff The main aim was to reduce the feelings of intimidation that some feel about the modern syntax I wanted to get folks feeling comfortable writing JavaScript in pretty much a new way completely The main reason is that the Gutenberg ES6 API is way easier to work with than the legacy ES5 api There’s a lot of transferable skills to learn too, so you could run this article independently
- #8: React??!! React actually powers Gutenberg Gutenberg blocks have a very similar setup to React components They’re also using state, which React uses heavily Again, transferable skills are learned and you can run this independently Finished pen: https://codepen.io/hankchizljaw/live/2fb556f88e704f9759aef7068371fd7e
- #9: We nearly didn’t run this article We added it and removed it several times and were going to run it as a “side quest” We concluded that while you’re deep in the series, learning transferable skills, you might as well go full-throttle and learn about webpack It’s pretty much industry standard and being used by most of the major companies and Open Source JS libs, so handy to at least understand Lara also shows you how to set up the WordPress plugin from scratch which is very useful
- #10: The meat n taters of the series This is where we bring all the things you learned together and we build out a custom block from scratch The end result is an editable card Mention the screencast that followed for further learning [show the block in action] (maybe some code?)