In this slides I have tried to go through and recap the most interesting topics which have been presented at dotCSS conference at Paris, 2014. See http://dotcss.eu for details.
Living on the edge making your standard portfolio… digitalAngelaBethGerman
This document discusses how to make a standard portfolio more digital by incorporating tools like Voki, Slidely, and Wix to add multimedia elements like videos and interactive content. It also recommends including a QR code to provide additional online content and resources for viewers. The goal is to enhance the portfolio and make the information contained within more engaging and accessible to audiences.
We are obsessed with coding and creating automated workflows and optimisations. And yet our final products aren't making it easy for people to use them. Somewhere, we lost empathy for our end users and other developers. Maybe it is time to change that. Here are some ideas.
WordPress has been built by hundreds of volunteers around the world. I’m not just talking about the code and design itself, but also themes, plugins, documentation, tutorials, and more. The community itself benefits from the free time that you can give. It doesn’t have to be much, and sometimes doesn’t require a ton of skill, except knowing WordPress. I know WordCamp attendees have a specific purpose to attend for specific topics, but if you’ve ever thought about giving back to the WordPress community, but not sure about how, THIS would be the presentation to sit in on.
CSS3 and a brief introduction to Google Maps API v3 Jeffrey Barke
CSS3 is the latest evolution of Cascading Style Sheets, the style sheet language used for describing the presentation of web pages. It adds new features and extends existing ones, though browser support is still evolving. The document discusses CSS3 features and browser support, recommendations for using CSS3, and provides an introduction to the Google Maps API version 3.
Living on the edge making your standard portfolio… digitalAngelaBethGerman
This document discusses how to make a standard portfolio more digital by incorporating tools like Voki, Slidely, and Wix to add multimedia elements like videos and interactive content. It also recommends including a QR code to provide additional online content and resources for viewers. The goal is to enhance the portfolio and make the information contained within more engaging and accessible to audiences.
We are obsessed with coding and creating automated workflows and optimisations. And yet our final products aren't making it easy for people to use them. Somewhere, we lost empathy for our end users and other developers. Maybe it is time to change that. Here are some ideas.
WordPress has been built by hundreds of volunteers around the world. I’m not just talking about the code and design itself, but also themes, plugins, documentation, tutorials, and more. The community itself benefits from the free time that you can give. It doesn’t have to be much, and sometimes doesn’t require a ton of skill, except knowing WordPress. I know WordCamp attendees have a specific purpose to attend for specific topics, but if you’ve ever thought about giving back to the WordPress community, but not sure about how, THIS would be the presentation to sit in on.
CSS3 and a brief introduction to Google Maps API v3 Jeffrey Barke
CSS3 is the latest evolution of Cascading Style Sheets, the style sheet language used for describing the presentation of web pages. It adds new features and extends existing ones, though browser support is still evolving. The document discusses CSS3 features and browser support, recommendations for using CSS3, and provides an introduction to the Google Maps API version 3.
The document discusses implementing Georgia.gov's front-end using Drupal 8 and a pattern library. Key points discussed include:
- Integrating a pattern library with Drupal 8 to allow front-end work to start early and stay in sync with the site as it launches.
- Standardizing typography across many sites using techniques like variable fonts and defining a type system.
- Developing a system to allow over 85 sites to vary colors using CSS custom properties instead of subthemes to reduce maintenance costs.
- Building out a library of reusable front-end components to maintain consistency across many developers.
Web development is a broad term that includes various activities involved in developing websites and web applications. It involves web design, content development, scripting, security configuration, and e-commerce applications. Web design encompasses skills like graphic design, interface design, coding, search engine optimization and more. The history of web development began in 1989 with Tim Berners-Lee's proposal to create the World Wide Web. Many technologies were developed throughout the 90s and 2000s that shaped the modern web, including HTML, CSS, JavaScript, browsers, servers, smartphones and more.
Web design has evolved from Web 1.0 to now based on technological advances. Some key trends discussed include responsive design, use of CSS instead of images for elements like rounded corners, and scrolling animations. The document cautions that fads are short-lived styles while trends have a longer lasting impact. It provides examples of both and emphasizes finding a balance between following trends and innovating with inspiration from other designs.
This document provides an overview and introduction to trends in web design over the past few years. It is divided into four sections: Code and Technology, Layout and Usability, Graphics and Typography, and Social and Mobile Media. Some of the key trends discussed include the advancement of CSS3 and HTML5, minimalist design, grid systems, fixed elements, and the use of textures in web design. The document provides examples and resources for each trend. It aims to help web designers stay up to date with changes in technologies and user expectations on the web.
This document provides an introduction to trends in web design over the last few years. It outlines the main sections that will be covered, including code and technology, layout and usability, graphics and typography, and social and mobile media. Each section will discuss recent trends and examples of how to implement them. The document emphasizes that the web is constantly evolving and that web designers must adapt to changing technologies and user expectations.
How to Use Engineers in a UX DepartmentStephen James
Barbarians at the Gates How to Bring Engineers into Your UX Department in order to Lower Coordination and Transaction Costs and Accelerate Product Development
This is a modified version of a presentation given at an internal UX department offsite meeting for a large technology company back in 2014
Rapid Prototyping with Sass, Compass and Middleman by Bermon PainterCodemotion
This talk will cover some of the benefits of building a rapid prototyping framework with Sass & Compass along with the static site generator, Nanoc. you’ll discover how to rapid prototype pages, widgets and interactions that can be used for usability testing and to help concept ideas. Since it’s all built on Ruby it’s easy to migrate over to the real application later or toss away
Many developers used to believe that class-free, lean markup and descendant selectors were the answer. Many developers still build websites for a single resolution, or a small range of devices. However, these practices are now being questioned. Where do we stand? What is best practice web development today? Russ Weakley will explore these topics and more... or possibly less...
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
How front-end can help UX and Back-end guys? How they interact? I tell a little about it in this slides, showing how the front-end can help the back-end and UX.
Application Development with HTML5 (Microsoft TechDays 2011 - DEV302)Nathaniel Bagnell
Microsoft TechDays 2011's DEV302 Presentation, Application Development with HTML5. This was presented in Fall 2011 in Vancouver, Montreal, and Toronto for the Microsoft TechDays 2011 conference.
There is often a vocabulary gap between designers an developers, who should aim towards a ubiquitous way of conversing about colours, typography, viewport sizes, or the responsive grid system of a digital product… To bridge this gap at the Guardian, we use a CSS pre-processor as a communication enabler through the abstractions it allows us to put in place.
Talk given at the Front-end London meet-up on April 24, 2014. Listen to the talk + slides on YouTube: https://www.youtube.com/watch?v=DAfW1RSWYDA
This document contains an outline for a book or report on HTML, CSS, JavaScript, Bootstrap, responsive design, and creating a dynamic and responsive website for a restaurant. Chapter topics include introductions to HTML, CSS, JavaScript, Bootstrap, jQuery, responsive design, and a project on building a website for a restaurant. HTML is described as the language used to define webpages using tags. CSS is presented as used to define styles and formatting. JavaScript is discussed as a client-side scripting language. The document provides high-level overviews and comparisons of these technologies.
This document introduces CSSDOC, a convention for commenting CSS files using DocBlock comments. It describes the basic elements of CSSDOC including DocBlock comments, different comment types (file, section, standard), and tags. Tags are words prefixed with @ that provide structured data within comments. Three types of DocBlock comments are covered - file comments at the top of the file, section comments to group rules, and standard comments. Specific tags and their usage are defined.
A continuation of the "technical issues" presentation. Reviews the technology of responsive design, then focuses on writing and design issues including how to shorten text, the "mobile first" design philosophy, and more. Also presents a way to automatically switch between "click" and "tap" in instructions.
This document discusses responsive web design and frameworks like Bootstrap. It explains that responsive design allows sites to adapt to different devices like mobile versus desktop. It provides an overview of Bootstrap, including that it is an open source framework for building responsive sites using HTML, CSS and JavaScript. Popular frameworks like Bootstrap have pre-built components that save development time compared to building sites from scratch.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML standards over time, from early versions to HTML5. Key features of HTML5 are described, such as new semantic elements, forms, video/audio playback, and the canvas element for drawing with JavaScript.
Sketching in HTML helps promote communication between designers and developers. Our developers were happy going this direction since it makes their jobs easier. Key stakeholders can see concepts in HTML from the beginning and have more confidence in designs.
The goals of the living style guide are to serve as a UX/VX lead style guide representing CustomInk design principles, be responsive, serve as documentation and support prototyping. Content needs come before designing for mobile. Typography is responsive to resize based on screen size. The living style guide provides pre-built elements and components.
In this infographic, we have explored cost-effective strategies for iOS app development, focusing on building high-quality apps within a budget. Key points covered include prioritizing essential features, leveraging existing tools and libraries, adopting cross-platform development approaches, optimizing for a Minimum Viable Product (MVP), and integrating with cloud services and third-party APIs. By implementing these strategies, businesses and developers can create functional and engaging iOS apps while minimizing development costs and time-to-market.
Enhanced Screen Flows UI/UX using SLDS with Tom KittPeter Caitens
Join us for an engaging session led by Flow Champion, Tom Kitt. This session will dive into a technique of enhancing the user interfaces and user experiences within Screen Flows using the Salesforce Lightning Design System (SLDS). This technique uses Native functionality, with No Apex Code, No Custom Components and No Managed Packages required.
The document discusses implementing Georgia.gov's front-end using Drupal 8 and a pattern library. Key points discussed include:
- Integrating a pattern library with Drupal 8 to allow front-end work to start early and stay in sync with the site as it launches.
- Standardizing typography across many sites using techniques like variable fonts and defining a type system.
- Developing a system to allow over 85 sites to vary colors using CSS custom properties instead of subthemes to reduce maintenance costs.
- Building out a library of reusable front-end components to maintain consistency across many developers.
Web development is a broad term that includes various activities involved in developing websites and web applications. It involves web design, content development, scripting, security configuration, and e-commerce applications. Web design encompasses skills like graphic design, interface design, coding, search engine optimization and more. The history of web development began in 1989 with Tim Berners-Lee's proposal to create the World Wide Web. Many technologies were developed throughout the 90s and 2000s that shaped the modern web, including HTML, CSS, JavaScript, browsers, servers, smartphones and more.
Web design has evolved from Web 1.0 to now based on technological advances. Some key trends discussed include responsive design, use of CSS instead of images for elements like rounded corners, and scrolling animations. The document cautions that fads are short-lived styles while trends have a longer lasting impact. It provides examples of both and emphasizes finding a balance between following trends and innovating with inspiration from other designs.
This document provides an overview and introduction to trends in web design over the past few years. It is divided into four sections: Code and Technology, Layout and Usability, Graphics and Typography, and Social and Mobile Media. Some of the key trends discussed include the advancement of CSS3 and HTML5, minimalist design, grid systems, fixed elements, and the use of textures in web design. The document provides examples and resources for each trend. It aims to help web designers stay up to date with changes in technologies and user expectations on the web.
This document provides an introduction to trends in web design over the last few years. It outlines the main sections that will be covered, including code and technology, layout and usability, graphics and typography, and social and mobile media. Each section will discuss recent trends and examples of how to implement them. The document emphasizes that the web is constantly evolving and that web designers must adapt to changing technologies and user expectations.
How to Use Engineers in a UX DepartmentStephen James
Barbarians at the Gates How to Bring Engineers into Your UX Department in order to Lower Coordination and Transaction Costs and Accelerate Product Development
This is a modified version of a presentation given at an internal UX department offsite meeting for a large technology company back in 2014
Rapid Prototyping with Sass, Compass and Middleman by Bermon PainterCodemotion
This talk will cover some of the benefits of building a rapid prototyping framework with Sass & Compass along with the static site generator, Nanoc. you’ll discover how to rapid prototype pages, widgets and interactions that can be used for usability testing and to help concept ideas. Since it’s all built on Ruby it’s easy to migrate over to the real application later or toss away
Many developers used to believe that class-free, lean markup and descendant selectors were the answer. Many developers still build websites for a single resolution, or a small range of devices. However, these practices are now being questioned. Where do we stand? What is best practice web development today? Russ Weakley will explore these topics and more... or possibly less...
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
How front-end can help UX and Back-end guys? How they interact? I tell a little about it in this slides, showing how the front-end can help the back-end and UX.
Application Development with HTML5 (Microsoft TechDays 2011 - DEV302)Nathaniel Bagnell
Microsoft TechDays 2011's DEV302 Presentation, Application Development with HTML5. This was presented in Fall 2011 in Vancouver, Montreal, and Toronto for the Microsoft TechDays 2011 conference.
There is often a vocabulary gap between designers an developers, who should aim towards a ubiquitous way of conversing about colours, typography, viewport sizes, or the responsive grid system of a digital product… To bridge this gap at the Guardian, we use a CSS pre-processor as a communication enabler through the abstractions it allows us to put in place.
Talk given at the Front-end London meet-up on April 24, 2014. Listen to the talk + slides on YouTube: https://www.youtube.com/watch?v=DAfW1RSWYDA
This document contains an outline for a book or report on HTML, CSS, JavaScript, Bootstrap, responsive design, and creating a dynamic and responsive website for a restaurant. Chapter topics include introductions to HTML, CSS, JavaScript, Bootstrap, jQuery, responsive design, and a project on building a website for a restaurant. HTML is described as the language used to define webpages using tags. CSS is presented as used to define styles and formatting. JavaScript is discussed as a client-side scripting language. The document provides high-level overviews and comparisons of these technologies.
This document introduces CSSDOC, a convention for commenting CSS files using DocBlock comments. It describes the basic elements of CSSDOC including DocBlock comments, different comment types (file, section, standard), and tags. Tags are words prefixed with @ that provide structured data within comments. Three types of DocBlock comments are covered - file comments at the top of the file, section comments to group rules, and standard comments. Specific tags and their usage are defined.
A continuation of the "technical issues" presentation. Reviews the technology of responsive design, then focuses on writing and design issues including how to shorten text, the "mobile first" design philosophy, and more. Also presents a way to automatically switch between "click" and "tap" in instructions.
This document discusses responsive web design and frameworks like Bootstrap. It explains that responsive design allows sites to adapt to different devices like mobile versus desktop. It provides an overview of Bootstrap, including that it is an open source framework for building responsive sites using HTML, CSS and JavaScript. Popular frameworks like Bootstrap have pre-built components that save development time compared to building sites from scratch.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML standards over time, from early versions to HTML5. Key features of HTML5 are described, such as new semantic elements, forms, video/audio playback, and the canvas element for drawing with JavaScript.
Sketching in HTML helps promote communication between designers and developers. Our developers were happy going this direction since it makes their jobs easier. Key stakeholders can see concepts in HTML from the beginning and have more confidence in designs.
The goals of the living style guide are to serve as a UX/VX lead style guide representing CustomInk design principles, be responsive, serve as documentation and support prototyping. Content needs come before designing for mobile. Typography is responsive to resize based on screen size. The living style guide provides pre-built elements and components.
In this infographic, we have explored cost-effective strategies for iOS app development, focusing on building high-quality apps within a budget. Key points covered include prioritizing essential features, leveraging existing tools and libraries, adopting cross-platform development approaches, optimizing for a Minimum Viable Product (MVP), and integrating with cloud services and third-party APIs. By implementing these strategies, businesses and developers can create functional and engaging iOS apps while minimizing development costs and time-to-market.
Enhanced Screen Flows UI/UX using SLDS with Tom KittPeter Caitens
Join us for an engaging session led by Flow Champion, Tom Kitt. This session will dive into a technique of enhancing the user interfaces and user experiences within Screen Flows using the Salesforce Lightning Design System (SLDS). This technique uses Native functionality, with No Apex Code, No Custom Components and No Managed Packages required.
A neural network is a machine learning program, or model, that makes decisions in a manner similar to the human brain, by using processes that mimic the way biological neurons work together to identify phenomena, weigh options and arrive at conclusions.
Transforming Product Development using OnePlan To Boost Efficiency and Innova...OnePlan Solutions
Ready to overcome challenges and drive innovation in your organization? Join us in our upcoming webinar where we discuss how to combat resource limitations, scope creep, and the difficulties of aligning your projects with strategic goals. Discover how OnePlan can revolutionize your product development processes, helping your team to innovate faster, manage resources more effectively, and deliver exceptional results.
Superpower Your Apache Kafka Applications Development with Complementary Open...Paul Brebner
Kafka Summit talk (Bangalore, India, May 2, 2024, https://events.bizzabo.com/573863/agenda/session/1300469 )
Many Apache Kafka use cases take advantage of Kafka’s ability to integrate multiple heterogeneous systems for stream processing and real-time machine learning scenarios. But Kafka also exists in a rich ecosystem of related but complementary stream processing technologies and tools, particularly from the open-source community. In this talk, we’ll take you on a tour of a selection of complementary tools that can make Kafka even more powerful. We’ll focus on tools for stream processing and querying, streaming machine learning, stream visibility and observation, stream meta-data, stream visualisation, stream development including testing and the use of Generative AI and LLMs, and stream performance and scalability. By the end you will have a good idea of the types of Kafka “superhero” tools that exist, which are my favourites (and what superpowers they have), and how they combine to save your Kafka applications development universe from swamploads of data stagnation monsters!
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...Paul Brebner
Closing talk for the Performance Engineering track at Community Over Code EU (Bratislava, Slovakia, June 5 2024) https://eu.communityovercode.org/sessions/2024/why-apache-kafka-clusters-are-like-galaxies-and-other-cosmic-kafka-quandaries-explored/ Instaclustr (now part of NetApp) manages 100s of Apache Kafka clusters of many different sizes, for a variety of use cases and customers. For the last 7 years I’ve been focused outwardly on exploring Kafka application development challenges, but recently I decided to look inward and see what I could discover about the performance, scalability and resource characteristics of the Kafka clusters themselves. Using a suite of Performance Engineering techniques, I will reveal some surprising discoveries about cosmic Kafka mysteries in our data centres, related to: cluster sizes and distribution (using Zipf’s Law), horizontal vs. vertical scalability, and predicting Kafka performance using metrics, modelling and regression techniques. These insights are relevant to Kafka developers and operators.
Stork Product Overview: An AI-Powered Autonomous Delivery FleetVince Scalabrino
Imagine a world where instead of blue and brown trucks dropping parcels on our porches, a buzzing drove of drones delivered our goods. Now imagine those drones are controlled by 3 purpose-built AI designed to ensure all packages were delivered as quickly and as economically as possible That's what Stork is all about.
Software Test Automation - A Comprehensive Guide on Automated Testing.pdfkalichargn70th171
Moving to a more digitally focused era, the importance of software is rapidly increasing. Software tools are crucial for upgrading life standards, enhancing business prospects, and making a smart world. The smooth and fail-proof functioning of the software is very critical, as a large number of people are dependent on them.
Streamlining End-to-End Testing Automation with Azure DevOps Build & Release Pipelines
Automating end-to-end (e2e) test for Android and iOS native apps, and web apps, within Azure build and release pipelines, poses several challenges. This session dives into the key challenges and the repeatable solutions implemented across multiple teams at a leading Indian telecom disruptor, renowned for its affordable 4G/5G services, digital platforms, and broadband connectivity.
Challenge #1. Ensuring Test Environment Consistency: Establishing a standardized test execution environment across hundreds of Azure DevOps agents is crucial for achieving dependable testing results. This uniformity must seamlessly span from Build pipelines to various stages of the Release pipeline.
Challenge #2. Coordinated Test Execution Across Environments: Executing distinct subsets of tests using the same automation framework across diverse environments, such as the build pipeline and specific stages of the Release Pipeline, demands flexible and cohesive approaches.
Challenge #3. Testing on Linux-based Azure DevOps Agents: Conducting tests, particularly for web and native apps, on Azure DevOps Linux agents lacking browser or device connectivity presents specific challenges in attaining thorough testing coverage.
This session delves into how these challenges were addressed through:
1. Automate the setup of essential dependencies to ensure a consistent testing environment.
2. Create standardized templates for executing API tests, API workflow tests, and end-to-end tests in the Build pipeline, streamlining the testing process.
3. Implement task groups in Release pipeline stages to facilitate the execution of tests, ensuring consistency and efficiency across deployment phases.
4. Deploy browsers within Docker containers for web application testing, enhancing portability and scalability of testing environments.
5. Leverage diverse device farms dedicated to Android, iOS, and browser testing to cover a wide range of platforms and devices.
6. Integrate AI technology, such as Applitools Visual AI and Ultrafast Grid, to automate test execution and validation, improving accuracy and efficiency.
7. Utilize AI/ML-powered central test automation reporting server through platforms like reportportal.io, providing consolidated and real-time insights into test performance and issues.
These solutions not only facilitate comprehensive testing across platforms but also promote the principles of shift-left testing, enabling early feedback, implementing quality gates, and ensuring repeatability. By adopting these techniques, teams can effectively automate and execute tests, accelerating software delivery while upholding high-quality standards across Android, iOS, and web applications.
Consistent toolbox talks are critical for maintaining workplace safety, as they provide regular opportunities to address specific hazards and reinforce safe practices.
These brief, focused sessions ensure that safety is a continual conversation rather than a one-time event, which helps keep safety protocols fresh in employees' minds. Studies have shown that shorter, more frequent training sessions are more effective for retention and behavior change compared to longer, infrequent sessions.
Engaging workers regularly, toolbox talks promote a culture of safety, empower employees to voice concerns, and ultimately reduce the likelihood of accidents and injuries on site.
The traditional method of conducting safety talks with paper documents and lengthy meetings is not only time-consuming but also less effective. Manual tracking of attendance and compliance is prone to errors and inconsistencies, leading to gaps in safety communication and potential non-compliance with OSHA regulations. Switching to a digital solution like Safelyio offers significant advantages.
Safelyio automates the delivery and documentation of safety talks, ensuring consistency and accessibility. The microlearning approach breaks down complex safety protocols into manageable, bite-sized pieces, making it easier for employees to absorb and retain information.
This method minimizes disruptions to work schedules, eliminates the hassle of paperwork, and ensures that all safety communications are tracked and recorded accurately. Ultimately, using a digital platform like Safelyio enhances engagement, compliance, and overall safety performance on site. https://safelyio.com/
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...Luigi Fugaro
Vector databases are transforming how we handle data, allowing us to search through text, images, and audio by converting them into vectors. Today, we'll dive into the basics of this exciting technology and discuss its potential to revolutionize our next-generation AI applications. We'll examine typical uses for these databases and the essential tools
developers need. Plus, we'll zoom in on the advanced capabilities of vector search and semantic caching in Java, showcasing these through a live demo with Redis libraries. Get ready to see how these powerful tools can change the game!
Flutter vs. React Native: A Detailed Comparison for App Development in 2024dhavalvaghelanectarb
Choosing the right framework for your cross-platform mobile app can be a tough decision. Both Flutter and React Native offer compelling features and have earned their place in the development world. Here is a detailed comparison to help you weigh their strengths and weaknesses. Here are the pros and cons of developing mobile apps in React Native vs Flutter.
4. 20 years of CSS: maturity or
senility
2.1.1 - Daniel Glazman
Co-chairman of the CSS Working Group
5. Hugo Agbonon:
Daniel Glazman, co-chairman of the W3C CSS Working Group, gave
a talk explaining CSS' various problems, and how hard it seems to be
for it to move forward while trying to reach good compromises on
browser vendors needs and priorities. For example, he mentionned
the infamous difficulty to vertically center elements of CSS, and
talked about how hard it was to even name properties.
14. Hugo Agbonon:
Kaelig Deloumeau-Prigent talked about his work at The Guardian to
bridge the gap between developers and designers. Sass, and
especially clearly named variables, allow better understanding for
both developers and designers of how front-end elements are
thought and standardized throughout the project. His idea was to
put the design at the center of the project.
15. Ten Principles for Effective
Front-end Development
2.1.3 - Harry Roberts
Creator of inuit.css Author of CSS guidelines
27. Hugo Agbonon:
Hugo Giraudel presented principles to work with Sass:
KYSS - Keep Your Sass Simple(, Smart & Straightforward), extending
KISS Sass - it's not all bright an shiny
Don't do everything in Sass
Stick to http://cssguidelin.es, use scss-lint, px-to-rem, autoprefixer
Clean unused code
Test
Document
38. Hugo Agbonon:
Estelle Weyl talked about less-known things CSS can do, like
counting with counter, then about selectors specificities
in her CSS? WTF! talk, which ended with notes about how to (not)
use !important and how to override it with CSS animation quirks.
53. Hugo Agbonon:
Nicolas Gallagher talked about scalable CSS, and how, in a large
company like Twitter, the whole UI has to be designed in order to
avoid having developers stepping on each other's toes.
57. Hugo Agbonon:
Bert Bos, co-creator of CSS, talked about typography, giving clear
examples of the challenges linked to it, which may or may not be
fixed with CSS. For example, quotes are different in French, English,
Dutch ; punctuation and style can be different (spaces before ! and ?
in French, not English), so is it possible to markup in a consistent way
text?
59. Hugo Agbonon:
Ana Tudor (@thebabydino), the last speaker, showed a series of
neat demos about distribution, creating fun shapes with CSS/Sass.
Her neat demos are on Codepen.
64. Hugo Agbonon:
Maxime Thirouin summed up what was basically the feeling of the
whole conference : "We love CSS, but it's frustrating". That it still
has (without preprocessors) no variables, math, customization...
which is why he is building cssnext, to get the next standardized
features now.
74. Hugo Agbonon:
Guido Boman talked about CSS parallax scrolling done right, and an
implementation of it by Keith Clark full css implementation of
parallax scrolling.