Ditch Your Framework!

•

1 like•1,688 views

In this talk we'll explore how and why you should say goodbye to the frontend frameworks you use. Through live coding demo's we'll explore how new css techniques like CSS Grid and Flexbox can help you create more original, better and easier-to-maintain weblayouts in a fraction of the time. Codepen demo's can be found here: Grid: https://codepen.io/lucprincen/pen/eVLQbL Flex: https://codepen.io/lucprincen/pen/zRJMbe :Target: https://codepen.io/lucprincen/pen/PQdxgW :Checked: https://codepen.io/lucprincen/pen/VQRGNN

Technology

Magical layouts with modern CSS 
 
 March24th,WordCampRotterdam2018
@LucP
DITCH YOUR
FRAMEWORK!

BOOTSTRAP (JS) POWERS
~17% OF THE WEB.
SOURCE: HTTPS://W3TECHS.COM/TECHNOLOGIES/DETAILS/JS-BOOTSTRAP/ALL/ALL @LucP

Let's look at some reasons
BUT WHY?
@LucP

-ALL THE MARKUP
- ALL THE CLASSES 
Some personal reasons:
@LucP

1. IT'S NOT MAKING YOU A SMARTER
DEVELOPER.
@LucP

THAT'S AN INCREASE OF
500% IN 8 YEARS.
@LucP

470% GROWTH OF
AVERAGE INTERNET
SPEED.
In the US.
And broadband prices are going up.
@LucP

1. IT'S NOT MAKING
YOU SMARTER
2. EVERYTHING
LOOKS THE SAME
3. IT'S HARDER
THAN REGULAR CSS
@LucP
Summing up:

A SINGLE WORKFLOW
In three easy steps
@LucP

1. WORK EVERYWHERE
2. BE EASY TO BUILD AND MAINTAIN
3. BE LIGHTWEIGHT
It needs to:
@LucP

1. PATTERN LIBRARY
Lay down the basics.
@LucP

1. SET UP COLORS AND TYPOGRAPHY FIRST 
2. NEVER USE CLASSES OR ID'S
3. USE HTML5 SEMANTIC MARKUP
The golden rules of the pattern phase:
@LucP

2. MOBILE
Layout your website in the simplest and most basic
way possible.
@LucP

1. BASIC CSS ONLY
2. WIDTH: 100%
3. KEEP IT LEGIBLE
The golden rules of the mobile phase:
@LucP

60% - 70%
"Mobile is my primary tool for going online"
(North America, Western Europe)
(Asian Countries)
80% - 90%
@LucPSource: SmartInsights.com

3. SCALE UP
Aka: the place where we get to have fun.
@LucP

BOOTSTRAP GRID
(44kb)
CSS GRID
( 3 lines of code )
@LucP

- EASIER
- MORE FLEXIBLE
- LESS MARKUP NEEDED
- BROWSERSUPPORT: 87%
@LucP

BOOTSTRAP ALIGNMENT
(Riddled with !important)
FLEXBOX
( margin:auto FTW)
@LucP

- EASIER
- MORE FLEXIBLE
- LESS MARKUP NEEDED
- BROWSERSUPPORT: 98%
@LucP

CAROUSELS & MODALS
(Uses JS)
::TARGET
( CSS only)
demo: youmightnotneedjavascript.com @LucP

- EASIER
- REMOVED EXTRA LOAD
- NO JAVASCRIPT NEEDED
- BROWSERSUPPORT: 100%
@LucP

TABS & ACCORDIONS
(Uses JS)
::CHECKED
( CSS only)
demo: youmightnotneedjavascript.com @LucP

- KEYBOARD-ACCESSIBLE
- REMOVED EXTRA LOAD
- NO JAVASCRIPT NEEDED
- BROWSERSUPPORT: 100%
@LucP

@LucP
THANK YOU!
Game illustrations: kenney.nl - spacekit 1.0

What's hot

WordPress is advancing rAPIdly - WordCamp San Antonio 2015

Wayne Alan McWilliams

Using Twitter To Find Your Next Job

lnpstudios

Why, When, and How You Should Update Your Content (Raffaele Asquer, SearchLov...

Raffaele Asquer

Habitually Speaking – PHPSW January 2017

Alex Jegtnes

Fall Fun with LinkedIn Campus Recruiting!

Allen Hom

Boston Area SharePoint User Group 11/10/10 Meeting

Boston Area SharePoint Users Group

7/13/11 Boston Area SharePoint Users Group Meeting

Boston Area SharePoint Users Group

8/11/10 Boston Area SharePoint Users Group meeting

Boston Area SharePoint Users Group

Boston Area SharePoint User Group 10/21/10 Meeting

Boston Area SharePoint Users Group

10/12/11 Boston Area SharePoint Users Group Meeting

Boston Area SharePoint Users Group

3/9/11 Boston Area SharePoint Users Group Meeting

Boston Area SharePoint Users Group

social media + gov stats

Andrew Clark

What's hot (12)

WordPress is advancing rAPIdly - WordCamp San Antonio 2015

Using Twitter To Find Your Next Job

Why, When, and How You Should Update Your Content (Raffaele Asquer, SearchLov...

Habitually Speaking – PHPSW January 2017

Fall Fun with LinkedIn Campus Recruiting!

Boston Area SharePoint User Group 11/10/10 Meeting

7/13/11 Boston Area SharePoint Users Group Meeting

8/11/10 Boston Area SharePoint Users Group meeting

Boston Area SharePoint User Group 10/21/10 Meeting

10/12/11 Boston Area SharePoint Users Group Meeting

3/9/11 Boston Area SharePoint Users Group Meeting

social media + gov stats

Similar to Ditch Your Framework!

Ditch Your Framework! - Magical layouts with modern css

Luc Princen

JavaScript Tips & Tricks 2018 - SMX East

Onely

Schema and Open Graph 101 - SMX Munich

Matthew Brown

How to build simple web apps to automate your SEO tasks - BrightonSEO Spring ...

Charly Wargnier

Producing Link Worthy Content For Under £1k - BrightonSEO - April 2018

James Brockbank

Using Event Tracking to Create Intent-Based Remarketing Audiences

Joe Martinez

Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...

MobileMoxie

Drupal Destiny

Josh Koenig

0.6 seconds is the new slow

Jono Alderson

Data science, machine learning, and neural nets are changing the way people make decisions. Regardless of your industry, the future of your business depends on the power of these technologies. This talk breaks data science down into simple terms that we can all understand and shows you how to design and build great products that drive exponential growth. It's time to leverage the power of algorithms, build innovative products, & drive customer excitement! This talk will show you how.

SXSW2018 - Designing & Building for a Data Science Future

Dan Chuparkoff

How To Land Top-Tier Links As A Small Business On A Budget - Digital Olympus ...

James Brockbank

Ever wonder what makes tech work? Find out in this hands-on jam session featuring what’s good in the world of wearables, physical web connected beacons, RFID, LEDs, VR, and socially reactive installations. Play, learn and explore technologies that combine physical and digital with actual hardware and software you’ll build and keep. This informal, open discussion will give you an insider’s knowledge of the newest, coolest tech that you can show off at your next event or activation. And we know nothing says, ‘engaged audience’ like the flashiest new tech.

CSFX 2017 - Technology Tune Up: Instruments of Innovation

Mark Stewart

Northeastern DB Class Introduction to Marklogic NoSQL april 2016

Matt Turner

With SharePoint 2016 around the corner and Office 365 constantly releasing new functionality it can be hard to feel ready for what will come over the next few years. Where should we invest in learning? What other technologies should we understand? Why are some things changing? Join Richard Harbridge as he explores Technology roadmaps and industry trends and how Microsoft and many customers are planning for the challenges ahead.

SharePoint 2016 & Office 365: A Look Ahead To What's Coming - SPS Vancouver

Richard Harbridge

Search London - The technical factors that every small or local business shou...

StrategiQ Marketing

WordPress Myths Uncovered

Lauren Jeffcoat

5 Things Every Designer Should be Doing Right Now with Paul Trani Presented at FITC Toronto 2015 More info at www.fitc.ca OVERVIEW Ever wonder if there’s an easier way to design effectively and work with CSS and HTML? How to get assets out of a PSD an in a meaningful web format? How to collaborate with others and make sure everyone is on the same page? What about design trends? In this talk, you’ll learn the five things every designer should be doing. From HTML, to CSS to images to just keeping your sanity. The end result is less time redoing and more time creating. OBJECTIVE Learn the five things that every successful web designer should be doing. TARGET AUDIENCE Web designers FIVE THINGS AUDIENCE MEMBERS WILL LEARN Understand design trends. How to use Photoshop for web design. Reusing assets without recreating. Intelligent use of type. Creating for mobile and high DPI devices.

5 Things Every Designer Should be Doing Right Now

FITC

Tom Capper Mozcon 2021 - Core Web Vitals - The Fast & The Spurious

Tom Capper

Semantic Web Science

James Hendler

You're dealing with shrinking budgets, disappearing clients, and taking on the work of furloughed coworkers. How do you continue to deliver amazing results with limited time and resources? Writing quality content that educates and persuades is still a surefire way to achieve your traffic and conversion goals. But the process is an arduous, manual job that doesn't scale. Fortunately, the latest advances in Natural Language Understand and Generation offer some promising and exciting results. Hamlet will walk you through what is possible right now using practical examples (and code!) that technical SEOs can follow and adapt for their business.

Doing More with Less: Automated, High-Quality Content Generation

Hamlet Batista

Similar to Ditch Your Framework! (20)

Ditch Your Framework! - Magical layouts with modern css

JavaScript Tips & Tricks 2018 - SMX East

Schema and Open Graph 101 - SMX Munich

How to build simple web apps to automate your SEO tasks - BrightonSEO Spring ...

Producing Link Worthy Content For Under £1k - BrightonSEO - April 2018

Using Event Tracking to Create Intent-Based Remarketing Audiences

Cindy Krum Krum Cindy "What SEOs Need To Know About Progressive Web Apps" SMX...

Drupal Destiny

0.6 seconds is the new slow

SXSW2018 - Designing & Building for a Data Science Future

How To Land Top-Tier Links As A Small Business On A Budget - Digital Olympus ...

CSFX 2017 - Technology Tune Up: Instruments of Innovation

Northeastern DB Class Introduction to Marklogic NoSQL april 2016

SharePoint 2016 & Office 365: A Look Ahead To What's Coming - SPS Vancouver

Search London - The technical factors that every small or local business shou...

WordPress Myths Uncovered

5 Things Every Designer Should be Doing Right Now

Tom Capper Mozcon 2021 - Core Web Vitals - The Fast & The Spurious

Semantic Web Science

Doing More with Less: Automated, High-Quality Content Generation

More from Luc Princen

Block the System

Luc Princen

Making of Kit.nl

Luc Princen

In Maart kregen wij de vraag van het Koninklijk Instituut voor de Tropen (kit) om van zeven WordPress sites één super-accessible site te maken én om dit ook nog te doen met de nieuwe Gutenberg-editor. Een hele uitdaging waar we veel tijd en energie in hebben gestoken. Tijdens deze presentatie neem ik je mee door het gehele proces. Hoe we met de roerige Gutenberg plugin hebben gedealt, hoe we inclusive design en accessibility in iedere stap van het proces hebben meegenomen en hoe we uiteindelijk in December, een maand na lancering, de Automattic Design Award voor "Best Site" mee naar huis mochten nemen.

The Making of KIT

Luc Princen

Met Gutenberg veranderd de WordPress editor in één grote blokkendoos waarbij iedere denkbare combinatie gemaakt kan worden. Maar wat als je een block nodig hebt die niet bestaat? Dan wordt het tijd om er zelf een te schrijven! Geen nood, het is niet super moeilijk; in deze talk lopen we stap voor stap door de onderdelen van een Gutenberg block en laat ik je zien hoe je zelf een simpel block bouwt. We zullen in crash-course stijl de volgende onderwerpen behandelen: - Moderne Javascript in WordPress - NPM & Webpack in de praktijk - Block attributes - Edit - Save

Block the System - building blocks in Gutenberg

Luc Princen

temp

Luc Princen

Block the System - building blocks in Gutenberg

Luc Princen

As a self-taught developer you've undoubtedly encountered many gaps in your knowledge. Gaps that people with computer-science degrees fill, not with the practical stuff, but with the theoratical stuff. The stuff that people like to talk about as "real development". In this talk we'll explore how self-taught developers, can overcome some of these gaps and fight off that age-old enemy known as "imposter syndrome". Links in the talk: Crash Course computer science: https://www.youtube.com/watch?v=tpIctyqH29Q&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo The Impostors Handbook, by Rob Conery: https://bigmachine.io/products/the-imposters-handbook

An imposters journey through "real" development

Luc Princen

More from Luc Princen (7)

Block the System

Making of Kit.nl

The Making of KIT

Block the System - building blocks in Gutenberg

temp

Block the System - building blocks in Gutenberg

An imposters journey through "real" development

Recently uploaded

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

AXA XL - Insurer Innovation Award Americas 2024

The Digital Insurer

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Jago de Vreede

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Zilliz

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

Recently uploaded (20)

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Exploring the Future Potential of AI-Enabled Smartphone Processors

2024: Domino Containers - The Next Step. News from the Domino Container commu...

AXA XL - Insurer Innovation Award Americas 2024

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

[BuildWithAI] Introduction to Gemini.pdf

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Ransomware_Q4_2023. The report. [EN].pdf

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

CNIC Information System with Pakdata Cf In Pakistan

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

MS Copilot expands with MS Graph connectors

Ditch Your Framework!

1. Magical layouts with modern CSS     March24th,WordCampRotterdam2018 @LucP DITCH YOUR FRAMEWORK!

2. LET'S MAKE YOUR LIVES BETTER... @LucP

3.   BOOTSTRAP  FOUNDATION  BULMA  @LucP

4. BOOTSTRAP (JS) POWERS ~17% OF THE WEB. SOURCE: HTTPS://W3TECHS.COM/TECHNOLOGIES/DETAILS/JS-BOOTSTRAP/ALL/ALL @LucP

5. @LucP

6. 121K STARS ON GITHUB @LucP

7. @LucP

8. @LucP

9. Let's look at some reasons BUT WHY? @LucP

10. -ALL THE MARKUP - ALL THE CLASSES  Some personal reasons: @LucP

11. 1. IT'S NOT MAKING YOU A SMARTER DEVELOPER. @LucP

12. January 2010 source: Httparchive @LucP

13. Januari, 2018 source: Httparchive @LucP

14. THAT'S AN INCREASE OF 500% IN 8 YEARS. @LucP

15. 470% GROWTH OF AVERAGE INTERNET SPEED. In the US. And broadband prices are going up. @LucP

16. WE'RE DOING IT WRONG. @LucP

17. @LucP

18. @LucP

19. @LucP ILIKEUNIQUENESS

20. @LucP

21. Created by Jeremy Karbowski @LucP

22. "BUILDING STUFF YOURSELF IS HARD" @LucP

23. @LucP

24. ALL HAIL MODERN CSS! @LucP

25. 1. IT'S NOT MAKING YOU SMARTER 2. EVERYTHING LOOKS THE SAME 3. IT'S HARDER THAN REGULAR CSS @LucP Summing up:

26. A SINGLE WORKFLOW In three easy steps @LucP

27. 1. WORK EVERYWHERE 2. BE EASY TO BUILD AND MAINTAIN 3. BE LIGHTWEIGHT It needs to: @LucP

28. The escalator principle @LucP

29. @LucP

30. 1. PATTERN LIBRARY Lay down the basics. @LucP

31. 1. SET UP COLORS AND TYPOGRAPHY FIRST  2. NEVER USE CLASSES OR ID'S 3. USE HTML5 SEMANTIC MARKUP The golden rules of the pattern phase: @LucP

32. @LucP

33. @LucP

34. @LucP

35. Example by patternlab.io @LucP

36. (This even works in IE6) @LucP

37. 2. MOBILE Layout your website in the simplest and most basic way possible. @LucP

38. @LucP Mobile ﬁrst

39. 1. BASIC CSS ONLY 2. WIDTH: 100% 3. KEEP IT LEGIBLE The golden rules of the mobile phase: @LucP

40. 60% - 70% "Mobile is my primary tool for going online" (North America, Western Europe) (Asian Countries) 80% - 90% @LucPSource: SmartInsights.com

41. (BASICALLY COLORING IN) @LucP

42. @LucP

43. @LucP

44. 3. SCALE UP Aka: the place where we get to have fun. @LucP

45. (Demo time!) @LucP

46. BOOTSTRAP GRID (44kb) CSS GRID ( 3 lines of code ) @LucP

47. - EASIER - MORE FLEXIBLE - LESS MARKUP NEEDED - BROWSERSUPPORT: 87% @LucP

48. BOOTSTRAP ALIGNMENT (Riddled with !important) FLEXBOX ( margin:auto FTW) @LucP

49. - EASIER - MORE FLEXIBLE - LESS MARKUP NEEDED - BROWSERSUPPORT: 98% @LucP

50. CAROUSELS & MODALS (Uses JS) ::TARGET ( CSS only) demo: youmightnotneedjavascript.com @LucP

51. - EASIER - REMOVED EXTRA LOAD - NO JAVASCRIPT NEEDED - BROWSERSUPPORT: 100% @LucP

52. TABS & ACCORDIONS (Uses JS) ::CHECKED ( CSS only) demo: youmightnotneedjavascript.com @LucP

53. - KEYBOARD-ACCESSIBLE - REMOVED EXTRA LOAD - NO JAVASCRIPT NEEDED - BROWSERSUPPORT: 100% @LucP

54. @LucP THANK YOU! Game illustrations: kenney.nl - spacekit 1.0

Ditch Your Framework!

Recommended

Recommended

More Related Content

What's hot

What's hot (12)

Similar to Ditch Your Framework!

Similar to Ditch Your Framework! (20)

More from Luc Princen

More from Luc Princen (7)

Recently uploaded

Recently uploaded (20)

Ditch Your Framework!