Component-driven Drupal Theming
•
0 likes•487 views
This document discusses component-driven theming in Drupal. It outlines problems with traditional Drupal theming such as ambiguous CSS classes and excessive markup. It then explains how component-based theming works by breaking the user interface into reusable components. Some advantages of the component approach are semantic markup, theming consistency, and reusability. Tools like styleguides help with implementing the component methodology.
Report
Share
Report
Share
Download to read offline
Recommended
Responsive images in Drupal 8
This document discusses responsive images in Drupal 8. It begins with an agenda that includes breaking points, the picture element, and the srcset and sizes attributes. It then explains the problem with responsive images, how breakpoints work, and how the picture element can be used for art direction. It discusses how srcset and sizes bridge gaps in browser knowledge for responsive images. Finally, it explains how responsive images are implemented in Drupal 8 using the responsive images and breakpoints modules as well as image styles.
Optimize media performance in wordpress with cloudinary
This presentation discusses how to optimize media performance in WordPress using Cloudinary. It begins by explaining the reasons why performance matters, such as better user experience, visitor retention, and engagement. Next, it compares using native WordPress media versus the Cloudinary plugin, noting the plugin has over 6,000 active installations. The presentation then demonstrates how to install and use the Cloudinary plugin to generate responsive images, update image formats, add a video player, and apply video transformations. It also covers using the Cloudinary PHP SDK to build URLs, upload files locally and remotely, and add transformations. Resources are provided to learn more about Cloudinary, the WordPress plugin, and PHP integration.
Valeria Andrianova, JetBrains
Tweak the Recipe for Agile Development
(White Nights Conference St. Petersburg 2017)
The official conference website — http://wnconf.com
Going Global Without Going Broke
The document discusses an evolutionary approach to developing a global web presence without overspending. It suggests clearly defining a company's global structure by understanding how products are sold, offices are managed, and budgets are allocated internationally. This establishes an organization's evolutionary stage for its global online presence, whether it be interface integration, template support, translated microsites, or integrated infrastructure. Planning and gaining executive support are then needed to align stakeholders and create a roadmap for the global online strategy.
Going Global With Out Going Broke
Jen Modarelli, White Horse Principal and lead BtoB strategist shares an evolutionary path to a global Web presence. Pinpoint a fiscally responsible global evolution path for your brand based on a few simple criteria.
Transform Your Enterprise With SharePoint
The document discusses how to transform an enterprise using SharePoint. It recommends raising executive awareness of SharePoint's benefits, collaboratively engineering solutions rather than showcasing features, and assessing organizational readiness through an iterative release process. The overall message is that successful adoption of SharePoint requires buy-in from executives and adapting solutions to an organization's unique needs.
Techniques for Designing with Drupal 8
Designing for the web is complicated. Endless screen sizes, high user expectations and usability challenges offer up some interesting if not impossible challenges for web designers, especially when wrestling with complex functionality delivered by Drupal. This is a detailed discussion on web design and specific challenges when designing Drupal 8 websites.
How MS PPM Partners Can Maximize Social Media #msPC12
The document discusses how to integrate social media into an existing business strategy. It covers defining goals for social media engagement, sales, or industry presence. Metrics for tracking marketing, sales, and partner channel goals are outlined. The presentation provides tips for launching an event on social media through blog posts, videos and partner sites. It also details how to build momentum during and after an event through liveblogging, hashtags and articles. Next steps discussed are templates, toolkits and videos for learning social media best practices.
Recommended
Responsive images in Drupal 8
This document discusses responsive images in Drupal 8. It begins with an agenda that includes breaking points, the picture element, and the srcset and sizes attributes. It then explains the problem with responsive images, how breakpoints work, and how the picture element can be used for art direction. It discusses how srcset and sizes bridge gaps in browser knowledge for responsive images. Finally, it explains how responsive images are implemented in Drupal 8 using the responsive images and breakpoints modules as well as image styles.
Optimize media performance in wordpress with cloudinary
This presentation discusses how to optimize media performance in WordPress using Cloudinary. It begins by explaining the reasons why performance matters, such as better user experience, visitor retention, and engagement. Next, it compares using native WordPress media versus the Cloudinary plugin, noting the plugin has over 6,000 active installations. The presentation then demonstrates how to install and use the Cloudinary plugin to generate responsive images, update image formats, add a video player, and apply video transformations. It also covers using the Cloudinary PHP SDK to build URLs, upload files locally and remotely, and add transformations. Resources are provided to learn more about Cloudinary, the WordPress plugin, and PHP integration.
Valeria Andrianova, JetBrains
Tweak the Recipe for Agile Development
(White Nights Conference St. Petersburg 2017)
The official conference website — http://wnconf.com
Going Global Without Going Broke
The document discusses an evolutionary approach to developing a global web presence without overspending. It suggests clearly defining a company's global structure by understanding how products are sold, offices are managed, and budgets are allocated internationally. This establishes an organization's evolutionary stage for its global online presence, whether it be interface integration, template support, translated microsites, or integrated infrastructure. Planning and gaining executive support are then needed to align stakeholders and create a roadmap for the global online strategy.
Going Global With Out Going Broke
Jen Modarelli, White Horse Principal and lead BtoB strategist shares an evolutionary path to a global Web presence. Pinpoint a fiscally responsible global evolution path for your brand based on a few simple criteria.
Transform Your Enterprise With SharePoint
The document discusses how to transform an enterprise using SharePoint. It recommends raising executive awareness of SharePoint's benefits, collaboratively engineering solutions rather than showcasing features, and assessing organizational readiness through an iterative release process. The overall message is that successful adoption of SharePoint requires buy-in from executives and adapting solutions to an organization's unique needs.
Techniques for Designing with Drupal 8
Designing for the web is complicated. Endless screen sizes, high user expectations and usability challenges offer up some interesting if not impossible challenges for web designers, especially when wrestling with complex functionality delivered by Drupal. This is a detailed discussion on web design and specific challenges when designing Drupal 8 websites.
How MS PPM Partners Can Maximize Social Media #msPC12
The document discusses how to integrate social media into an existing business strategy. It covers defining goals for social media engagement, sales, or industry presence. Metrics for tracking marketing, sales, and partner channel goals are outlined. The presentation provides tips for launching an event on social media through blog posts, videos and partner sites. It also details how to build momentum during and after an event through liveblogging, hashtags and articles. Next steps discussed are templates, toolkits and videos for learning social media best practices.
Web Design
Creative, professional , and modern base website for your business and we design sports, education, yoga, fitness and business websites
5 Deadly Sins of SharePoint in the Enterprise
This document discusses the 5 deadly sins of implementing SharePoint in an enterprise environment. They are: 1) treating governance as a one-time event rather than an ongoing process, 2) IT leadership not being involved in information architecture and roadmapping, 3) treating user adoption and training as an afterthought, 4) underestimating the human resource requirements, and 5) failing to educate and engage executives on how SharePoint can provide business value. The document provides additional details on each sin and recommends best practices to avoid them.
Meetup 1_ ppt.pdf
The document summarizes a Flutter Meetup event in Kathmandu. The Flutter Meetup Kathmandu group aims to establish a strong community of Flutter developers and get more people interested in learning Flutter. Their mission includes hosting regular monthly meetups and collaborating with existing developer groups. The meetup presenters discussed why learning Flutter would be a great career choice for junior developers, highlighting benefits like cross-platform development, large widget libraries, increasing demand for Flutter developers, and faster development times. They also answered common questions about Flutter.
Letter of Recommendation David Haddad
David worked as an intern assisting with database merging and vetting for aerospace customers. He developed an innovative process to geo-locate customers using Google Maps and wrote a manual on how to use the databases. His manager states that David is a smart, productive self-starter and recommends him for a higher level internship.
Become an SEO expert by experimentation
This document contains notes from an SEO presentation by Eli Schwartz, Director of Organic Product at SurveyMonkey. It discusses best practices for building expertise and influence as an in-house SEO professional through experimentation and testing. Key recommendations include developing test plans, prioritizing tests by impact, quantifying results, sharing successes, and using metrics like ROI to showcase value. The goal is to establish yourself as a domain expert through data-driven experiments that also benefit the organization.
Maximize Project 2010 w/ Office 365 for PM Success
The document appears to be a presentation about using Project 2010 with Office 365 for project management. Some of the topics discussed include whether Project 2010 with SharePoint is a "silver bullet" for project management, effectively initiating and planning projects, facilitating efficient team collaboration, tracking and reporting relevant project status, and having a question and answer section. The presentation encourages using the collaboration tools in Office 365.
Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...
Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...Chandeep Singh Khosa
I have worked as a freelance Site Builder & Front End developer on a few Drupal 8 projects and have learned a lot.
In this session I'd like to share my learnings with you. I will guide you through how I work with Paragraphs and Display Suite, and how I use Configuration Management with them.
I will show you cool things like making paragraphs within paragraphs, give examples of when not to use paragraphs and how to make the user experience nice and simple for content editors. I will give examples of how I've imported and exported configuration, and briefly mention how to best use it to collaborate with other developers.
I will show you how to save time when theming by using the power of Display Suite, including some lesser known advanced functionality.Start Here: How to Prepare for Your Drupal 8 Journey
With each day, the buzz is building around what Drupal 8 can do and how it is going to impact your site and business goals. Members of the Drupal community and beyond see Drupal 8 as a great bridge for Drupal to other technologies that are object-oriented and leverage 3rd party libraries across different platforms.
Drupal 8 presents an opportunity to showcase the skills you have developed and make the work you have done more applicable across different platforms and projects.
But before Drupal 8 mastery can happen, you’ve got to start somewhere. Join us for a webinar to:
• Discover the real-world solutions included in Drupal 8 for each member of your team
• Explore the foundation of Drupal 8’s mobile and responsive design
• Learn how Drupal 8’s architecture makes it the ideal platform for creating and delivering segmented content
Creating an Organizational Culture of Giving Back to Drupal
1) The document is a presentation about creating a culture of giving back to open source projects within organizations. It discusses the importance and benefits of contributing to open source software and provides examples of how individuals, agencies, and enterprises can contribute.
2) The presentation provides use cases of contributions from an individual developer, the agency Mediacurrent, and the enterprise Pfizer. It discusses how Mediacurrent promotes a "contrib-first" culture and contributes extensively to Drupal.
3) The presentation urges all roles within an organization, including non-technical and technical staff as well as leadership, to find ways to contribute back to open source projects through activities like documentation, code contributions, funding, and community involvement.
Prototype to Drupal Site with KalaStatic
Designing large custom websites can be a daunting task, but prototyping can help reduce the risk of costly rework by allowing testing and stakeholder feedback cycles to happen earlier and more often. This session will demonstrate how Kalastatic, a flexible open-source framework for building static prototypes and living style guides that integrates with Drupal, can improve the end product and speed up the front-end development.
How Not to Be Conned by Your Drupal Vendor!
Despite the title, this presentation aims to shed some lights to both clients & vendors on how to execute acceptable Drupal projects, focusing on asking the 10 questions discussed in the slides.
Drupal Training in Delhi
Are you interested in enrolling in a Drupal Course in Delhi? Look no further than APTRON Delhi, the leading training institute for IT professionals. With their comprehensive Drupal course, APTRON Delhi offers you the perfect opportunity to enhance your skills and knowledge in this popular content management system.
https://bit.ly/3BHJAVj
Drupal Webinar: Ignite and Accelerate Your Drupal 7 to Drupal 9 Migration
Drupal Webinar: Ignite and Accelerate Your Drupal 7 to Drupal 9 Migration
For many businesses, the process of migrating a website from Drupal 7 to Drupal 9 can be extensive and expensive. But by adopting the right processes and tools, businesses can streamline and accelerate this task - allowing for more time to be dedicated to auditing, testing and website improvements.
On June 17th, Sylvain Reiter (Client Services Officer) and Liza Koroleva (Project Manager) from Cyber-Duck, and Dave Thomas (Senior Solutions Engineer) from Acquia, discussed how developers can implement a more advanced upgrade strategy for Drupal websites.
Choosing Drupal as your Content Management Framework
In Kendall Totten's presentation, "Choosing Drupal as a Content Management Framework for Your Next Project" she covered questions such as:
-What is Drupal and what makes it great?
-What is involved with building & theming a Drupal site?
-How to get a Drupal site off the ground quickly
-The difference between a base theme and a regular theme
-Modules that make theming easier
Delivering Fantastic Brand Experiences With Low-Code
From our Delivering Fantastic Brand Experiences With Low-Code Webinar on June 23rd 2022.
Utilising a low-code strategy and solution and enable businesses to better manage their website challenges, streamline slow development workflows and create better experiences for their customers.
Introducing Drupal and Drupal.Org Community in PUP QC, PH
Introduction of Drupal as CMS (CMF for most concise) of choice. Advantages of choosing Drupal over other CMS. Career opportunities in Drupal web development. Introduction the community.
Drupal 7 Search Engine Optimisation
Drupal websites can be structured for SEO in flexible ways. Enabling clean URLs, managing URL aliases with Pathauto, and controlling HTML output with modules like Clean Markup are important. Configuring metatags with the Metatag module and adding breadcrumbs and alternative feeds helps search engines index content. Views also need configuration to optimize pagination and metadata. With strategic configuration, Drupal can be optimized for search engines.
Hemanth Kumar - Drupal Architect
This resume summarizes the skills and experience of Hemanth Kumar as a Drupal Architect and Team Lead. He has over 7 years of experience building complex Drupal applications for clients like GE and Qualcomm. Some of the key projects mentioned include building a Drupal portal for GE's GDP tool to replace an Excel tool, developing Qualcomm's QUTE testing platform using Drupal, and building the Qualcomm Wireless Academy e-learning site. His responsibilities included requirements gathering, project estimation, coding, testing, deployments and leading teams of 5-10 people.
From Divided to United - Aligning Technical and Business Teams
Are your technical and business teams at odds with each other? They don't have to be. Join us tomorrow to discover the secret to gaining alignment.
Dominica DeGrandis, Director of Learning and Development at LeanKit, will share how clarity on priorities, cross-functional dependencies and team metrics drive unity.
You'll learn how to:
- Balance business requests with maintenance work
- Prioritize up, down and across the hierarchy
- Get visibility on cross-functional dependencies
Dominica will share her observations while working at a SaaS company on the methods used to create clarity.
Drupal cho doanh nghiệp - cắt giảm tổng chi phí sở hữu phần mềm
Tom has experience in marketing, content strategy, and web development. He discusses the total cost of ownership (TCO) model, noting that upfront software costs are small compared to hidden lifetime costs like maintenance and replacement. TCO should be considered over the full product lifecycle. Drupal reduces enterprise TCO through its large community, modular architecture, and proven deployments at organizations like governments and universities. Drupal aims to provide flexibility, security, and integration at a lower overall cost than alternatives.
Drupal enterprise solutions reduce total cost of ownership (tco)
Tom has experience in marketing, content strategy, and web development. He discusses the total cost of ownership (TCO) model, noting that upfront software costs are small compared to hidden lifetime costs like maintenance and replacement. TCO should be considered over the full product lifecycle. Drupal reduces enterprise TCO through its large community, modular architecture, and proven deployments at governments and large organizations. Drupal helps control costs and adapt to changing needs over the long term.
Drupal Aware Design: Good Techniques for Better Themes
Between design and Drupal theme we change gears dramatically in process and thinking. As designers, we craft our work with wowing users in mind, and as themers, we strive to architect the design and make it pop. We can better unify these approaches to save time and work better. Drupal is adept at making virtually any design look great. What can we achieve in design, both individually and as a community? How can we build diverse designs seamlessly without a hitch along the way? We'll talk about how to improve every step of a process, from prototypes to wireframes. We'll discuss resolving complications like handovers in markup and themes that, due to a design's particularities or a time crunch, end up hacky and impossible to extend. We'll also dwell briefly on important ideas like accessibility and semantics, all while creating Drupal-ready designs and themes that perform perfectly across the board!
Here's a brief summary of what we'll tackle:
Some design principles, including Drupal's
Drupal-aware: Design with Drupal, not for Drupal
One design, many layout possibilities
Thinking about Drupal's structure and markup
How to write an awesome theme
Drupal code standards and conventions
Contributing good themes
To Drupal and beyond: Code that lasts
This session is geared toward designers with some HTML/CSS background and theming beginners. We will also work with a little painless PHP.
Speaker(s): Preston So
Experience Level: Beginner
More Related Content
What's hot
Web Design
Creative, professional , and modern base website for your business and we design sports, education, yoga, fitness and business websites
5 Deadly Sins of SharePoint in the Enterprise
This document discusses the 5 deadly sins of implementing SharePoint in an enterprise environment. They are: 1) treating governance as a one-time event rather than an ongoing process, 2) IT leadership not being involved in information architecture and roadmapping, 3) treating user adoption and training as an afterthought, 4) underestimating the human resource requirements, and 5) failing to educate and engage executives on how SharePoint can provide business value. The document provides additional details on each sin and recommends best practices to avoid them.
Meetup 1_ ppt.pdf
The document summarizes a Flutter Meetup event in Kathmandu. The Flutter Meetup Kathmandu group aims to establish a strong community of Flutter developers and get more people interested in learning Flutter. Their mission includes hosting regular monthly meetups and collaborating with existing developer groups. The meetup presenters discussed why learning Flutter would be a great career choice for junior developers, highlighting benefits like cross-platform development, large widget libraries, increasing demand for Flutter developers, and faster development times. They also answered common questions about Flutter.
Letter of Recommendation David Haddad
David worked as an intern assisting with database merging and vetting for aerospace customers. He developed an innovative process to geo-locate customers using Google Maps and wrote a manual on how to use the databases. His manager states that David is a smart, productive self-starter and recommends him for a higher level internship.
Become an SEO expert by experimentation
This document contains notes from an SEO presentation by Eli Schwartz, Director of Organic Product at SurveyMonkey. It discusses best practices for building expertise and influence as an in-house SEO professional through experimentation and testing. Key recommendations include developing test plans, prioritizing tests by impact, quantifying results, sharing successes, and using metrics like ROI to showcase value. The goal is to establish yourself as a domain expert through data-driven experiments that also benefit the organization.
Maximize Project 2010 w/ Office 365 for PM Success
The document appears to be a presentation about using Project 2010 with Office 365 for project management. Some of the topics discussed include whether Project 2010 with SharePoint is a "silver bullet" for project management, effectively initiating and planning projects, facilitating efficient team collaboration, tracking and reporting relevant project status, and having a question and answer section. The presentation encourages using the collaboration tools in Office 365.
Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...
Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...Chandeep Singh Khosa
I have worked as a freelance Site Builder & Front End developer on a few Drupal 8 projects and have learned a lot.
In this session I'd like to share my learnings with you. I will guide you through how I work with Paragraphs and Display Suite, and how I use Configuration Management with them.
I will show you cool things like making paragraphs within paragraphs, give examples of when not to use paragraphs and how to make the user experience nice and simple for content editors. I will give examples of how I've imported and exported configuration, and briefly mention how to best use it to collaborate with other developers.
I will show you how to save time when theming by using the power of Display Suite, including some lesser known advanced functionality.What's hot (7)
Maximize Project 2010 w/ Office 365 for PM Success
Maximize Project 2010 w/ Office 365 for PM Success
Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...
Drupal 8 Sitebuilding with Paragraphs, Display Suite & Config Management - Dr...
Similar to Component-driven Drupal Theming
Start Here: How to Prepare for Your Drupal 8 Journey
With each day, the buzz is building around what Drupal 8 can do and how it is going to impact your site and business goals. Members of the Drupal community and beyond see Drupal 8 as a great bridge for Drupal to other technologies that are object-oriented and leverage 3rd party libraries across different platforms.
Drupal 8 presents an opportunity to showcase the skills you have developed and make the work you have done more applicable across different platforms and projects.
But before Drupal 8 mastery can happen, you’ve got to start somewhere. Join us for a webinar to:
• Discover the real-world solutions included in Drupal 8 for each member of your team
• Explore the foundation of Drupal 8’s mobile and responsive design
• Learn how Drupal 8’s architecture makes it the ideal platform for creating and delivering segmented content
Creating an Organizational Culture of Giving Back to Drupal
1) The document is a presentation about creating a culture of giving back to open source projects within organizations. It discusses the importance and benefits of contributing to open source software and provides examples of how individuals, agencies, and enterprises can contribute.
2) The presentation provides use cases of contributions from an individual developer, the agency Mediacurrent, and the enterprise Pfizer. It discusses how Mediacurrent promotes a "contrib-first" culture and contributes extensively to Drupal.
3) The presentation urges all roles within an organization, including non-technical and technical staff as well as leadership, to find ways to contribute back to open source projects through activities like documentation, code contributions, funding, and community involvement.
Prototype to Drupal Site with KalaStatic
Designing large custom websites can be a daunting task, but prototyping can help reduce the risk of costly rework by allowing testing and stakeholder feedback cycles to happen earlier and more often. This session will demonstrate how Kalastatic, a flexible open-source framework for building static prototypes and living style guides that integrates with Drupal, can improve the end product and speed up the front-end development.
How Not to Be Conned by Your Drupal Vendor!
Despite the title, this presentation aims to shed some lights to both clients & vendors on how to execute acceptable Drupal projects, focusing on asking the 10 questions discussed in the slides.
Drupal Training in Delhi
Are you interested in enrolling in a Drupal Course in Delhi? Look no further than APTRON Delhi, the leading training institute for IT professionals. With their comprehensive Drupal course, APTRON Delhi offers you the perfect opportunity to enhance your skills and knowledge in this popular content management system.
https://bit.ly/3BHJAVj
Drupal Webinar: Ignite and Accelerate Your Drupal 7 to Drupal 9 Migration
Drupal Webinar: Ignite and Accelerate Your Drupal 7 to Drupal 9 Migration
For many businesses, the process of migrating a website from Drupal 7 to Drupal 9 can be extensive and expensive. But by adopting the right processes and tools, businesses can streamline and accelerate this task - allowing for more time to be dedicated to auditing, testing and website improvements.
On June 17th, Sylvain Reiter (Client Services Officer) and Liza Koroleva (Project Manager) from Cyber-Duck, and Dave Thomas (Senior Solutions Engineer) from Acquia, discussed how developers can implement a more advanced upgrade strategy for Drupal websites.
Choosing Drupal as your Content Management Framework
In Kendall Totten's presentation, "Choosing Drupal as a Content Management Framework for Your Next Project" she covered questions such as:
-What is Drupal and what makes it great?
-What is involved with building & theming a Drupal site?
-How to get a Drupal site off the ground quickly
-The difference between a base theme and a regular theme
-Modules that make theming easier
Delivering Fantastic Brand Experiences With Low-Code
From our Delivering Fantastic Brand Experiences With Low-Code Webinar on June 23rd 2022.
Utilising a low-code strategy and solution and enable businesses to better manage their website challenges, streamline slow development workflows and create better experiences for their customers.
Introducing Drupal and Drupal.Org Community in PUP QC, PH
Introduction of Drupal as CMS (CMF for most concise) of choice. Advantages of choosing Drupal over other CMS. Career opportunities in Drupal web development. Introduction the community.
Drupal 7 Search Engine Optimisation
Drupal websites can be structured for SEO in flexible ways. Enabling clean URLs, managing URL aliases with Pathauto, and controlling HTML output with modules like Clean Markup are important. Configuring metatags with the Metatag module and adding breadcrumbs and alternative feeds helps search engines index content. Views also need configuration to optimize pagination and metadata. With strategic configuration, Drupal can be optimized for search engines.
Hemanth Kumar - Drupal Architect
This resume summarizes the skills and experience of Hemanth Kumar as a Drupal Architect and Team Lead. He has over 7 years of experience building complex Drupal applications for clients like GE and Qualcomm. Some of the key projects mentioned include building a Drupal portal for GE's GDP tool to replace an Excel tool, developing Qualcomm's QUTE testing platform using Drupal, and building the Qualcomm Wireless Academy e-learning site. His responsibilities included requirements gathering, project estimation, coding, testing, deployments and leading teams of 5-10 people.
From Divided to United - Aligning Technical and Business Teams
Are your technical and business teams at odds with each other? They don't have to be. Join us tomorrow to discover the secret to gaining alignment.
Dominica DeGrandis, Director of Learning and Development at LeanKit, will share how clarity on priorities, cross-functional dependencies and team metrics drive unity.
You'll learn how to:
- Balance business requests with maintenance work
- Prioritize up, down and across the hierarchy
- Get visibility on cross-functional dependencies
Dominica will share her observations while working at a SaaS company on the methods used to create clarity.
Drupal cho doanh nghiệp - cắt giảm tổng chi phí sở hữu phần mềm
Tom has experience in marketing, content strategy, and web development. He discusses the total cost of ownership (TCO) model, noting that upfront software costs are small compared to hidden lifetime costs like maintenance and replacement. TCO should be considered over the full product lifecycle. Drupal reduces enterprise TCO through its large community, modular architecture, and proven deployments at organizations like governments and universities. Drupal aims to provide flexibility, security, and integration at a lower overall cost than alternatives.
Drupal enterprise solutions reduce total cost of ownership (tco)
Tom has experience in marketing, content strategy, and web development. He discusses the total cost of ownership (TCO) model, noting that upfront software costs are small compared to hidden lifetime costs like maintenance and replacement. TCO should be considered over the full product lifecycle. Drupal reduces enterprise TCO through its large community, modular architecture, and proven deployments at governments and large organizations. Drupal helps control costs and adapt to changing needs over the long term.
Drupal Aware Design: Good Techniques for Better Themes
Between design and Drupal theme we change gears dramatically in process and thinking. As designers, we craft our work with wowing users in mind, and as themers, we strive to architect the design and make it pop. We can better unify these approaches to save time and work better. Drupal is adept at making virtually any design look great. What can we achieve in design, both individually and as a community? How can we build diverse designs seamlessly without a hitch along the way? We'll talk about how to improve every step of a process, from prototypes to wireframes. We'll discuss resolving complications like handovers in markup and themes that, due to a design's particularities or a time crunch, end up hacky and impossible to extend. We'll also dwell briefly on important ideas like accessibility and semantics, all while creating Drupal-ready designs and themes that perform perfectly across the board!
Here's a brief summary of what we'll tackle:
Some design principles, including Drupal's
Drupal-aware: Design with Drupal, not for Drupal
One design, many layout possibilities
Thinking about Drupal's structure and markup
How to write an awesome theme
Drupal code standards and conventions
Contributing good themes
To Drupal and beyond: Code that lasts
This session is geared toward designers with some HTML/CSS background and theming beginners. We will also work with a little painless PHP.
Speaker(s): Preston So
Experience Level: Beginner
Prepare Your Drupal 9 Action Plan
The official release of Drupal 9 is nearly upon us! Any organization that has done a major release upgrade before certainly knows that it can come with challenges. Here's how to prep your technology, team, and overall website strategy for the arrival.
Chart your Drupal 9 readiness roadmap to factor in the following:
Your site - Learn about code and core considerations for a successful transition.
- Your team: Plan for testing and automation. Bridge the gap between editors and site builders.
- Your toolkit: See how Drupal distributions give you a faster, easier path to launch.
Code & Cannoli - Domain Driven Design
Domain Driven Design (DDD) involves strategic design practices to develop a software model that closely represents the business domain. It focuses on bringing together domain experts and developers to develop a shared ubiquitous language. The domain is divided into subdomains and core domains, with the core domain being the most important to the business. Models are developed for each bounded context, which represents an explicit boundary within a subdomain. Following DDD results in software that makes more sense to both the business and technical aspects of the organization.
Drupal As A Jigsaw
This document provides an overview of Drupal as a content management system. It discusses how Drupal can be like a jigsaw puzzle or Lego set, where individual modules can be combined to build different solutions. However, Drupal also has shortcomings like a complex installation process and lack of documentation. Initiatives like distributions, Drolutions, and community projects help bridge this divide by providing pre-built solutions, module combinations, and educational opportunities that make Drupal more approachable and usable for different projects.
It's All About the Experience: What I’ve learnt from talking to thousands of ...
Use cases for Drupal are changing and so are criteria for selecting a web development platform. This is a challenge for the community as well as individuals and companies that use Drupal. We can learn a lot by looking at the Drupal experience from different perspectives and thinking about the personas of people who interact with Drupal.
I’ll talk about what we can learn from design thinking and user experience techniques, and what I’ve learnt from talking to new Drupal users and teaching Drupal. And I’ll share my thoughts about how we can adapt our approach and mindset to make Drupal relevant to our clients, colleagues, and communities.
What is Drupal? An Introduction to Drupal 8
This talk, presented at Drupal Global Training Days Montreal - September 2016 walks through features of Drupal 8, examples of sites built with Drupal, an introduction to the Drupal community and topics for learning Drupal theming and module development.
Similar to Component-driven Drupal Theming (20)
Start Here: How to Prepare for Your Drupal 8 Journey
Start Here: How to Prepare for Your Drupal 8 Journey
Creating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to Drupal
Drupal Webinar: Ignite and Accelerate Your Drupal 7 to Drupal 9 Migration
Drupal Webinar: Ignite and Accelerate Your Drupal 7 to Drupal 9 Migration
Choosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management Framework
Delivering Fantastic Brand Experiences With Low-Code
Delivering Fantastic Brand Experiences With Low-Code
Introducing Drupal and Drupal.Org Community in PUP QC, PH
Introducing Drupal and Drupal.Org Community in PUP QC, PH
From Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business Teams
Drupal cho doanh nghiệp - cắt giảm tổng chi phí sở hữu phần mềm
Drupal cho doanh nghiệp - cắt giảm tổng chi phí sở hữu phần mềm
Drupal enterprise solutions reduce total cost of ownership (tco)
Drupal enterprise solutions reduce total cost of ownership (tco)
Drupal Aware Design: Good Techniques for Better Themes
Drupal Aware Design: Good Techniques for Better Themes
It's All About the Experience: What I’ve learnt from talking to thousands of ...
It's All About the Experience: What I’ve learnt from talking to thousands of ...
More from Mario Hernandez
Responsive design with flexbox
The document discusses responsive design using Flexbox. It begins with an agenda that includes problems with float layouts, what Flexbox is, browser support, and practical use cases. It then defines Flexbox as allowing alteration of item widths and heights to fill available space. Key Flexbox properties are explained like flex-direction, flex-wrap, and justify-content. Browser support and fallbacks are also covered. Resources for learning more about Flexbox are provided.
Building your first d8 theme
The document discusses building a first Drupal 8 theme. It covers meaningful changes in Drupal 8 like the use of Twig and YAML, adding CSS and JavaScript, responsive design using breakpoints, and debugging themes. The presentation provides an overview of these topic areas and demonstrates building a basic Drupal 8 theme through a hands-on demo.
HTML5 and CSS3
HTML and CSS are the core technologies for building any website. In this presentation I focus on the core features of each and also introduce Sass as the next way of writing more efficient CSS.
Introduction to drupal
Drupal began in 2000 as a small website created by Dries Buytaert and friends to share notes about a wireless network. It later became publicly available as an open source content management system (CMS) written in PHP. Drupal allows users to create and manage website content through nodes, which can be organized and displayed with modules, blocks, themes, views, and taxonomy. It has grown in popularity since its initial release and versions 6, 7, and 8 are used by millions of websites worldwide.
Rapid wireframing and prototyping
An introduction to wireframing and prototyping and the tools used to design more efficient wireframes.
Introduction to HTML and CSS
The document provides an agenda for a workshop on HTML, CSS, and putting them together. It covers HTML topics like semantic tags, comments, and best practices. It then discusses CSS topics such as IDs vs classes, floats, shorthand, and putting HTML and CSS together with project structure and layouts. The workshop aims to give an introduction to HTML, CSS, and how to structure websites using these languages.
CSS Frameworks
This document introduces CSS frameworks and discusses choosing the right framework, working with grid systems, and rapid prototyping. It explains that project requirements should determine the framework choice and lists features to consider like fluid grids, responsiveness, pre-defined styles, documentation, and maintenance. The document also overview how grid systems use rows and columns to define page regions and include examples from Foundation. It concludes by providing contact information for further discussion.
Responsive Web Design
A hands-on introduction to Responsive Web Design presented by Mario Hernandez at Socal CodeCamp 2012, San Diego .Net User Group 2013, San Diego SoCal CodeCamp 2013 at UCSD & SoCal CodeCamp 2013 at USC, Online Webinars throughout 2014.
CSS Framework + Progressive Enhacements
Mario Hernandez presented on CSS frameworks and progressive enhancements with CSS3. The presentation covered choosing the right CSS framework based on factors like project requirements, fluid grid systems, responsiveness, documentation, and maintenance. Frameworks like Foundation and 960 Grid System were showcased. Grid systems use rows and columns to layout content. Progressive enhancements with CSS3 focus on widely supported properties to enhance the user experience without sacrificing functionality. Additional resources on grids, CSS3, and responsive design were provided.
Introduction to Drupal Content Management System
This document provides an introduction to the open source content management system (CMS) Drupal, including an overview of its key concepts like nodes, modules, blocks, and themes. It outlines an agenda to cover installing Drupal, creating content and users, installing modules, setting permissions, and installing themes. The document concludes by listing additional resources for learning Drupal and contact information for the presenter.
CSS3 for web designer - How to design a visually appealing website
This document provides an introduction to visually appealing web design using CSS3. It discusses the 960 grid system as a framework for streamlining web development workflow. Key elements of great design such as color, texture, white space and typography are covered. The document also outlines supported CSS3 properties that are widely adopted like border-radius, text-shadow and box-shadow. Hands-on practice with these techniques is encouraged along with additional resources for further learning.
960 Grid System - A hands-on introduction
This hands-on introduction to the 960 grid system was prepared by Mario Hernandez in an effort to educate fellow designers and developers of the Federal Court system in the use of grids and frameworks. August 2011
Front end-design and best practices
The document discusses front-end design best practices for web development. It notes that courts place little emphasis on web standards, design, usability and accessibility. It then outlines best practices for HTML and CSS markup, including using semantic structure, separation of content and presentation, and accessibility. The document also describes the speaker's design process and recommends tools like Firebug and books on web standards.
An introduction to the 960 grid system
The 960 Grid System is a framework for streamlining web development workflow that is based around a 960 pixel width. It provides commonly used column dimensions of 12 or 16 columns that can be used separately or together. Some benefits include rapid development, clean grid structure, and easy creation of complex layouts. However, it also has limitations such as being restricted to the 960 pixel width. The document discusses the history and features of the 960 Grid System framework.
More from Mario Hernandez (14)
CSS3 for web designer - How to design a visually appealing website
CSS3 for web designer - How to design a visually appealing website
Recently uploaded
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Communications Mining Series - Zero to Hero - Session 1
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
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Securing your Kubernetes cluster_ a step-by-step guide to success !
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
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.Building RAG with self-deployed Milvus vector database and Snowpark Container...
This talk will give hands-on advice on building RAG applications with an open-source Milvus database deployed as a docker container. We will also introduce the integration of Milvus with Snowpark Container Services.
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
“I’m still / I’m still / Chaining from the Block”
“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.
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
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.
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
A tale of scale & speed: How the US Navy is enabling software delivery from l...
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Recently uploaded (20)
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Component-driven Drupal Theming
- 1. Making theming great again! Component-driven Theming Client or Event Logo
- 2. Intros Mario Hernandez @imariohernandez /in/mariorhernandez slideshare.net/marequi Sr. Front-End Developer 2
- 3. Style Guide Contents Problems with traditional Drupal theming Advantages of components Tools4 3 2 1 3 How components work
- 4. About 4 Mediacurrent helps organizations build highly impactful, elegantly designed Drupal websites that achieve the strategic results they need. ● Single-source provider ● Specializing in Drupal since 2007 ● Headquartered in Atlanta, GA ● Team of 70+ Drupal Experts including development, design and strategy ● Clients include: Large Enterprise and high-profile global brands
- 5. Problems with traditional Drupal theming1
- 6. 6 Problems with traditional Drupal theming
- 7. 7 Problems with traditional Drupal theming ● Content source can complicate theming ○ Blocks ○ Views ○ Custom content types ○ Custom modules ● Ambiguous css classes create regressions ● Excessive and unnecessary markup
- 8. 2 How components work
- 9. 9 How components work Breaking it down
- 18. 3 Advantages of components
- 19. 19 Advantages of components Semantic markup BEM https://css-tricks.com/bem-101/
- 24. 24 Advantages of components Reusable components
- 26. 26 Advantages of components Front-End & Back-end devs love it!
- 28. 28 Advantages of components Clients also love it!
- 29. 29 Advantages of components Instant gratification
- 30. 30 Advantages of components Teams love it!
- 31. 4 Tools
- 32. 32 Tools
- 34. 34 Tools
- 35. 35 Tools
- 36. 36 Tools
- 37. 37 Tools Demo https://youtu.be/cLu9ZGIzpvU?list=PLztBsFl4ot8v5Nv1Mj900XtJpiTEd0BG1 Won't You Take Me to Chunk-y Town: Component-based theming and Drupal front-end development by Mark Drummond of Lullabot