Project management involves planning, scheduling, and controlling projects effectively. It establishes a basis for planning, decision making, and replanning. The phases of capital budgeting include planning, analysis, selection, implementation, and review. Planning involves identifying potential projects. Analysis involves studying marketing, technical, financial, economic, and ecological aspects. Selection uses non-discounting criteria like payback period and accounting rate of return, as well as discounting criteria like net present value, internal rate of return, and benefit cost ratio to determine if a project is worthwhile. Implementation consists of setting up manufacturing facilities through project design, negotiations, construction, training, and commissioning. Review periodically compares actual and projected performance to provide documentation for future decisions and suggest
This document proposes design ideas for improving relationship mapping and granularity in online communities. It suggests allowing for multiple identities tied to a single verified identity, as well as a hierarchy of relationship types from close family to acquaintances. Access privileges for groups, identities, and content would be assigned based on examples from existing frameworks like Active Directory. Relationships and identities could be organized and managed visually through a drag-and-drop interface.
Faith Tours & Safaris - Best Walking Safari in Tanzania specializing in Cultural Tourism and Beach Holidays. Offer all types of safaris that includes Beach Holidays, Walking Safari and Cultural Tourism in Tanzania from www.faithtours-tz.com
This document summarizes information about becoming a property hunter to invest in real estate opportunities in Phoenix, Arizona. It notes that Phoenix home prices have declined over 50% since 2006, creating attractive real estate deals. It provides information on the application and training process for becoming a property hunter, which involves a non-refundable $299 entry fee and training on acquiring residential properties. Property hunters are paid commissions ranging from $1500 to $3500 per successfully closed property deal.
Rio Tinto Plc Agm 2008 Presentation SlidesRio Tinto plc
The document summarizes the annual general meeting of Rio Tinto held on April 17, 2008. Three new directors were appointed in October 2007. Rio Tinto reported record earnings, cash flow, capital investment, and new capital commitments in 2007. The dividend was increased by 31% and commitments were made for further 20%+ increases in 2008 and 2009. Rio Tinto's acquisition of Alcan was described as strategically fitting and transforming. BHP Billiton's takeover offer was rejected on value grounds. Rio Tinto was described as well positioned for continued strong demand from China and India.
Project management involves planning, scheduling, and controlling projects effectively. It establishes a basis for planning, decision making, and replanning. The phases of capital budgeting include planning, analysis, selection, implementation, and review. Planning involves identifying potential projects. Analysis involves studying marketing, technical, financial, economic, and ecological aspects. Selection uses non-discounting criteria like payback period and accounting rate of return, as well as discounting criteria like net present value, internal rate of return, and benefit cost ratio to determine if a project is worthwhile. Implementation consists of setting up manufacturing facilities through project design, negotiations, construction, training, and commissioning. Review periodically compares actual and projected performance to provide documentation for future decisions and suggest
This document proposes design ideas for improving relationship mapping and granularity in online communities. It suggests allowing for multiple identities tied to a single verified identity, as well as a hierarchy of relationship types from close family to acquaintances. Access privileges for groups, identities, and content would be assigned based on examples from existing frameworks like Active Directory. Relationships and identities could be organized and managed visually through a drag-and-drop interface.
Faith Tours & Safaris - Best Walking Safari in Tanzania specializing in Cultural Tourism and Beach Holidays. Offer all types of safaris that includes Beach Holidays, Walking Safari and Cultural Tourism in Tanzania from www.faithtours-tz.com
This document summarizes information about becoming a property hunter to invest in real estate opportunities in Phoenix, Arizona. It notes that Phoenix home prices have declined over 50% since 2006, creating attractive real estate deals. It provides information on the application and training process for becoming a property hunter, which involves a non-refundable $299 entry fee and training on acquiring residential properties. Property hunters are paid commissions ranging from $1500 to $3500 per successfully closed property deal.
Rio Tinto Plc Agm 2008 Presentation SlidesRio Tinto plc
The document summarizes the annual general meeting of Rio Tinto held on April 17, 2008. Three new directors were appointed in October 2007. Rio Tinto reported record earnings, cash flow, capital investment, and new capital commitments in 2007. The dividend was increased by 31% and commitments were made for further 20%+ increases in 2008 and 2009. Rio Tinto's acquisition of Alcan was described as strategically fitting and transforming. BHP Billiton's takeover offer was rejected on value grounds. Rio Tinto was described as well positioned for continued strong demand from China and India.
- The document discusses the outlook for commodity markets following the global financial crisis and recession. It notes the severe but short-lived downturn and subsequent recovery in commodity prices driven by stimulus spending and restocking in China.
- In the long-run, demand for commodities is expected to increase substantially due to industrialization and urbanization in developing countries like China and India. However, declining ore grades, energy constraints, and input cost pressures may pose challenges for the mining industry.
Presentation To North American Fixed Income Investors 29 31 March 2010Rio Tinto plc
- The document is a presentation by Rio Tinto to North American fixed income investors in March 2010 providing an overview of the company, highlights from 2009, the economic outlook, and priorities for 2010.
- In 2009, Rio Tinto achieved cost savings, recovered prices in the second half, completed divestments, and reduced net debt significantly.
- For 2010, priorities include operational delivery, transforming the aluminum business, pursuing growth through disciplined capital spending, and prudent balance sheet management.
Rio Tinto half year results presentation slides 2009Rio Tinto plc
- Rio Tinto reported lower earnings and EBITDA for the first half of 2009 compared to the same period in 2008, due to a sharp decline in commodity prices from their peak in early 2008.
- The company took decisive actions to improve its financial position, including successful rights issues raising $15.2 billion, divestments of $3.7 billion, and achieving $0.8 billion of its $2.5 billion operating cost savings target for 2009.
- While the global economic outlook remains uncertain, Rio Tinto expects demand from China to continue supporting commodity prices, having driven domestic activity and inventory rebuilding through policy responses to the downturn.
The document summarizes the current state of display advertising and introduces a new ad format called the Anchor Ad. Standard display banners have become ineffective as click-through rates average 0.1% and users see over 1,800 ads per day. The Anchor Ad is designed to stand out from standard banners by remaining visible at the bottom of the browser window as users scroll. It aims to capture more user attention, deliver higher click-through rates of 1.4% and conversion rates similar to clicks of standard banners.
This document provides an overview of Rio Tinto's investor seminar on October 30, 2009. It includes forward-looking statements and notes that actual results may differ. The seminar covers Rio Tinto's financial position, business strategy, and plans for operations. It also notes safety as a top priority and provides injury rate statistics.
This document proposes design ideas for improving the granularity of relationships in online communities by allowing for multiple identities tied to a core verified identity, as well as a hierarchy of relation types. It suggests verifying identities through email, SMS, or reconfirmation and allowing identities to be split across topics. The document also discusses using a drag-and-drop interface to organize people and identities into groups and assigning rights to groups based on examples from existing frameworks like Active Directory and LDAP.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.
Best 20 SEO Techniques To Improve Website Visibility In SERPPixlogix Infotech
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
GraphRAG for Life Science to increase LLM accuracyTomaz Bratanic
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
- The document discusses the outlook for commodity markets following the global financial crisis and recession. It notes the severe but short-lived downturn and subsequent recovery in commodity prices driven by stimulus spending and restocking in China.
- In the long-run, demand for commodities is expected to increase substantially due to industrialization and urbanization in developing countries like China and India. However, declining ore grades, energy constraints, and input cost pressures may pose challenges for the mining industry.
Presentation To North American Fixed Income Investors 29 31 March 2010Rio Tinto plc
- The document is a presentation by Rio Tinto to North American fixed income investors in March 2010 providing an overview of the company, highlights from 2009, the economic outlook, and priorities for 2010.
- In 2009, Rio Tinto achieved cost savings, recovered prices in the second half, completed divestments, and reduced net debt significantly.
- For 2010, priorities include operational delivery, transforming the aluminum business, pursuing growth through disciplined capital spending, and prudent balance sheet management.
Rio Tinto half year results presentation slides 2009Rio Tinto plc
- Rio Tinto reported lower earnings and EBITDA for the first half of 2009 compared to the same period in 2008, due to a sharp decline in commodity prices from their peak in early 2008.
- The company took decisive actions to improve its financial position, including successful rights issues raising $15.2 billion, divestments of $3.7 billion, and achieving $0.8 billion of its $2.5 billion operating cost savings target for 2009.
- While the global economic outlook remains uncertain, Rio Tinto expects demand from China to continue supporting commodity prices, having driven domestic activity and inventory rebuilding through policy responses to the downturn.
The document summarizes the current state of display advertising and introduces a new ad format called the Anchor Ad. Standard display banners have become ineffective as click-through rates average 0.1% and users see over 1,800 ads per day. The Anchor Ad is designed to stand out from standard banners by remaining visible at the bottom of the browser window as users scroll. It aims to capture more user attention, deliver higher click-through rates of 1.4% and conversion rates similar to clicks of standard banners.
This document provides an overview of Rio Tinto's investor seminar on October 30, 2009. It includes forward-looking statements and notes that actual results may differ. The seminar covers Rio Tinto's financial position, business strategy, and plans for operations. It also notes safety as a top priority and provides injury rate statistics.
This document proposes design ideas for improving the granularity of relationships in online communities by allowing for multiple identities tied to a core verified identity, as well as a hierarchy of relation types. It suggests verifying identities through email, SMS, or reconfirmation and allowing identities to be split across topics. The document also discusses using a drag-and-drop interface to organize people and identities into groups and assigning rights to groups based on examples from existing frameworks like Active Directory and LDAP.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.
Best 20 SEO Techniques To Improve Website Visibility In SERPPixlogix Infotech
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
GraphRAG for Life Science to increase LLM accuracyTomaz Bratanic
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceIndexBug
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
HCL Notes and Domino License Cost Reduction in the World of DLAUpanagenda
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
37. CÚFON & @FONT-
Daniel Reedy
daniel.reedy@housing.siu.edu
Font Available Plugin: http://
code.google.com/p/jquery-
38. <!-- // In the <HEAD> tags of your document -->
<script type="text/javascript">
$(document).ready(function() {
if(!$.fontAvailable('MinyaNouvelle')) {
Cufon.replace('h1', {
fontFamily: “MinyaNouvelle”
});
CÚFON & @FONT-
}
});
</script>
<!-- // Directly prior to the </BODY> tag. This is need for IE -->
<script type="text/javascript"> Cufon.now(); </script>
Daniel Reedy
daniel.reedy@housing.siu.edu
Font Available Plugin: http://
code.google.com/p/jquery-
39. CÚFON & @FONT-
Daniel Reedy
daniel.reedy@housing.siu.edu
Font Available Plugin: http://
code.google.com/p/jquery-
69. ESTABLISH A
Daniel Reedy
daniel.reedy@housing.siu.edu
70. /* In your type CSS file (e.g. typography.css) */
body {
font-size: 62.5%; /* This establishes a 10px = 1em ratio */
}
ESTABLISH A
Daniel Reedy
daniel.reedy@housing.siu.edu
71. /* In your type CSS file (e.g. typography.css) */
body {
font-size: 62.5%; /* This establishes a 10px = 1em ratio */
}
ESTABLISH A
h1 { font-size: 2.4em; } /* 24px */
h2 { font-size: 1.8em; } /* 18px */
h3 { font-size: 1.4em; } /* 14px */
Daniel Reedy
daniel.reedy@housing.siu.edu
72. /* In your type CSS file (e.g. typography.css) */
body {
font-size: 62.5%; /* This establishes a 10px = 1em ratio */
}
ESTABLISH A
h1 { font-size: 2.4em; } /* 24px */
h2 { font-size: 1.8em; } /* 18px */
h3 { font-size: 1.4em; } /* 14px */
/* In your layout CSS File (e.g. screen.css) */
#header { height: 3em; } /* 30px */
Daniel Reedy
daniel.reedy@housing.siu.edu
73. ESTABLISH A
Daniel Reedy
daniel.reedy@housing.siu.edu
140. ERIC MEYER RESET CSS: HTTP://MEYERWEB.COM/ERIC/THOUGHTS/
2007/05/01/RESET-RELOADED/
SCALABLE INMAN FLASH REPLACEMENT: HTTP://
WWW.MIKEINDUSTRIES.COM/BLOG/SIFR/
EMBEDDED OPEN TYPE (EOT) FONT TOOL: HTTP://
WWW.MICROSOFT.COM/TYPOGRAPHY/WEFT.MSPX
OVERVIEW OF @FONT-FACE: HTTPS://DEVELOPER.MOZILLA.ORG/
INDEX.PHP?TITLE=EN/CSS/%40FONT-FACE
CÚFON: HTTP://WIKI.GITHUB.COM/SORCCU/CUFON/ABOUT
.WEBFONT PROPOSAL HTTP://LISTS.W3.ORG/ARCHIVES/PUBLIC/WWW-
FONT/2009JULSEP/0440.HTML
TYPE FOUNDRIES SUPPORTING .WEBFONT: HTTP://
WWW.TYPOGRAPHER.ORG/2009/07/WEBFONT-PROPOSAL-GAINS-
Daniel Reedy
daniel.reedy@housing.siu.edu
Editor's Notes
Goals of this presentation:
1. Brief overview of CSS
2. The Basics of Getting Started
3. CSS Frameworks
4. Brief look @ Putting it together
5. Q&A &#x2013; CSS Evaluation
This is a basic reset stylesheet. This might not work for your setup, or you may wish to change something you&#x2019;d simply override later. There are pros & cons to using almost any CSS technique, decide yourself what you&#x2019;d like to do!
This is a basic reset stylesheet. This might not work for your setup, or you may wish to change something you&#x2019;d simply override later. There are pros & cons to using almost any CSS technique, decide yourself what you&#x2019;d like to do!
sIRF: Scalable Inman Flash Replacement (flash)EOT: Microsoft&#x2019;s choice (browser)
@font-face: CSS3, supported in some browsers (we&#x2019;ll cover it more later) (CSS)
c&#xFA;fon: javascript solution (javascript)
sIRF: Scalable Inman Flash Replacement (flash)EOT: Microsoft&#x2019;s choice (browser)
@font-face: CSS3, supported in some browsers (we&#x2019;ll cover it more later) (CSS)
c&#xFA;fon: javascript solution (javascript)
sIRF: Scalable Inman Flash Replacement (flash)EOT: Microsoft&#x2019;s choice (browser)
@font-face: CSS3, supported in some browsers (we&#x2019;ll cover it more later) (CSS)
c&#xFA;fon: javascript solution (javascript)
sIRF: Scalable Inman Flash Replacement (flash)EOT: Microsoft&#x2019;s choice (browser)
@font-face: CSS3, supported in some browsers (we&#x2019;ll cover it more later) (CSS)
c&#xFA;fon: javascript solution (javascript)
sIRF: Scalable Inman Flash Replacement (flash)EOT: Microsoft&#x2019;s choice (browser)
@font-face: CSS3, supported in some browsers (we&#x2019;ll cover it more later) (CSS)
c&#xFA;fon: javascript solution (javascript)
sIRF: Scalable Inman Flash Replacement (flash)EOT: Microsoft&#x2019;s choice (browser)
@font-face: CSS3, supported in some browsers (we&#x2019;ll cover it more later) (CSS)
c&#xFA;fon: javascript solution (javascript)
We use this at Housing, which you&#x2019;ll see a little later when I show some examples from the housing website.
We use this at Housing, which you&#x2019;ll see a little later when I show some examples from the housing website.
We use this at Housing, which you&#x2019;ll see a little later when I show some examples from the housing website.
.webfont: New kid on the block but there are a lot of type foundries behind this, including Hoefler & Frere-Jones-designers of Gotham (the Obama font), and the font used in this presentation (Champion) . At this point there aren&#x2019;t any browser makers though...
Typekit: Jeffery Veen, Jason Santa Maria, & other&#x2019;s take on javascript embedding of fonts.
Kernest: Similar to typekit with open source fonts
Font Deck: Similar to TypeKit, created by Clearleft (Andy Budd, Jeremy Keith, and others work for this UK design firm)
.webfont: New kid on the block but there are a lot of type foundries behind this, including Hoefler & Frere-Jones-designers of Gotham (the Obama font), and the font used in this presentation (Champion) . At this point there aren&#x2019;t any browser makers though...
Typekit: Jeffery Veen, Jason Santa Maria, & other&#x2019;s take on javascript embedding of fonts.
Kernest: Similar to typekit with open source fonts
Font Deck: Similar to TypeKit, created by Clearleft (Andy Budd, Jeremy Keith, and others work for this UK design firm)
.webfont: New kid on the block but there are a lot of type foundries behind this, including Hoefler & Frere-Jones-designers of Gotham (the Obama font), and the font used in this presentation (Champion) . At this point there aren&#x2019;t any browser makers though...
Typekit: Jeffery Veen, Jason Santa Maria, & other&#x2019;s take on javascript embedding of fonts.
Kernest: Similar to typekit with open source fonts
Font Deck: Similar to TypeKit, created by Clearleft (Andy Budd, Jeremy Keith, and others work for this UK design firm)
.webfont: New kid on the block but there are a lot of type foundries behind this, including Hoefler & Frere-Jones-designers of Gotham (the Obama font), and the font used in this presentation (Champion) . At this point there aren&#x2019;t any browser makers though...
Typekit: Jeffery Veen, Jason Santa Maria, & other&#x2019;s take on javascript embedding of fonts.
Kernest: Similar to typekit with open source fonts
Font Deck: Similar to TypeKit, created by Clearleft (Andy Budd, Jeremy Keith, and others work for this UK design firm)
Units of Measure on the web can be absolute or relative.
It&#x2019;s highly suggested to use relative measures as it is nearly impossible to control the environment of your visitors.
The most common units are
* Pixels - relative to the screen resolutions
* Em Space - width of the capital letter &#x2018;M&#x2019; of a font
* Percentage - relative to the parent size
Units of Measure on the web can be absolute or relative.
It&#x2019;s highly suggested to use relative measures as it is nearly impossible to control the environment of your visitors.
The most common units are
* Pixels - relative to the screen resolutions
* Em Space - width of the capital letter &#x2018;M&#x2019; of a font
* Percentage - relative to the parent size
Units of Measure on the web can be absolute or relative.
It&#x2019;s highly suggested to use relative measures as it is nearly impossible to control the environment of your visitors.
The most common units are
* Pixels - relative to the screen resolutions
* Em Space - width of the capital letter &#x2018;M&#x2019; of a font
* Percentage - relative to the parent size
Global sizing is typically based on 16px across most browsers. That is a bit big. Establishing a font size of 62.5% resets our baseline to 1em = 10px.
Now we have the ability to do fun things like
Global sizing is typically based on 16px across most browsers. That is a bit big. Establishing a font size of 62.5% resets our baseline to 1em = 10px.
Now we have the ability to do fun things like
Then we can create our typographical sizes
And we have the ability to do fun things like set heights & widths based on em
It matters less now, but still a decision you&#x2019;ll need to make. It mattered more when text zooming was the norm.
First we&#x2019;ll look at page zooming (this is the default in most browsers).
Notice that we increase the total height & width of all elements, causing the need to horizontally scroll as well as vertically scroll
With text zooming, only the size of the text changes, the other elements do not change in size. Many people with low vision prefer this because they do not need to scroll horizontally.
The idea of sizing elements with EM is that if your layout is em based, it will have a pseudo-page zoom effect.
Floating is what allows us to do all sorts of crazy things with CSS and get modern day column layouts.
There are two div elements. We tell box 1 to float on the left, give us some space on the right side, and, following W3C recommendations, we assign a width.
Elements above the floated element will not be affected, all items below will wrap, that&#x2019;s why we see box 2 come up
There are two div elements. We tell box 1 to float on the left, give us some space on the right side, and, following W3C recommendations, we assign a width.
Elements above the floated element will not be affected, all items below will wrap, that&#x2019;s why we see box 2 come up
Luckily you don&#x2019;t all have to spend as much time as once necessary to make a great CSS layout. There are many CSS frameworks and there are a lot of pros and cons to them.
Cons: less flexibility&#x2013;less skill required
Luckily you don&#x2019;t all have to spend as much time as once necessary to make a great CSS layout. There are many CSS frameworks and there are a lot of pros and cons to them.
Cons: less flexibility&#x2013;less skill required
Luckily you don&#x2019;t all have to spend as much time as once necessary to make a great CSS layout. There are many CSS frameworks and there are a lot of pros and cons to them.
Cons: less flexibility&#x2013;less skill required
Luckily you don&#x2019;t all have to spend as much time as once necessary to make a great CSS layout. There are many CSS frameworks and there are a lot of pros and cons to them.
Cons: less flexibility&#x2013;less skill required
Luckily you don&#x2019;t all have to spend as much time as once necessary to make a great CSS layout. There are many CSS frameworks and there are a lot of pros and cons to them.
Cons: less flexibility&#x2013;less skill required
University Housing is using the 960 Grid System
University Housing is using the 960 Grid System
University Housing is using the 960 Grid System
University Housing is using the 960 Grid System
University Housing is using the 960 Grid System
University Housing is using the 960 Grid System
University Housing is using the 960 Grid System
Most frameworks consists of three things; Reset Stylesheets, Typography Stylesheets, and Grids (fluid or fixed). We&#x2019;ve talked about reset stylesheets & typography already so let&#x2019;s take a quick look at grids
The University Housing website is using the 960 Grid System 12-column grid layout. The red bars are the primary grid layout. You can have nested grid layouts and you can do some limited adjusting ( removing of leading or trailing gutters, etc&#x2026;)
The University Housing website is using the 960 Grid System 12-column grid layout. The red bars are the primary grid layout. You can have nested grid layouts and you can do some limited adjusting ( removing of leading or trailing gutters, etc&#x2026;)
Combining all of this basic CSS knowledge is the most challenging part. The rest of the presentation I&#x2019;ll be highlighting pieces of the University Housing website&#x2019;s latest design. I&#x2019;ll be touching on an idea called &#x201C;progressive enhancement&#x201D; or &#x201C;progressive enrichment&#x201D;.
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
You can see we have some interesting fonts at the top, we&#x2019;re using a combo of @font-face & c&#xFA;fon to achieve this.
1. SIU Header
2. Navigation
3. Housing Header / Mission Statement
4. Content
a. Left Column
b. Middle Column
c. Right Column
The Housing website is created with the aim of progressive enrichment.
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement
I prefer to split out my styles into logical stylesheets. I&#x2019;ve also set up a system that will allow me to add-in advanced CSS techniques without a lot of hacks.
The top level represents the main styles. You can certainly combine them into one or two big files, if you&#x2019;d like.
The arrows point to the files involved in the progressive enhancement