Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum!
In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here.
What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include:
* Validators
* Preprocessors
* Finding dead rules
* Linting
* CSS3 gradient tools
* Performance measurement tools
* Unit testing
Extended slides from a recent Sydney Port80 presentation. The slides cover three overall topics: 1) a quick timeline of CSS-related events, 2) key events that changed CSS and 3) a discussion on writing better CSS.
We keep thinking we can write better CSS if we just try harder, that the next site will be clean and stay that way. This presentation shows that in fact, messy CSS is the direct result of our worst best-practices. We need to reexamine those assumptions with an eye to practicality and scalability as well as accessibility, standards, and fabulous design.
This document provides instructions for creating and editing basic HTML and CSS files using Notepad on Windows. It outlines 5 steps: 1) open Notepad, 2) save the file with an .html or .css extension, 3) view the web page by double-clicking the HTML file, 4) edit files by double-clicking to open in Notepad, and 5) save edited files using File > Save.
HTML stands for Hyper Text Mark-up Language and CSS stands for Cascading Style Sheet. HTML 5 is the latest utility programming language. There is no big difference between HTML and HTML5. Copy the link given below and paste it in new browser window to get more information on HTML CSS:- www.transtutors.com/homework-help/computer-science/html-css.aspx
Many web sites have moved away from table based layouts to CSS. But what about the longer term? Is you CSS efficient, maintainable and modular? Find out about taking your CSS to the next level.
The document discusses how to use RxJS (Reactive Extensions library for JavaScript) to treat events like arrays by leveraging Observable types and operators. It explains key differences between Observables and Promises/Arrays, how Observables are lazy and cancelable unlike Promises. Various RxJS operators like map, filter, interval and fromEvent are demonstrated for transforming and composing Observable streams. The document aims to illustrate how RxJS enables treating events as collections that can be processed asynchronously over time.
Jspm is a package manager that supports npm, GitHub registries and extends package.json, allowing installation of packages like jquery, materialize-css and immutablejs using commands like jspm install. It uses SystemJS as its module loader and supports TypeScript, enabling development of Angular 2 applications with features such as components, services and routing. The document provides an overview of the Angular 2 ecosystem including jspm, SystemJS, TypeScript and highlights of the Angular 2 framework.
BÀI 19 NHÂN DÂN VIỆT NAM KHÁNG CHIẾN CHỐNG PHÁP XÂM LƯỢC (Từ năm 1858 đến t...Võ Tâm Long
1. Về kiến thức.
Giúp học sinh nắm được:
- Ý đồ xâm lược Việt Nam của Tư bản phương Tây.
- Quá trình thực dân Pháp xâm lược Việt Nam từ năm 1858 đến năm 1873.
- Cuộc kháng chiến của nhân dân ta từ năm 1858 đến năm 1873.
2. Về thái độ.
- Hiểu được bản chất xâm lược của chủ nghĩa thực dân và sự tàn bạo của chúng.
- Tự hào về truyền thống chống xâm lược của cha ông.
- Có thái độ đúng mức khi tìm hiểu về nguyên nhân và trách nhiệm của nhà Nguyễn
trong việc để mất nước cuối thế kỷ XIX.
- Có nhận thức đúng đối với các sự kiện và nhân vật lịch sử cụ thể.
3. Về kỹ năng.
- Rèn luyện kỹ năng phân tích, so sánh, nhận xét đánh giá sự kiện vấn đề lịch sử.
- Biết liên hệ rút ra bài học kinh nghiệm.
This document discusses JavaScript module systems including CommonJS, RequireJS, Browserify, ES6 modules, Webpack, and JSPM. It begins with a history of JavaScript modules and loading external scripts. It then covers CommonJS for Node.js, RequireJS for asynchronous loading in browsers, and Browserify for using CommonJS modules in browsers. ES6 modules are described as the standard module solution. Webpack is presented as a module bundler with many features. Finally, JSPM is discussed as a package manager that works with SystemJS to provide modules from npm and GitHub for both browsers and Node.js.
This document provides an introduction to Cascading Style Sheets (CSS). It explains that CSS is used to describe the presentation and formatting of HTML documents, separating content from presentation. It describes various CSS concepts like selectors, declarations, properties, values, and the CSS cascade. It also covers linking CSS to HTML through inline, embedded and external stylesheets and provides examples of each.
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH.
Check this presentation to have a short getting start in this amazing framework.
Let's create amazing apps with Ionic. \o/
The document provides an introduction to HTML basics including HTML document structure, common tags, and formatting. It discusses the <!DOCTYPE> declaration, <head> and <body> sections, common text formatting tags, headings, paragraphs, comments, and includes code examples.
This document discusses CSS Grid Layout and provides examples of how to implement grid systems using CSS Grid. It begins with an overview of common web layout techniques and their limitations. It then covers the basics of CSS Grid Layout, including grid terminology, defining grid columns and rows, placing items in grid areas, and using CSS variables to create responsive grid systems. Examples are provided to demonstrate different grid templates and item placement using CSS Grid properties like grid-template-columns, grid-template-rows, and grid-area.
This document discusses module patterns in JavaScript and asynchronous module definition (AMD) using RequireJS. It introduces the module pattern as a way to encapsulate code and expose public APIs. AMD and RequireJS are presented as solutions for asynchronously loading JavaScript modules and managing dependencies. Key advantages of the module pattern, AMD and RequireJS include maintaining encapsulation, organizing code into reusable modules, and handling dependency loading order. Challenges with large JavaScript applications using many modules are also addressed.
[Angularjs 도입 선택 가이드]
본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다.
[문서개요]
이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거��� AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다.
이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of HTML and XML documents. CSS separates document content from document presentation, enabling control over elements like layout, colors, and fonts. This separation improves accessibility, flexibility, and maintenance of web pages. CSS can format pages for different rendering methods like on-screen, in print, and for speech-based browsers.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
about this presentation:
1) this presentation was a quickie for non-tech employees, who wanted a basic understanding of html/css, as it related to a white-label SAAS product;
2) the back-end/front-end definitions relate to the specific application (it's inaccurate if node.js is in the picture)
Greach 2011 - Engrandeciendo Grails con MongoDBgreach_es
The document appears to be a series of slides from a YUI conference in 2011. It discusses topics from the conference schedule, new YUI components like Handlebars and Pjax, updates to existing components like DataTable, community talks, and more. The slides promote the YUI framework and library by highlighting new features, community contributions, and real-world uses at sites like NFL.com.
The document discusses Node.js and how it can be used to build server-side applications using JavaScript. Some key points include:
- Node.js allows for non-blocking, asynchronous programming which improves performance compared to traditional blocking I/O.
- It uses a single thread with event loops to handle multiple connections concurrently without blocking.
- JavaScript is a good choice as it is the language of the web and supports features like closures that are useful for asynchronous programming.
- Node.js has gained popularity due to its ability to build high performance web servers using a non-blocking approach that is accessible to programmers without expertise in asynchronous programming.
The document discusses Node.js and how it can be used to build server-side applications using JavaScript. Some key points include:
- Node.js allows for non-blocking asynchronous programming which improves performance over traditional blocking servers.
- It uses a single thread event loop model that handles all I/O asynchronously, avoiding context switching.
- JavaScript is the language of the web and Node.js allows using JavaScript on the server side for building real-time applications.
- Node.js has an active community and growing ecosystem of packages on npm that can be easily installed and used in applications.
This document discusses web scraping and data scraping. It defines data scraping as extracting data from HTML tags, while web scraping refers to extracting both data and visual elements from a web page. The document then discusses the Diazo tool, which can be used to transform XML content using XSLT rules defined in a theme. It provides examples of Diazo rules for replacing, dropping, or copying content. Finally, it mentions some uses of Diazo and links to related GitHub and websites.
The document discusses various techniques for optimizing website performance, including respecting HTTP protocols like using GET requests for non-destructive actions; using a proxy server like Nginx to deliver static content; leveraging caching, compression, and content delivery networks; JavaScript and image optimizations; and asynchronous loading of scripts. The goal is to make websites faster by improving how static assets are served and how client-server interactions work.
The document discusses the purpose and capabilities of CSS3. It notes that CSS3 allows for beautiful formatting of information including shadows, transparency, gradients and animations. It highlights some new CSS3 features like keyframe animation, media queries to control formatting across devices, template layout replacing floats, 3D manipulation with perspective, touch specifications, and properties like box-shadow, text-shadow and more. The document emphasizes that CSS3 development is modular and that front-end developers have increased responsibility.
The document discusses how social media, specifically Facebook, can be leveraged for business purposes. It covers topics like understanding the social graph and open graph protocol, creating engagements through likes, shares and comments, using analytics to measure engagement, authenticating users and targeting them based on permissions, personalizing experiences based on social context, and driving distribution by making it easy for users to share content. The overall message is that the Facebook platform can be used for identity, distribution and building community engagement.
The document contains a presentation by Jésus Lopes about open source software and his involvement in the Ruby on Rails community. He discusses how he got started with open source in 2002 and his initial lack of community involvement. He talks about discovering Ruby on Rails in 2008 and his efforts to contribute content and tutorials. Lopes emphasizes the benefits of participating in the open source community through activities like documentation, support, design work, and code contributions. He encourages others to get involved without making excuses and stresses that it is a rewarding experience.
The document discusses how Ruby on Rails (RoR) helped during floods in Australia. It describes how Heroku, a Platform as a Service (PaaS), allows developers to deploy RoR applications using a git-based workflow. Heroku manages web and background processes (dynos and workers) and allows scaling by adding more dynos to handle requests.
This document appears to be notes from a presentation or talk. It discusses various topics related to Plone, a content management system, including its vision, customers as developers, theories of web development, what makes a good development tool, who Plone currently solves problems for, issues with Buildout and the database, minimizing knowledge and steps needed, and developing by default. The document advocates for making Plone more accessible and developable out of the box.
Online journalism: thinking about platformsPaul Bradshaw
This document discusses strategies for online publishing and blogging. It recommends choosing platforms based on your needs and your users' needs, and customizing those platforms through stylesheets, plugins, widgets, and other tools. It emphasizes that blogging is about more than just writing blog posts - it is about building relationships and social capital through engagement on and off your own blog. It provides tips for automating sharing across networks, moving beyond single stories to create more social content, and ways to continue customizing platforms and engaging with readers.
How I Learned To Stop Worrying & Love HTML5Dale Cruse
The document is a presentation about HTML5. It defines HTML5 as both old and new, discussing elements that are still supported and new elements added. It addresses common myths around HTML5 like it being a Flash killer. The presentation outlines advantages of HTML5 for different roles like publishers, designers, and developers. It provides examples of how to implement semantic HTML5 elements and multimedia. Finally, it recommends resources for learning more about HTML5 like books, websites, and events.
Taking SM to Next Level - Governor's Conference 2011Andrew Hoffman
The document is a presentation about taking social media to the next level. It discusses establishing a solid foundation for social media use, including purpose, content, calls to action, and design. It also covers specific social media tools like Google Alerts and Analytics, social sharing platforms, email marketing, video, mobile apps, digital fundraising, and cloud-based collaboration tools. The presentation aims to provide practical strategies for nonprofit organizations to effectively manage their social media presence.
The document discusses Netflix's move to cloud computing using Amazon Web Services. It outlines Netflix's model-driven deployment architecture in the cloud, including using ephemeral nodes, dynamic scaling, orchestration over manual steps, and making environments easy to clone. It also discusses Netflix's build and deployment process involving continuous integration, binary repositories, and application-specific packages and configurations.
The document discusses key lessons and experiences from starting and running a business. It provides tips for entrepreneurs such as preparing for challenges ahead of time, accurately assessing your skills and experience when determining pay rates, maintaining clear communication with clients, and prioritizing self-care to avoid burnout.
This document discusses JavaScript tooling in Rails 3.1 and best practices. It recommends using CoffeeScript for cleaner JavaScript syntax and managing JavaScript code with Sprockets. It also advocates for test-driven development with Jasmine for JavaScript unit testing. Overall, the document provides an overview of modern JavaScript tooling and development approaches for Rails applications.
3D in the Browser via WebGL: It's Go Time Pascal Rettig
This document discusses the current state and future of WebGL. It begins with a brief history of 3D graphics standards and shows that WebGL is now enabled in major browsers. It then defines WebGL as a cross-platform API based on OpenGL ES 2.0 that allows 3D graphics rendering within web pages without plugins. Examples of WebGL applications and tutorials are provided. Frameworks for WebGL like Three.js and Copperlicht are presented as ways to abstract the low-level WebGL API for easier 3D programming.
It doesn't matter whether you write JavaScript for the client, the server, or for both. It doesn't matter what library or framework you use. It doesn't matter what templating engine or node modules you rely on. The end result is HTML. And if your HTML sucks, what was the point? If you've been thinking markup was someone else's concern, guess what, sweetcheeks: it's not - it's yours. We obsess over extra semi-colons but we'll add container element after container element to provide hooks for our jQuery plugins? Uh-uh. If there's no craftsmanship involved in the way you handle HTML, it's time to change that.
The document discusses the content-focused web and responsive web design. It emphasizes designing for a variety of screen resolutions rather than sizes and building a unified code base. Key aspects of content-focused and responsive design include optimizing images, using easy to touch controls, and clear navigation. The document provides examples of responsive design in Adobe's, Twitter's, and Yahoo's mobile sites and introduces several frameworks for responsive web development, including jQTouch, Sencha Touch, Dojo Mobile, and jQuery Mobile.
Creating Living Style Guides to Improve PerformanceNicole Sullivan
Refactoring Trulia’s UI with SASS, OOCSS, and handlebars. My slides from jsconf 2013. Lot's of yummy details about the performance improvements we were able to make.
The JavaScript community is one of the most vibrant and fun groups I've ever been lucky enough to be a part of. Like any vibrant community, sometimes people don't play nicely. In this session, I will discuss what it has been like to be shy *and* be on twitter, mailing lists, and open source. I'll talk about my experiences consulting on massive CSS overhauls, and ways to defeat trolls -- including your own inner troll! I'll also share a timing attack for your brain that might just surprise you.
Nicole Sullivan and Stoyan Stefanov discuss their work optimizing CSS at Facebook and Yahoo!, As well as the state of CSS optimizations in the Alexa Top 1000 websites. What a mess!
From Velocity Conference and Texas-Javascript.
From Nicole's talk at JSConf.eu where she presented her wish list for the future of CSS. She presents a brand-new expanded syntax which allows for prototypes, mixins, and variables and explains how a preprocessor can be used today to achieve a richer language in older browsers.
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan
The cascade is a poker game, but we've been playing our cards all wrong. Here Nicole suggests we stop trying to play to win to prevent code bloat, and simplify the cascade, using the order of the rulesets to allow overrides.
From Nicole's presentation at the CSS Summit. This is brand new research regarding efficient CSS selector design. Practicing the rules outlined here will make your CSS lean, your site fast, and your maintenance minimal. A beautiful combination for people concerned with building performance into their sites.
You've got a sneaking suspicion that design impacts performance. What next? Your engineers know nothing about design and your designers know nothing about performance. How can you get everyone on the same page? Which design flaws must you absolutely avoid? How do engineers slow designs with poor CSS? This presentation covers the best practices in design and OO CSS for fast, maintainable sites.
* Abstraction
* Flexibility
* Grids
* Location dependent styles
Velocity Conference, 2009
This document discusses object-oriented CSS (OOCSS) as an evolution of CSS that makes it more powerful. OOCSS involves creating reusable CSS objects rather than page-specific rules, setting good global defaults, abstracting reusable elements, separating container and content, and using multiple classes to simulate inheritance. This allows for more scalable, maintainable and performant CSS code. Some best practices of OOCSS include creating semantic object classes like .heading rather than styling specific elements directly. The document provides examples of OOCSS principles and their benefits.
Nicole Sullivan gives a presentation on designing fast websites. She discusses why performance matters, how websites have grown more complex over time, and how poor performance can negatively impact businesses. She provides several best practices for optimizing websites, such as creating reusable components, using consistent styles, making modules transparent, optimizing images through sprites and compression, avoiding non-standard fonts and using columns instead of rows.
The 7 Habits of Exceptional Performance discusses techniques for optimizing website performance. It recommends flushing the buffer early, using GET requests for AJAX, preloading components, avoiding filters, measuring performance metrics, and balancing new features with performance improvements. High performance should be baked into the development process from the start. Key metrics to track include page weight, response time, and HTTP requests.
The document discusses 20 additional best practices for improving web performance beyond the original 14 recommendations from YSlow. It covers techniques like flushing the buffer early, splitting components for post-loading, preloading necessary assets, reducing unnecessary DOM elements, optimizing images through techniques like converting to smaller file formats and using CSS sprites, and designing for mobile performance. The document provides examples and case studies to illustrate the recommendations and cites additional resources on web performance.
How RPA Help in the Transportation and Logistics Industry.pptxSynapseIndia
Revolutionize your transportation processes with our cutting-edge RPA software. Automate repetitive tasks, reduce costs, and enhance efficiency in the logistics sector with our advanced solutions.
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
An invited talk given by Mark Billinghurst on Research Directions for Cross Reality Interfaces. This was given on July 2nd 2024 as part of the 2024 Summer School on Cross Reality in Hagenberg, Austria (July 1st - 7th)
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfjackson110191
These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.
7 Most Powerful Solar Storms in the History of Earth.pdfEnterprise Wired
Solar Storms (Geo Magnetic Storms) are the motion of accelerated charged particles in the solar environment with high velocities due to the coronal mass ejection (CME).
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc
Six months into 2024, and it is clear the privacy ecosystem takes no days off!! Regulators continue to implement and enforce new regulations, businesses strive to meet requirements, and technology advances like AI have privacy professionals scratching their heads about managing risk.
What can we learn about the first six months of data privacy trends and events in 2024? How should this inform your privacy program management for the rest of the year?
Join TrustArc, Goodwin, and Snyk privacy experts as they discuss the changes we’ve seen in the first half of 2024 and gain insight into the concrete, actionable steps you can take to up-level your privacy program in the second half of the year.
This webinar will review:
- Key changes to privacy regulations in 2024
- Key themes in privacy and data governance in 2024
- How to maximize your privacy program in the second half of 2024
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfNeo4j
Presented at Gartner Data & Analytics, London Maty 2024. BT Group has used the Neo4j Graph Database to enable impressive digital transformation programs over the last 6 years. By re-imagining their operational support systems to adopt self-serve and data lead principles they have substantially reduced the number of applications and complexity of their operations. The result has been a substantial reduction in risk and costs while improving time to value, innovation, and process automation. Join this session to hear their story, the lessons they learned along the way and how their future innovation plans include the exploration of uses of EKG + Generative AI.
Best Practices for Effectively Running dbt in Airflow.pdfTatiana Al-Chueyr
As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models.
This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through:
- Standard ways of running dbt (and when to utilize other methods)
- How Cosmos can be used to run and visualize your dbt projects in Airflow
- Common challenges and how to address them, including performance, dependency conflicts, and more
- How running dbt projects in Airflow helps with cost optimization
Webinar given on 9 July 2024
20. HTML SIZE
reduced by 50%
by Stefan Parker
Friday, November 11, 2011
21. “Due to these efforts, we cut our average
CSS bytes per page by 19% (after gzip) and
HTML bytes per page by 44% (before
gzip).”
Jason Sobel
http://www.facebook.com/note.php?note_id=307069903919
Friday, November 11, 2011
22. GET THE MEDIA BLOCK:
https://github.com/stubbornella/oocss/tree/master/core/media
Friday, November 11, 2011
23. PREPROCESSORS
server-side CSS language additions
Friday, November 11, 2011
52. CSS LINT
beyond validation
Friday, November 11, 2011
53. THE FLAVOR OF
DUPLICATION
Find yours and you’ll find your solution.
http://www.flickr.com/photos/the_justified_sinner/4694158195/sizes/l/in/photostream/
Friday, November 11, 2011
55. CHOOSE THE RULES
RELEVANT TO YOU
Our goal is to allow custom rulesets, for example, the
Salesforce.com custom rules, or special rules for your blog
Friday, November 11, 2011
56. OUTPUT
searchable, sortable
Friday, November 11, 2011
57. ERRORS HIGHLIGHTED
IN CONTEXT
In this case, don’t use !important
Friday, November 11, 2011
58. MAKE UP YOUR OWN
RULES!
Friday, November 11, 2011
59. EASIER THAN YOU THINK!
1. Download source from:
github.com/stubbornella/csslint
2. Find a rule that does
something similar to what you
want to do. e.g. the rule tests
for a property value pair and
you want to test for a different
property and value
3. Copy! Seriously.
Friday, November 11, 2011
60. TEXT-INDENT EXAMPLE
Name the
rule, and give
it an id
Add the rule to Describe the rule
CSS Lint
Tell CSS Lint
which browsers
are affected.
Friday, November 11, 2011
61. TEXT-INDENT EXAMPLE
Make the rule listen to
Try:
the parts of the
• startstylesheet,
stylesheet you care
• endstylesheet,
about. In this case,
• startrule,
properties.
• endrule, etc
Friday, November 11, 2011
62. TEXT-INDENT EXAMPLE
Get the property And the value
Friday, November 11, 2011
63. TEXT-INDENT EXAMPLE
Test if the property is And the value is
text-indent less than -99
If text indent is being used to hide text,
send the reporter a message that it may
fail in RTL languages.
Friday, November 11, 2011
64. TEXT-INDENT EXAMPLE
Make sure to tell CSS Lint the
line, column, and rule so the
user can find their error.
Friday, November 11, 2011
65. WRITE TESTS FOR YOUR
TEST ;)
Give CSS Lint some CSS
to test
Tell us how many
errors are in that
This helps everyone work
CSS.
together.
Friday, November 11, 2011
66. USE CSS LINT TO TEST FOR
DUPLICATION
• floats
• headings
• font-sizes
• color values coming soon!
• padding & margins coming soon!
Friday, November 11, 2011
67. BUILD AND SHARE TOOLS
THAT YOU WANT TO EXIST!
you’ll learn so much from open source.
Friday, November 11, 2011