SlideShare a Scribd company logo
ATOMIC DESIGN
@brad_frost
PAGES
GRAPHIC? WRITTEN PAGE? WEB PAGE? BOTH?
http://www.flickr.com/photos/pandora_6666/4927865092/
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Data science for infrastructure dev week 2022
Data science for infrastructure   dev week 2022Data science for infrastructure   dev week 2022
Data science for infrastructure dev week 2022

The document discusses using data science and automation for infrastructure monitoring. It introduces Pixie, a tool that allows users to collect raw data, transform it into signals, and then take actions based on those signals. Two examples are provided: 1) detecting SQL injections from application logs and sending Slack alerts, and 2) automatically scaling a deployment based on HTTP request throughput metrics. Pixie uses an embedded domain-specific language called PxL to define logical data workflows and queries.

pixiek8skubernetes
Building the Media Block in ReactJS
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS

the API is an interface that needs to be designed. http://styleguide.pivotal.io/react_beta.html https://www.npmjs.com/search?q=pui

reactan event apartan event apart - san diego 2015
An introduction to Emulsify
An introduction to EmulsifyAn introduction to Emulsify
An introduction to Emulsify

An introduction to Emulsify In this presentation, Safallia Joseph of Valuebound has walked us through Emulsify -a component driven prototyping-tool using Pattern Lab. The various agendas include: A brief intro to Components, Atomic Designs and Pattern Lab How to get up and running with Pattern Lab in Drupal An intro to Emulsify Emulsify’s implementation of CDD Getting started with Emulsify Connecting Emulsify to Drupal Benefits and challenges of a decoupled front end workflow in Drupal Projects ---------------------------------------------------------- Get Socialistic Our website: http://valuebound.com/ LinkedIn: http://bit.ly/2eKgdux Facebook: https://www.facebook.com/valuebound/ Twitter: http://bit.ly/2gFPTi8

emulsifypattern labdrupal
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
We’re not designing pages,
we’re designing systems of components.
-Stephen Hay
http://bradfrostweb.com/blog/mobile/bdconf-stephen-hay-presents-responsive-design-workflow/

Recommended for you

Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind

This document provides an overview of creating a style guide with modularity and reusable components in mind. It discusses defining global styles like color palettes and typography early in the design process. Designers should analyze wireframes to isolate reusable objects and create a shared vocabulary through a style guide. This ensures visual consistency and allows developers to begin work before final designs. The document provides examples and references to support the described approach.

The Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect ContentThe Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content

A designer has been asked to mock up a student profile page in Photoshop. It’s beautiful. The student’s name fits perfectly under the profile image. Their bio is split into two columns that perfectly line up. Unfortunately, all of this perfectly laid-out content is an unrealistic best-case scenario. Our content never fits this perfectly. Names are longer than the eleven characters used in the mock-up. Bios naturally vary in length from person to person. The reality is that we will have large variation in our content. Rather than addressing these variations after we’ve received approvals and started building a website, we should stress-test our designs with real content from the start of our process. To deliver the best possible product, we need to design for the best-case, worst-case, and every-case-in-between when it comes to possible content. * Learn how systems and patterns can help us build reusable and shareable components for our websites * Discover the benefits of taking the design process out of Photoshop and moving it to the browser. * Learn how content specialists can engage with the design process from the beginning and be advocates for realistic content. * Explore how real and varied content, not lorem ipsum, can be used to test a design and how it might work. * Discover how developers can also be involved in this process to ease integration of a design with a CMS or a custom solution.

responsive web designpatternsresponsive design
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftw

The document discusses atomic design principles and best practices for CSS architecture and code. It explains the different levels of atomic design including atoms, molecules, organisms, templates and pages. It provides examples of how to implement atomic design using CSS extensions, mixins, variables and imports. It also outlines recommendations for CSS practices such as managing specificity, using semantic selectors, separating concerns of paint and layout, avoiding magic numbers, and more.

atomic designfront endsass
WHAT IS AN INTERFACE MADE OF?
http://bradfrost.github.com/this-is-responsive/patterns.html
http://foundation.zurb.com/
getbootstrap.com

Recommended for you

Atomic Design
Atomic Design Atomic Design
Atomic Design

From a lecture for product designers, describing the Atomic Design Approach in theory and practice: the idea of approach and how it was used in production.

designweb designatomic design
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design

Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.

responsive designhigher educationhighered
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)

A slightly modified version of the talk I first presented at Smashing Conference, now presented at Fronteers 2012. (http://fronteers.nl/congres/2012) Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.

responsive designstyle guidesphotoshop
THESE THINGS ARE GREAT, BUT...
Atomic Design - BDConf Nashville, 2013
FRAMEWORK POTENTIAL PITFALLS
๏ One-size-fits-all
๏ Lookalike issues
๏ Potential for bloat/unneeded stuff
๏ Might not do everything you need
๏ Compatibility with existing sites
๏ Subscribe to someone else’s structure, naming, style
Tiny Bootstraps, for every client.
-Dave Rupert
http://daverupert.com/2013/04/responsive-deliverables/

Recommended for you

So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)

Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015 Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.

designerweb design and developmentdesign challenges
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesign

This document discusses responsive web design. It begins by outlining the failures of separate mobile websites and native apps. Responsive design is identified as the key approach because it allows for one website with a layout that adapts to any screen size. The document then covers various aspects of responsive design such as thinking mobile first, information architecture considerations, designing in the browser versus Photoshop, using a fluid or fixed grid, and making design decisions beyond just visual design.

netlash-bseenmobilewebdesign
Documenting an Atomic Design System with Jekyll
Documenting an Atomic Design System with JekyllDocumenting an Atomic Design System with Jekyll
Documenting an Atomic Design System with Jekyll

This document discusses using Jekyll to document an atomic design system. It introduces atomic design and common documentation issues around formatting, navigation, usability, and versioning. It then explains how Jekyll is a static site generator that uses Markdown files and templates to generate static HTML and CSS pages. The rest of the document outlines how Jekyll was used to structure, edit, host, and improve the design system documentation through processes like Omnigraffle, InVision, Basecamp, commits and pull requests. Future plans are also mentioned.

Responsive deliverables should look
a lot like fully-functioning Twitter
Bootstrap-style systems custom
tailored for your clients’ needs.
-Dave Rupert
http://daverupert.com/2013/04/responsive-deliverables/
BENEFITS OF FRONT-END STYLE GUIDES
๏ Easier to test
๏ Better workflow
๏ Creates a shared vocabulary
๏ Useful reference

http://24ways.org/2011/front-end-style-guides/
http://gim.ie/fZyK
http://pea.rs/

Recommended for you

Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012

Almost exactly the same slides as for BDConf, but some might appreciate having the actual slides from this event.

responsive designweb designmobilism
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)

Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.

responsive designweb design and developmentweb
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance

Refactoring Trulia’s UI with SASS, OOCSS, and handlebars. My slides from jsconf 2013. Lot's of yummy details about the performance improvements we were able to make.

sassoocssstyle guides
http://brettjankord.com/projects/style-guide-boilerplate/
http://patternprimer.adactio.com/
http://malarkey.github.io/Rock-Hammer/
http://barebones.paulrobertlloyd.com

Recommended for you

"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin..."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...

Responsive web design challenges web designers to apply a new mindset to their design processes, as well as to techniques they are using in design and coding. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.

Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectations

The document discusses the need for a new design process called "atomic design" in the post-PSD era. It outlines some of the problems with the traditional pixel-perfect PSD workflow and presents atomic design as an alternative. Atomic design involves designing systems rather than pages by breaking interfaces down into reusable atomic elements like atoms, molecules and organisms. This allows for faster, more collaborative and responsive design processes.

designweb designatomic design
The Architecture of Self Advocacy
The Architecture of Self Advocacy The Architecture of Self Advocacy
The Architecture of Self Advocacy

Perhaps school taught you how to make a taxonomy or create a persona from research, but did it teach you how to ask for a raise? How to create consensus between your team, product and engineering? Or how to get the right design out in the face of the “just copy Amazon/Google/Netflix” argument? Designers are taught the skills to make good design, but not the ones that will assure that design will go live. In this talk, I’ll cover key skills every UX practitioner should know. The techniques I’ll each are based on a combination of Nonviolent Communication, John Kotter’s Buy In, FBI negotiation techniques, and from real life in the Silicon Valley. Attendees will learn How to build consensus How to argue and listen effectively How to stay zen when the situation gets hot How to get buy in How to ask for what you need While designers historically have shrunk away from selling, It’s not gross or ugly to ask for what you need to get the job done right. If designers want a place at the table, they will have to ask for it.

raisesuxnegotiation
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
http://www.starbucks.com/static/reference/styleguide/
http://www.starbucks.com/static/reference/styleguide/

Recommended for you

Osac2012
Osac2012Osac2012
Osac2012

Cloud OS is a total cloud infrastructure solution that provides integrated management of both physical and virtual resources. It aims to simplify building cloud data centers with features like virtual data center provisioning, high availability, load balancing, security and data protection. Cloud OS is compatible with OpenStack APIs while providing additional capabilities like dynamic load balancing, auto-scaling and dedicated hardware pools.

2012osacopenstack
World2016_T5_S5_SQLServerFunctionalOverview
World2016_T5_S5_SQLServerFunctionalOverviewWorld2016_T5_S5_SQLServerFunctionalOverview
World2016_T5_S5_SQLServerFunctionalOverview

MicroStrategy integrates with Microsoft SQL Server in several ways to optimize analytical queries: 1) MicroStrategy generates SQL Server-specific syntax and pushes over 120 functions to take advantage of SQL Server's analytics capabilities. 2) MicroStrategy uses multi-pass SQL and intermediate tables to help answer complex analytical questions, with options like global temporary tables and parallel query execution. 3) MicroStrategy supports key SQL Server features like parallel queries, indexed views, compression, and partitioning to improve performance.

Pastoralism and livestock marketing at the margins
Pastoralism and livestock marketing at the marginsPastoralism and livestock marketing at the margins
Pastoralism and livestock marketing at the margins

Presentation by Jeremy Lind at the event "The Political Economy of Agricultural Policy Processes in Africa", September 2014. http://www.future-agricultures.org/events/the-political-economy-of-agricultural-policy-processes-in-africa

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
I LOVE THESE.

Recommended for you

Lifestyle unit 6
Lifestyle unit 6Lifestyle unit 6
Lifestyle unit 6

The document provides an outline for an English lesson on lifestyle topics. It includes the following activities: reviewing the previous day's work, taking a short quiz, listening to a song about happiness, reading about new products and numbers, discussing money and shopping, learning about inventions, sales techniques, and creating a commercial for a new product. Students are assigned to read about creativity myths for homework.

บูรณาการอาเชียน ม.1
บูรณาการอาเชียน ม.1บูรณาการอาเชียน ม.1
บูรณาการอาเชียน ม.1

แผนการสอนบูรณาการอาเซียน มัธยมศึกษาปีที่ 1

大北森林組合補助金不正事件に係る長野県説明会記録
大北森林組合補助金不正事件に係る長野県説明会記録大北森林組合補助金不正事件に係る長野県説明会記録
大北森林組合補助金不正事件に係る長野県説明会記録

2016.11.15開催。情報公開請求で入手。県ホームページでは、都合のよい情報しか出していない。信濃毎日新聞が何度も引用した名ゼリフ「誰のための説明会なのか」も、県庁による検閲疑惑もカット。緊縛した雰囲気がありありと分かる質疑応答は、15ページから。 検閲済みの県庁ホームページ版はこちら。 https://www.pref.nagano.lg.jp/rinsei/kensei/soshiki/soshiki/kencho/shinrin/documents/161115shitugioutou.pdf

不用萌芽加算金間伐
MO’ PATTERNS, MO’ PROBLEMS
๏ Time consuming to create
๏ Treated as a auxiliary project
๏ Often too abstract
๏ Seen only as a designer/developer tool
๏ Often created after a project launches
๏ Often incomplete/only serving present cases
๏ Lacking a clear methodology
ATOMIC DESIGN
H2 + O2 → H20
C + O2 → CO2
CH4 + O2 → CO2 + H2O
C8H18 + O2 → CO2 + H20
C2H6 + O2 → CO2 + H2O
Atomic Design - BDConf Nashville, 2013

Recommended for you

Indicaciones de un helipuerto
Indicaciones de un helipuertoIndicaciones de un helipuerto
Indicaciones de un helipuerto

El documento proporciona indicaciones para el diseño y operación de helipuertos. Se debe eliminar postes eléctricos en el área de aproximación. Las dimensiones mínimas del área de aproximación y despegue son de 12.61 metros por lado. El perímetro se marcará con líneas blancas de 30 cm de ancho. No se permite ningún objeto fijo o móvil en el área de seguridad para evitar daños por la corriente descendente de los rotores.

quimica
quimicaquimica
quimica

O documento discute as propriedades de vários tipos de hidrocarbonetos cíclicos e aromáticos, incluindo cicloalcanos, cicloalcenos, fenóis e ácidos carboxílicos. Ele fornece detalhes sobre sua nomenclatura, fórmulas gerais, reações principais e aplicações industriais.

Online shopping India
Online shopping IndiaOnline shopping India
Online shopping India

Online shopping emerged with the development of the internet. Entrepreneurs saw the potential for online shopping and created virtual storefronts so consumers could shop from home. While online shopping offers consumers convenience through geographic flexibility and easy comparisons, it also presents risks like fraud, security issues, and difficulty ensuring the right product is received on time. For businesses, online shopping allows less reliance on intermediaries and more direct marketing and customer service opportunities. The main differences between online and traditional shopping are the inability to physically see products before buying and less human interaction, though they both rely on advertising and aim to provide security and convenience.

online marketingonline shoppingonline business
H2+O2=H20
H2+O2→H20
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Tourism english 3
Tourism english 3Tourism english 3
Tourism english 3

This document provides an overview of topics related to tourism in Taiwan including gender equality, common souvenirs to buy in different locations, a vocabulary review, and questions to ask a partner about travel experiences. Gender equality is high in Taiwan, which ranks first in Asia and near the top globally. Souvenirs vary by location, such as Sun Moon Lake, Taichung, and Penghu. A vocabulary review covers words like beige, toiletries, and skyrocket. Sample questions ask about reasons for travel, travel benefits and destinations, best and worst travel experiences, and travel preferences.

Track2 -杨世芬--cloudena-apac-8-11-2012
Track2 -杨世芬--cloudena-apac-8-11-2012Track2 -杨世芬--cloudena-apac-8-11-2012
Track2 -杨世芬--cloudena-apac-8-11-2012

This document summarizes Cloud Based VDI with OpenStack. It discusses modifications made to Nova, Keystone, Glance, Quantum, and Swift to support a virtual desktop infrastructure using OpenStack. Key points include extending APIs, adding Active Directory support, implementing differential snapshots in Nova, enforcing storage quotas in Swift, and designing for disaster recovery. The overall goal is to launch and manage virtual machines, enable user login and authentication, store and retrieve images, implement network connectivity, and provide a content delivery solution using various OpenStack components.

2012osacopenstack
Keynote -henry xu--dell open stack powered cloud solution and case sharing-
Keynote -henry xu--dell open stack powered cloud solution and case sharing-Keynote -henry xu--dell open stack powered cloud solution and case sharing-
Keynote -henry xu--dell open stack powered cloud solution and case sharing-

DreamHost is using Dell's OpenStack-powered cloud solution to expand its cloud and storage services. Dell's solution provides proven components like PowerEdge servers and Crowbar software that simplifies deployment of OpenStack. This allows DreamHost to quickly deploy new services and lower costs by replacing traditional infrastructure and licensing with open source cloud technology.

openstack
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
http://joshduck.com/periodic-table.html
Atomic Design - BDConf Nashville, 2013

Recommended for you

2014 Android and iOS Design Trends
2014 Android and iOS Design Trends2014 Android and iOS Design Trends
2014 Android and iOS Design Trends

This presentation takes provides details on the latest design concepts and trends for Android and iOS UI/UX. Under the hood: UI/UX Design stages 2014 Web Design Trends Latest Technologies in Web Designing - Saas, Bootstrap, Yeoman, Compass Benefits of using Latest Trends in Web Designing Comparison between Old and New Trends in Web Designing 2014 Android Design Trends Benefits of using Latest Trends in Android in Interface Design Comparison between Older version Android and Android Kitkat 2014 iOS Design Trends Benefits of using Latest Trends iOS UI Design Comparison between iOS 6 and iOS 7 Good Design Tools & Expertise

designiosmobility
Server Monitoring as a Service
Server Monitoring as a ServiceServer Monitoring as a Service
Server Monitoring as a Service

Servers hosted in the cloud - public or private - require continuous visibility and cloud analytics to troubleshoot critical issues. Cloud monitoring across all your hosted servers must support both Linux and Windows system and integrate with Chef, Pagerduty, HipChat, Basecamp, and Twitter - plus support Amazon EC2, Rackspace, or any public or private cloud. More details at http://www.copperegg.com

amazon ec2cloud server monitoringserver monitoring
Denúncia da Lava Jato contra João Santana
Denúncia da Lava Jato contra João SantanaDenúncia da Lava Jato contra João Santana
Denúncia da Lava Jato contra João Santana

1. O Ministério Público Federal denuncia 12 pessoas por organização criminosa, corrupção e lavagem de dinheiro relacionadas ao esquema da Odebrecht. 2. A denúncia é resultado da continuidade das investigações da Operação Lava Jato sobre estruturas paralelas de lavagem de dinheiro e doleiros. 3. São denunciados executivos da Odebrecht, doleiros e outros envolvidos em pagamento de propinas a políticos em troca de benefícios para a empreiteira entre 2006-2015.

golpelava jato
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Open stack@netease
Open stack@neteaseOpen stack@netease
Open stack@netease
2012osacopenstack
The best wordpress backlink plugin get 150
The best wordpress backlink plugin   get 150The best wordpress backlink plugin   get 150
The best wordpress backlink plugin get 150

The Digi Article Blaster WordPress plugin automatically submits blog posts to over 150 article directories to generate backlinks, solving captchas and spinning content. It claims to create an unlimited flow of backlinks to increase search traffic, AdSense revenue, and affiliate commissions with minimal effort from the user. A link is provided to learn more about the plugin.

wordpressdigitoolsfree backlinks
Cooll usersguide 0
Cooll usersguide 0Cooll usersguide 0
Cooll usersguide 0
cooll_
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Como ler a bíblia
Como ler a bíbliaComo ler a bíblia
Como ler a bíblia

1) O documento fornece um plano para ler a Bíblia em um ano, reservando 20-30 minutos por dia. 2) Ele dá instruções sobre como escolher e analisar os textos bíblicos selecionados. 3) O plano de leitura lista os livros e capítulos da Bíblia a serem lidos diariamente ao longo do ano.

TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單

The document discusses new features in HTML5 including semantic elements, form elements, and microdata. Some key points: 1. HTML5 introduces new semantic elements like <header>, <footer>, <nav>, <article>, and <section> to define different parts of a page and improve semantics and accessibility. 2. New form input types are added like email, url, tel, number, date to support validation and new UI widgets. Attributes like placeholder, autofocus, and autocomplete improve the form experience. 3. Microdata builds on microformats to embed structured data using attributes like itemscope, itemtype, and itemprop to identify items, properties and values for search engines and APIs

html5semantic web
Introduction to web components
Introduction to web componentsIntroduction to web components
Introduction to web components

A short introduction to web components. The talk covers the basic standard specified by W3c like HTML imports, templates, shadow DOM and custom elements. Further a short overview of polyme, x-tags/Brick is given and shows how these bring together native browser implementation, polyfills and framework code to leverage web components technology today.

javascripthtml5encapsulation
Atomic Design - BDConf Nashville, 2013
H2+O2=H20
H2+O2→H20
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Death of a Themer
Death of a ThemerDeath of a Themer
Death of a Themer

Video at http://www.youtube.com/watch?v=HaJnhYPLvx0 Large Drupal projects will generally have a themer or five working alongside the developers, site builders and designers. Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do. Smaller projects also usually need someone on the team who can make sense of Drupal's output, knows more CSS and JS than anyone else and can configure Views with their eyes closed. The thing is — and whisper this, if possible redundancy concerns you — we can bypass the themer entirely. With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave. A friendly developer may have to lend a hand every now and then, but that’s it. You can get rid of the themer altogether. http://2013.drupalcamplondon.co.uk/session/death-themer

drupaltheme"drupalcamp london"
Rapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris GriffithRapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris Griffith

This hands-on session will introduce you to Bootstrap, a powerful HTML/CSS framework for developing responsive web sites. Learn how to leverage the various capabilities of this framework to quickly generate HTML prototypes. Attendees will work through creating a basic consumer web site. We will look at the new layout framework introduced in Bootstrap 3, a variety of web components, and some basic CSS styling. Don’t worry if writing HTML is outside your comfort zone, this session will take you from the basics to creating impressive web prototypes in no time.

#uxpa2015#uxpa2015course
Headless Drupal
Headless DrupalHeadless Drupal
Headless Drupal

Headless Drupal involves decoupling the Drupal backend from the frontend presentation layer. This allows for flexible frontend development while retaining Drupal's content management capabilities through a REST API. Key benefits include separation of concerns between content and presentation, using the best technologies for each, and improved performance through caching and scalability. Some topics to consider include available Drupal services, security, accessibility and SEO when implementing a headless architecture.

drupalfrontendheadless
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Does my DIV look big in this?
Does my DIV look big in this?Does my DIV look big in this?
Does my DIV look big in this?

Glen Smith discusses ways to reduce duplication in Grails user interfaces using Grails resources, Bootstrap, and Less CSS. Resources allow bundling and minimizing JavaScript and CSS, improving performance. Bootstrap provides pre-built HTML and CSS components. Less CSS extends CSS with features like variables, mixins, and nesting to reduce duplication. The talk demonstrates using these techniques and plugins to standardize fonts, layouts, forms, and navigation across a Grails application.

grails ui
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpOptimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp

We take great care in our back end coding workflow, optimising, automating and abstracting as much as is possible. So why don't we do that with our front end code? We'll take a look at some tools to help us take our front end workflow to the next level, and hopefully optimise our load times in the process! We'll be looking at using Twig templates and optimising them for the different areas of your application, integrating Bower and Gulp for managing assets and processing our front-end code to avoid repetitive tasks - looking at how that impacts the typical Symfony workflow.

gulpnpmnode
Diazo: Bridging Designers and Programmers
Diazo: Bridging Designers and ProgrammersDiazo: Bridging Designers and Programmers
Diazo: Bridging Designers and Programmers

This document introduces Diazo, an open source theme engine for bridging web designers and developers. It discusses how Diazo works by using XML rules and XSLT to transform unthemed HTML content into themed content. It provides examples of common rules for replacing elements, including and dropping content, and merging navigation. Diazo allows maintaining design templates separately from dynamic content and deploying transformed content through an XSLT processor. The conclusion recommends starting with example codes, using the editor for common tasks, and keeping organizational themes consistent.

plonepython
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Everything is Awesome - Cutting the Corners off the Web
Everything is Awesome - Cutting the Corners off the WebEverything is Awesome - Cutting the Corners off the Web
Everything is Awesome - Cutting the Corners off the Web

The web is awesome despite it's detractors. But we can't forget our fundamentals when we're trying to forge ahead with new tech. This talk is about how to approach the building blocks of the web in a way that takes advantage of their strengths and avoids their weaknesses.

web development
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style GuidesAdvanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides

VIDEO RECORDING: https://www.youtube.com/watch?v=NNmYqcPam6I This session Originally was Presented at Drupal North 2016 - Montreal, Canada. http://www.drupalnorth.org/en/session/advanced-front-end-architecture-d8-sass-gulp-and-living-style-guides In this advanced session we will review the front-end tools & setup we use at Foster Interactive in our Drupal themes. This suite of tools is bundled in an open-source starter kit called Mainspring. Main-spring.io was created internally to allow us to kick off projects faster. It’s basically a clean slate where all the interesting tools and best practices we’ve observed in other open-source projects have been bundled together in a way that works with Drupal. Mainspring has evolved to include 3 major components: 1. Gulp/Node Based Development tools to help us code faster and with less bugs. 2. Living Style guide: (Think a custom, automatically documented version of Twitter Bootstrap for each project) 3. Sass Components / Structure (Opinionated refinement of the Drupal 8 CSS coding standards) The tools used in mainspring are all "Proudly Built Elsewhere". This session is intended to showcase what works for us. Hopefully you’ll see something interesting you can start using in your own project.

gulpdrupalsass
Please dont touch-3.6-jsday
Please dont touch-3.6-jsdayPlease dont touch-3.6-jsday
Please dont touch-3.6-jsday

The document discusses various ways that web performance can be improved, including reducing the number of server requests, minimizing file sizes through compression and minification, leveraging caching, optimizing browser rendering through techniques like deferred parsing of JavaScript, and using tools to automate optimizations. It emphasizes that most of the end user response time is spent in the frontend and recommends starting performance improvements there.

wpoveronajsday2011
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

HTML5
HTML5HTML5
HTML5

This document provides an overview of HTML5 and what's new in the latest version. It discusses new semantic elements like <header>, <nav>, and <article> that improve document outlining. It also covers new multimedia features like native audio and video playback without Flash, as well as 2D/3D graphics using <canvas>. Other additions include new form controls, multiple file uploading, and geolocation. While HTML5 brings many new features, it is an ongoing evolution of HTML rather than a completely new language.

podcamphfxweb standardsweb design
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public ReleaseHow to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release

A presentation for WordCamp Louisville on how to prepare a theme for distribution. It mainly follows the theme review process outlined at WordPress.org. It also discusses reasons to release a theme and briefly highlights ways to stand out from the crowd.

wordpressthemewordpress themes
HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술

HTML5 의 표준 권고안이 채택되면서 HTML5는 엄청난 속도로 웹 전반에 걸쳐 보급되고 있습니다. HTML5 와 기존의 HTML4 / XHTML 1.1 과의 가장 큰 차잇점은 웹을 바라보는 관점입니다. 웹브라우저를 저작 플랫폼이 아닌 실행 환경으로 바라보는 HTML5의 독특한 관점은 webcomponent 에 잘 드러나 있습니다. 이 발표에서는 webcomponent 의 개념 및 역사를 훑고, webcomponent 오픈소스 구현체들인 webcomponents.js 및 구글의 Polymer, 모질라의 x-tag 과 함께 페이스북의 React 와의 비교 및 브라우저 대응에 대한 내용을 다룹니다.

web componentshtml5react
ABSTRACT

CONCRETE
ABSTRACT

CONCRETE

CREATORS

CLIENTS
REFERENCE

BUILD

REVIEW
Atomic Design - BDConf Nashville, 2013

Recommended for you

Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)

In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users. This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!

htmlcssprogressive enhancement
Slow kinda sucks
Slow kinda sucksSlow kinda sucks
Slow kinda sucks

This document provides an overview of Object Oriented CSS (OOCSS), HTML5, and web performance. It discusses what OOCSS is, how to implement it, and why it is useful. It also briefly covers some HTML5 forms and communication features. Finally, it examines how to improve website speed. The goal is to look at these topics and discuss elegant and lean CSS as opposed to "fat sack of crap" code.

cssinternethtml5
Critical Rendering Path
Critical Rendering PathCritical Rendering Path
Critical Rendering Path

The sequels of steps the browser goes through to convert HTML, CSS and JavaScript into actual pixels on the screen – that’s the critical rendering path. By understanding what happens between writing the markup and looking at our websites we can optimize the performance of each page.

critical rendering pathdomcssom
Atomic Design - BDConf Nashville, 2013
DAVE OLSEN
@dmolsen
WHAT PATTERN LAB IS
๏ A design system builder
๏ A comprehensive custom component library
๏ A pattern starter kit
๏ A practical viewport resizer
๏ An annotation tool
๏ A developer tool (auto-refresh, page follow)
WHAT PATTERN LAB ISN’T
๏ A UI framework
๏ Language, library, or style dependent
๏ Incredibly rigid
๏ “just” a pattern library, but also not by itself a

Recommended for you

Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)

In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.

htmlcssprogressive enhancement
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje JurišićBuild Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić

The document discusses the importance of website performance and provides tips to build responsive websites. It notes that users expect pages to load within 2 seconds and will leave slow sites. The tips include reducing HTTP requests, gzipping and minifying components, optimizing images, delivering JavaScript and CSS efficiently, lazy loading images, and inlining critical CSS. Following these foundations and techniques can significantly improve load times and user experience.

responsive websitehrvoje jurišić
Responsive Responsive Design
Responsive Responsive DesignResponsive Responsive Design
Responsive Responsive Design

The document discusses responsive web design and performance. It covers topics like building flexible and fast sites, embracing constraints of different devices, conditional loading of content, lazy loading of images, and optimizing assets like CSS and JavaScript. Key aspects of responsive design like media queries, flexible layouts, and responsive images are presented alongside techniques to improve page performance like prioritizing content, conditional loading, and lazy loading of non-critical assets.

performanceresponsiveweb
Atomic Design - BDConf Nashville, 2013
SITE BUILDER
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Let's Work Together!
Let's Work Together!Let's Work Together!
Let's Work Together!

This document discusses the importance of collaboration, communication, and establishing principles and guidelines when working in teams. It addresses challenges like differing approaches, technologies, and opinions that can arise. The document suggests researching user needs, establishing shared values and priorities, and creating design systems to promote consistency. Overall, it advocates for establishing processes and tools to facilitate interdisciplinary cooperation and coordination across organizations.

design systemcollaborationatomic design
Looking for a place to hang my helmet
Looking for a place to hang my helmetLooking for a place to hang my helmet
Looking for a place to hang my helmet

My opening keynote from Responsive Field Day 2015 (https://www.responsivefieldday.com/) in Portland OR.

atomic designresponsive web design
Style Guide Best Practices
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best Practices

Brad Frost Web designer Style Guide Best Practices We’re tasked with creating experiences that look and function beautifully across a dizzying array of devices and environments. That’s a tall order in and of itself, but once you factor in other team members, clients, stakeholders, and organizational quirks, things start looking downright intimidating. With so many variables to consider, we need solid ground to stand on. Style guides are quickly proving to be foundational tools for tackling this increasingly-diverse web landscape while still maintaining your sanity. Style guides promote consistency, establish a shared vocabulary, make testing easier, and lay a future-friendly foundation. This session will detail best practices and considerations for creating and maintaining style guides, so you can set up your organization for success.

atomic designpattern labweb design
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
BLOW IT UP.

Recommended for you

Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!

The document provides statistics on various types of media and information over time, including books, photos, videos, the internet, and more. Key details include that 10% of all books were published last year, over 3.8 trillion photos have been taken total, 500 million tweets are sent per day, and 90% of all data ever created was generated in just the past two years. The rapid growth of information and how it is shared online is highlighted throughout the document.

craftinformationweb design and development
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To Bullshit

WATCH THE VIDEO HERE: https://vimeo.com/63437853 We're being inundated with more information than ever before. With the rise of all this information, we're being exposed to a tremendous amount of bullshit. We have to decide if we want to contribute to the noise or if we want to be part of the signal. These are the slides from my Creative Mornings talk in Pittsburgh, PA.

craftpassioncreativity
For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)

Our digital landscape includes desktops, laptops, smartphones, featurephones, tablets, e-readers, netbooks and more. But this is just the beginning. As the digital landscape continues to become even more complex, it's essential for us to start thinking beyond the desktop and embrace the unpredictability of the future. There's no such thing as future-proof, but there are things we can do in order to better prepare ourselves for the era of ubiquitous connectivity. We need to start thinking and acting differently in order to create meaningful web experiences that continue to be relevant well beyond the scope of the initial projects. This session will cover: A better understanding of future friendly principles Tips for better supporting today's device landscape while being better prepared for tomorrow's How to apply future friendly thinking in your current web projects

fflyresponsive web designcontent strategy
http://www.starbucks.com/static/reference/styleguide/
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionResponsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition

The document discusses the history and development of artificial intelligence over the past 70 years. It outlines some of the key milestones in AI research from the early work in the 1950s to modern advances in machine learning using neural networks. While progress has been made, fully general human-level artificial intelligence remains an ongoing challenge being worked on by researchers.

responsive web designmobile webmobile strategy
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...

This document discusses side B of some item and contains many repetitive symbols that do not provide meaningful information. It is not possible to determine the topic or essential details from the content given.

responsive web designmobile web
Beyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web DesignBeyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web Design

Media queries may be responsive design’s secret sauce, but we know there’s a whole lot more that goes into crafting amazing adaptive experiences. By dissecting an example of a mobile-first responsive design, we can uncover the principles of adaptive design and highlight some considerations for creating contextually-aware web experiences. This goes over emerging mobile web best practices and responsive patterns that can assist in our journey toward a future-friendly web.

responsive web designmobile web
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
MOLECULE GUTS
code block
!
<div class="block block-inset">
<div class="b-thumb">
{{> atoms-img-landscape-4x3 }}
</div>
<div class="b-text">
<h2 class="headline">Headline:
Lorem ipsum dolor sit amet,
consectetur adipisicing</h2>
</div>
</div>
!
BASIC INCLUDE
!
!
!
!
!

code block
!
!
!

{{> molecules-block-inset }}
!

Recommended for you

For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)

As the digital landscape continues to become more complex, it's essential for us to start thinking beyond the desktop and embrace the unpredictability of the future. Mobile is forcing us to rethink the content we create and the context in which people interact with our products and services. This session will cover how to change our thinking and start acting differently in order to create more future-friendly experiences.

responsive web designmobile webcontent strategy
For a Future-Friendly Web
For a Future-Friendly WebFor a Future-Friendly Web
For a Future-Friendly Web

For full breakdown, visit http://bradfrostweb.com/blog/web/for-a-future-friendly-web/ This talk was from Web Design Day (http://webdesignday.com) in beautiful Pittsburgh, PA. This talk introduces the need to start thinking and acting in a more future-friendly (http://futurefriend.ly) way when approaching web design. The diversity of web-enabled devices is increasing at an alarming rate. We have to rethink our content and the contexts in which our content is viewed.

mobile firstweb designffly
Selling The Mobile Web
Selling The Mobile WebSelling The Mobile Web
Selling The Mobile Web

Everyone's screaming "We need to be 'on' mobile!" What does that even mean? Where do you start? One of the biggest challenges is getting clients, coworkers and stakeholders on board with the mobile web and actually execute a project the right way. The hurdles are many: lack of understanding of the medium, small budgets, outdated processes and many more. Every organization is different so changing existing behaviors and processes takes a lot of effort, patience and time. This presentation shows you how to execute a mobile web project successfully with a cross-disciplinary team. We'll provide a set of helpful tools and practices to get you started and help educate your coworkers and clients at the same time. Topics discussed: - Selling the mobile-first philosophy and strategy Using mobile as an excuse to develop a strong content strategy - Overcoming "App-itis" (people's tendency to think anything made for mobile needs to be a native app) - How to create future-friendly mobile web experiences

mobile webmobile strategyweb design and development
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
ORGANISM GUTS
!
code block
!
!
!
!

<header class="header cf" role="banner">
{{> atoms-logo }}
<a href="#search" class="toggle-search">Search</a>
<a href="#nav" class="toggle-menu">Menu</a>
{{> molecules-primary-nav }}
{{> molecules-search }}
</header>
BASIC INCLUDE
!
code block
!
!
!
!

{{> organisms-header }}

Recommended for you

WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck

YOUR RELIABLE WEB DESIGN & DEVELOPMENT TEAM — FOR LASTING SUCCESS WPRiders is a web development company specialized in WordPress and WooCommerce websites and plugins for customers around the world. The company is headquartered in Bucharest, Romania, but our team members are located all over the world. Our customers are primarily from the US and Western Europe, but we have clients from Australia, Canada and other areas as well. Some facts about WPRiders and why we are one of the best firms around: More than 700 five-star reviews! You can check them here. 1500 WordPress projects delivered. We respond 80% faster than other firms! Data provided by Freshdesk. We’ve been in business since 2015. We are located in 7 countries and have 22 team members. With so many projects delivered, our team knows what works and what doesn’t when it comes to WordPress and WooCommerce. Our team members are: - highly experienced developers (employees & contractors with 5 -10+ years of experience), - great designers with an eye for UX/UI with 10+ years of experience - project managers with development background who speak both tech and non-tech - QA specialists - Conversion Rate Optimisation - CRO experts They are all working together to provide you with the best possible service. We are passionate about WordPress, and we love creating custom solutions that help our clients achieve their goals. At WPRiders, we are committed to building long-term relationships with our clients. We believe in accountability, in doing the right thing, as well as in transparency and open communication. You can read more about WPRiders on the About us page.

web development agencywpriderswordpress development
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx

This is a slide deck that showcases the updates in Microsoft Copilot for May 2024

microsoftmicrosoft copilot
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf

In the modern digital era, social media platforms have become integral to our daily lives. These platforms, including Facebook, Instagram, WhatsApp, and Snapchat, offer countless ways to connect, share, and communicate.

social media hackerfacebook hackerhire a instagram hacker
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
TEMPLATE GUTS
{{>
codeorganisms-header
block

}}

<div role="main">
<div class="l-two-col">
<div class="l-main">
{{> organisms-article-body }}
{{> molecules-social-share }}
{{> organisms-comments }}
</div>
!

<div class="l-sidebar">
{{> organisms-related-posts }}
{{> organisms-recent-tweets }}
</div>
</div>
</div>
{{> organisms-footer }}
!
Atomic Design - BDConf Nashville, 2013

Recommended for you

Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers

The integration of programming into civil engineering is transforming the industry. We can design complex infrastructure projects and analyse large datasets. Imagine revolutionizing the way we build our cities and infrastructure, all by the power of coding. Programming skills are no longer just a bonus—they’re a game changer in this era. Technology is revolutionizing civil engineering by integrating advanced tools and techniques. Programming allows for the automation of repetitive tasks, enhancing the accuracy of designs, simulations, and analyses. With the advent of artificial intelligence and machine learning, engineers can now predict structural behaviors under various conditions, optimize material usage, and improve project planning.

programmingcodingcivil engineering
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world

The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries: 1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes. 2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions. 3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines. 4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors. 5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering. 6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands. 7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems. 8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering. 9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively. Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.

fdmffffused deposition modeling
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems

Stream processing is a crucial component of modern data infrastructure, but constructing an efficient and scalable stream processing system can be challenging. Decoupling compute and storage architecture has emerged as an effective solution to these challenges, but it can introduce high latency issues, especially when dealing with complex continuous queries that necessitate managing extra-large internal states. In this talk, we focus on addressing the high latency issues associated with S3 storage in stream processing systems that employ a decoupled compute and storage architecture. We delve into the root causes of latency in this context and explore various techniques to minimize the impact of S3 latency on stream processing performance. Our proposed approach is to implement a tiered storage mechanism that leverages a blend of high-performance and low-cost storage tiers to reduce data movement between the compute and storage layers while maintaining efficient processing. Throughout the talk, we will present experimental results that demonstrate the effectiveness of our approach in mitigating the impact of S3 latency on stream processing. By the end of the talk, attendees will have gained insights into how to optimize their stream processing systems for reduced latency and improved cost-efficiency.

CONTENT STRUCTURE

ACTUAL CONTENT
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
TEMPLATE GUTS
code hero }}
{{# block
{{> molecules-block-hero }}
{{/ hero}}
!

<div class="g g-3up">
{{# touts}}
<div class="gi">
{{> molecules-inset-block }}
</div>
{{/ touts}}
</div>

Recommended for you

The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses

CIO Council Cal Poly Humboldt September 22, 2023

national research platformdistributed supercomputerdistributed systems
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure

Recent advancements in the NIST-JARVIS infrastructure: JARVIS-Overview, JARVIS-DFT, AtomGPT, ALIGNN, JARVIS-Leaderboard

jarvisjarvis-dftalignn
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides

If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights. During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to: - Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value - Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems - Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors - Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported - Look Ahead: Gain insights into where FME is headed with coordinate systems in the future Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!

PIPING IN REAL CONTENT WITH JSON
"hero" : [
code {block

}

"img": {
"landscape-16x9": {
"src": "images/sample/mountains.jpg",
"alt": "Mountains"
}
},
"headline" : {
"medium" : "Top 10 mountin ranges for hiking"
}

],
"touts" : [
{
"img": {
"landscape-4x3": {
"src": "../../images/sample/climber.jpg",
"alt": "Climber"
}
},
"headline" : {
VIEWER
320PX.
320PX.
480PX.

Recommended for you

Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf

To help you choose the best DiskWarrior alternative, we've compiled a comparison table summarizing the features, pros, cons, and pricing of six alternatives.

data recoverydatadiskwarrior
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces

An invited talk given by Mark Billinghurst on Research Directions for Cross Reality Interfaces. This was given on July 2nd 2024 as part of the 2024 Summer School on Cross Reality in Hagenberg, Austria (July 1st - 7th)

augmented realitycross realityvirtual reality
Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...

This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator. Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/ Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.

a11yaccessibilityalt text
320PX.
480PX.
768PX.
320PX.
480PX.
768PX.
1024PX.
320PX.
480PX.
768PX.
1024PX.
THE FOLD.
320PX.
480PX.
768PX.
1024PX.
THE FOLD.
OH GOD THE FOLD.

Recommended for you

論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...

Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023 https://arxiv.org/abs/2307.12980

Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation

Manual Method of Product Research | Helium10 | MBS RETRIEVER

product researchhelium10 | mbs retriever
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx

Revolutionize your transportation processes with our cutting-edge RPA software. Automate repetitive tasks, reduce costs, and enhance efficiency in the logistics sector with our advanced solutions.

rpa in transportationrpa in transportation industryrpa in transportation sector
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference

We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner! We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too! Check out our proposed agenda below 👇👇 08:30 ☕ Welcome coffee (30') 09:00 Opening note/ Intro to UiPath Community (10') Cristina Vidu, Global Manager, Marketing Community @UiPath Dawid Kot, Digital Transformation Lead @Proservartner 09:10 Cloud migration - Proservartner & DOVISTA case study (30') Marcin Drozdowski, Automation CoE Manager @DOVISTA Pawel Kamiński, RPA developer @DOVISTA Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 09:40 From bottlenecks to breakthroughs: Citizen Development in action (25') Pawel Poplawski, Director, Improvement and Automation @McCormick & Company Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company 10:05 Next-level bots: API integration in UiPath Studio (30') Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 10:35 ☕ Coffee Break (15') 10:50 Document Understanding with my RPA Companion (45') Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath 11:35 Power up your Robots: GenAI and GPT in REFramework (45') Krzysztof Karaszewski, Global RPA Product Manager 12:20 🍕 Lunch Break (1hr) 13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30') Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance 13:50 Communications Mining - focus on AI capabilities (30') Thomasz Wierzbicki, Business Analyst @Office Samurai 14:20 Polish MVP panel: Insights on MVP award achievements and career profiling

#uipathcommunity#automation#automationdeveloper
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation

Java Servlet programs

Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant

Password Rotation in 2024 is still Relevant

passwordmanagementrotation
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
DISCO MODE

Recommended for you

20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf

Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 : - Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants. - REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.

genaicloudrgpd
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf

These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.

air force fighter planebiggest submarinezambia port
Atomic Design - BDConf Nashville, 2013
HAY! MODE
Start with the small screen first,
then expand until it looks like shit.
Time for a breakpoint!
-Stephen Hay
http://bradfrostweb.com/blog/mobile/bdconf-stephen-hay-presents-responsive-design-workflow/
Atomic Design - BDConf Nashville, 2013

Recommended for you

ANNOTATIONS
Atomic Design - BDConf Nashville, 2013
AUTO-REFRESH &
PAGE FOLLOW
PATTERN LAB

๏ Serves as a hub for the entire design process
๏ Can easily traverse from abstract to concrete
๏ Useful tool for everyone: information architects, designers,
developers, clients
๏ Fills the post-PSD void
๏ Write and name HTML/CSS/JS as you please.
๏ Start with a system first rather than deconstruct later
๏ Extensible and scalable
๏ Future friendly

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

SET EXPECTATIONS
http://www.pointswestav.com/wp-content/uploads/2011/04/Projector-meeting.jpg
As an industry, we sell websites like
paintings. Instead, we should be selling
beautiful and easy access to content,
agnostic of device, screen size, or context.
-Dan Mall
http://danielmall.com/articles/the-post-psd-era/
B-SIDE
THIS IS NOT
THE WEB.

Recommended for you

Atomic Design - BDConf Nashville, 2013
WEB
WEB
DEATH TO NAVIGATION
COMPLEXTHE WATERFALL
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Let’s change the phrase
“designing in the browser”
to “deciding in the browser”
-Dan Mall
http://the-pastry-box-project.net/dan-mall/2012-september-12/
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

GATHER
http://stylifyme.com/
Atomic Design - BDConf Nashville, 2013
http://bradfrostweb.com/blog/post/interface-inventory/

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
http://blog.easy-designs.net/archives/evernote-for-interface-inventories/

Recommended for you

INTERFACE INVENTORY

๏ Document your interface
๏ Promote consistency

๏ Establish which elements will be challenging to translate
into a responsive environment
๏ Lay the groundwork for a future style guide/pattern library
ESTABLISH DIRECTION
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
RCE
OU
RES

http://styletil.es/

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
ROLL UP OUR SLEEVES
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

CONTENT STRUCTURE

ACTUAL CONTENT
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

http://www.flickr.com/photos/15609463@N03/7854373494/
Atomic Design - BDConf Nashville, 2013
COLLABORATION AND COMMUNICATION
TRUMP DELIVERABLES
http://pattern-lab.info

Recommended for you

IF ANYTHING GOES WRONG WITH
PATTERN LAB, BLAME THIS GUY.
HUGE THANK YOU
๏ Dave Olsen

๏ Anna Debenham

๏ Dan Mall

๏ Andy Clarke

๏ Josh Clark

๏ Paul Robert Lloyd

๏ Jonathan Stark

๏ Jeremy Keith

๏ Jennifer Brook

๏ Brett Jankord
๏ Tyler Sticka
๏ Harry Roberts
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013

Recommended for you

WHEN YOU’RE FINISHED CHANGING

YOU’RE FINISHED.
THIS IS FUN!
THANKS!
@brad_frost
Atomic Design - BDConf Nashville, 2013

Recommended for you

More Related Content

What's hot

Atomic design React Nova Presentation
Atomic design React Nova PresentationAtomic design React Nova Presentation
Atomic design React Nova Presentation
Steve Zyglowicz
 
Atomic design
Atomic designAtomic design
Atomic design
Brad Frost
 
Voorhoede - Front-end architecture
Voorhoede - Front-end architectureVoorhoede - Front-end architecture
Voorhoede - Front-end architecture
Jasper Moelker
 
Data science for infrastructure dev week 2022
Data science for infrastructure   dev week 2022Data science for infrastructure   dev week 2022
Data science for infrastructure dev week 2022
ZainAsgar1
 
Building the Media Block in ReactJS
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS
Nicole Sullivan
 
An introduction to Emulsify
An introduction to EmulsifyAn introduction to Emulsify
An introduction to Emulsify
valuebound
 
Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind
Nadya Rodionenko
 
The Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect ContentThe Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content
Dave Olsen
 
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftw
GiantJohnPepper
 
Atomic Design
Atomic Design Atomic Design
Atomic Design
Rey Mayson
 
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
Dave Olsen
 
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
Stephen Hay
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
Future Insights
 
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesign
Bart De Waele
 
Documenting an Atomic Design System with Jekyll
Documenting an Atomic Design System with JekyllDocumenting an Atomic Design System with Jekyll
Documenting an Atomic Design System with Jekyll
Todd Moy
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
Stephen Hay
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Stephen Hay
 
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Nicole Sullivan
 
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin..."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
Yandex
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectations
Francesco Improta
 

What's hot (20)

Atomic design React Nova Presentation
Atomic design React Nova PresentationAtomic design React Nova Presentation
Atomic design React Nova Presentation
 
Atomic design
Atomic designAtomic design
Atomic design
 
Voorhoede - Front-end architecture
Voorhoede - Front-end architectureVoorhoede - Front-end architecture
Voorhoede - Front-end architecture
 
Data science for infrastructure dev week 2022
Data science for infrastructure   dev week 2022Data science for infrastructure   dev week 2022
Data science for infrastructure dev week 2022
 
Building the Media Block in ReactJS
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS
 
An introduction to Emulsify
An introduction to EmulsifyAn introduction to Emulsify
An introduction to Emulsify
 
Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind
 
The Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect ContentThe Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content
 
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftw
 
Atomic Design
Atomic Design Atomic Design
Atomic Design
 
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
 
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
 
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesign
 
Documenting an Atomic Design System with Jekyll
Documenting an Atomic Design System with JekyllDocumenting an Atomic Design System with Jekyll
Documenting an Atomic Design System with Jekyll
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
 
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
 
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin..."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectations
 

Viewers also liked

The Architecture of Self Advocacy
The Architecture of Self Advocacy The Architecture of Self Advocacy
The Architecture of Self Advocacy
Christina Wodtke
 
Osac2012
Osac2012Osac2012
World2016_T5_S5_SQLServerFunctionalOverview
World2016_T5_S5_SQLServerFunctionalOverviewWorld2016_T5_S5_SQLServerFunctionalOverview
World2016_T5_S5_SQLServerFunctionalOverview
Farah Omer
 
Pastoralism and livestock marketing at the margins
Pastoralism and livestock marketing at the marginsPastoralism and livestock marketing at the margins
Pastoralism and livestock marketing at the margins
futureagricultures
 
Lifestyle unit 6
Lifestyle unit 6Lifestyle unit 6
Lifestyle unit 6
Les Davy
 
บูรณาการอาเชียน ม.1
บูรณาการอาเชียน ม.1บูรณาการอาเชียน ม.1
บูรณาการอาเชียน ม.1
นายสมหมาย ฉิมมาลี
 
大北森林組合補助金不正事件に係る長野県説明会記録
大北森林組合補助金不正事件に係る長野県説明会記録大北森林組合補助金不正事件に係る長野県説明会記録
大北森林組合補助金不正事件に係る長野県説明会記録
長野市議会議員小泉一真
 
Indicaciones de un helipuerto
Indicaciones de un helipuertoIndicaciones de un helipuerto
Indicaciones de un helipuerto
Jorge Echeverria
 
quimica
quimicaquimica
Online shopping India
Online shopping IndiaOnline shopping India
Online shopping India
Poonam Gaur
 
Tourism english 3
Tourism english 3Tourism english 3
Tourism english 3
Les Davy
 
Track2 -杨世芬--cloudena-apac-8-11-2012
Track2 -杨世芬--cloudena-apac-8-11-2012Track2 -杨世芬--cloudena-apac-8-11-2012
Track2 -杨世芬--cloudena-apac-8-11-2012
OpenCity Community
 
Keynote -henry xu--dell open stack powered cloud solution and case sharing-
Keynote -henry xu--dell open stack powered cloud solution and case sharing-Keynote -henry xu--dell open stack powered cloud solution and case sharing-
Keynote -henry xu--dell open stack powered cloud solution and case sharing-
OpenCity Community
 
2014 Android and iOS Design Trends
2014 Android and iOS Design Trends2014 Android and iOS Design Trends
2014 Android and iOS Design Trends
Melvin Thambi
 
Server Monitoring as a Service
Server Monitoring as a ServiceServer Monitoring as a Service
Server Monitoring as a Service
CopperEgg
 
Denúncia da Lava Jato contra João Santana
Denúncia da Lava Jato contra João SantanaDenúncia da Lava Jato contra João Santana
Denúncia da Lava Jato contra João Santana
Miguel Rosario
 
The best wordpress backlink plugin get 150
The best wordpress backlink plugin   get 150The best wordpress backlink plugin   get 150
The best wordpress backlink plugin get 150
trexx101
 
Como ler a bíblia
Como ler a bíbliaComo ler a bíblia
Como ler a bíblia
Jadson Santos de Sousa
 

Viewers also liked (20)

The Architecture of Self Advocacy
The Architecture of Self Advocacy The Architecture of Self Advocacy
The Architecture of Self Advocacy
 
Osac2012
Osac2012Osac2012
Osac2012
 
World2016_T5_S5_SQLServerFunctionalOverview
World2016_T5_S5_SQLServerFunctionalOverviewWorld2016_T5_S5_SQLServerFunctionalOverview
World2016_T5_S5_SQLServerFunctionalOverview
 
Pastoralism and livestock marketing at the margins
Pastoralism and livestock marketing at the marginsPastoralism and livestock marketing at the margins
Pastoralism and livestock marketing at the margins
 
Lifestyle unit 6
Lifestyle unit 6Lifestyle unit 6
Lifestyle unit 6
 
บูรณาการอาเชียน ม.1
บูรณาการอาเชียน ม.1บูรณาการอาเชียน ม.1
บูรณาการอาเชียน ม.1
 
大北森林組合補助金不正事件に係る長野県説明会記録
大北森林組合補助金不正事件に係る長野県説明会記録大北森林組合補助金不正事件に係る長野県説明会記録
大北森林組合補助金不正事件に係る長野県説明会記録
 
Indicaciones de un helipuerto
Indicaciones de un helipuertoIndicaciones de un helipuerto
Indicaciones de un helipuerto
 
quimica
quimicaquimica
quimica
 
Online shopping India
Online shopping IndiaOnline shopping India
Online shopping India
 
Tourism english 3
Tourism english 3Tourism english 3
Tourism english 3
 
Track2 -杨世芬--cloudena-apac-8-11-2012
Track2 -杨世芬--cloudena-apac-8-11-2012Track2 -杨世芬--cloudena-apac-8-11-2012
Track2 -杨世芬--cloudena-apac-8-11-2012
 
Keynote -henry xu--dell open stack powered cloud solution and case sharing-
Keynote -henry xu--dell open stack powered cloud solution and case sharing-Keynote -henry xu--dell open stack powered cloud solution and case sharing-
Keynote -henry xu--dell open stack powered cloud solution and case sharing-
 
2014 Android and iOS Design Trends
2014 Android and iOS Design Trends2014 Android and iOS Design Trends
2014 Android and iOS Design Trends
 
Server Monitoring as a Service
Server Monitoring as a ServiceServer Monitoring as a Service
Server Monitoring as a Service
 
Denúncia da Lava Jato contra João Santana
Denúncia da Lava Jato contra João SantanaDenúncia da Lava Jato contra João Santana
Denúncia da Lava Jato contra João Santana
 
Open stack@netease
Open stack@neteaseOpen stack@netease
Open stack@netease
 
The best wordpress backlink plugin get 150
The best wordpress backlink plugin   get 150The best wordpress backlink plugin   get 150
The best wordpress backlink plugin get 150
 
Cooll usersguide 0
Cooll usersguide 0Cooll usersguide 0
Cooll usersguide 0
 
Como ler a bíblia
Como ler a bíbliaComo ler a bíblia
Como ler a bíblia
 

Similar to Atomic Design - BDConf Nashville, 2013

TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
偉格 高
 
Introduction to web components
Introduction to web componentsIntroduction to web components
Introduction to web components
Marc Bächinger
 
Death of a Themer
Death of a ThemerDeath of a Themer
Death of a Themer
James Panton
 
Rapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris GriffithRapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris Griffith
UXPA International
 
Headless Drupal
Headless DrupalHeadless Drupal
Headless Drupal
drubb
 
Does my DIV look big in this?
Does my DIV look big in this?Does my DIV look big in this?
Does my DIV look big in this?
glen_a_smith
 
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpOptimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Matthew Davis
 
Diazo: Bridging Designers and Programmers
Diazo: Bridging Designers and ProgrammersDiazo: Bridging Designers and Programmers
Diazo: Bridging Designers and Programmers
TsungWei Hu
 
Everything is Awesome - Cutting the Corners off the Web
Everything is Awesome - Cutting the Corners off the WebEverything is Awesome - Cutting the Corners off the Web
Everything is Awesome - Cutting the Corners off the Web
James Rakich
 
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style GuidesAdvanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Aidan Foster
 
Please dont touch-3.6-jsday
Please dont touch-3.6-jsdayPlease dont touch-3.6-jsday
Please dont touch-3.6-jsday
Francesco Fullone
 
HTML5
HTML5HTML5
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public ReleaseHow to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release
David Yeiser
 
HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술
Jeongkyu Shin
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
Nicholas Zakas
 
Slow kinda sucks
Slow kinda sucksSlow kinda sucks
Slow kinda sucks
Tim Wright
 
Critical Rendering Path
Critical Rendering PathCritical Rendering Path
Critical Rendering Path
BarbaraFellner1
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Nicholas Zakas
 
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje JurišićBuild Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
MeetMagentoNY2014
 
Responsive Responsive Design
Responsive Responsive DesignResponsive Responsive Design
Responsive Responsive Design
Tim Kadlec
 

Similar to Atomic Design - BDConf Nashville, 2013 (20)

TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單TOSSUG HTML5 讀書會 新標籤與表單
TOSSUG HTML5 讀書會 新標籤與表單
 
Introduction to web components
Introduction to web componentsIntroduction to web components
Introduction to web components
 
Death of a Themer
Death of a ThemerDeath of a Themer
Death of a Themer
 
Rapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris GriffithRapid HTML Prototyping with Bootstrap - Chris Griffith
Rapid HTML Prototyping with Bootstrap - Chris Griffith
 
Headless Drupal
Headless DrupalHeadless Drupal
Headless Drupal
 
Does my DIV look big in this?
Does my DIV look big in this?Does my DIV look big in this?
Does my DIV look big in this?
 
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpOptimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
 
Diazo: Bridging Designers and Programmers
Diazo: Bridging Designers and ProgrammersDiazo: Bridging Designers and Programmers
Diazo: Bridging Designers and Programmers
 
Everything is Awesome - Cutting the Corners off the Web
Everything is Awesome - Cutting the Corners off the WebEverything is Awesome - Cutting the Corners off the Web
Everything is Awesome - Cutting the Corners off the Web
 
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style GuidesAdvanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
Advanced Front End Architecture in D8: Sass, Gulp, & Living Style Guides
 
Please dont touch-3.6-jsday
Please dont touch-3.6-jsdayPlease dont touch-3.6-jsday
Please dont touch-3.6-jsday
 
HTML5
HTML5HTML5
HTML5
 
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public ReleaseHow to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release
 
HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
 
Slow kinda sucks
Slow kinda sucksSlow kinda sucks
Slow kinda sucks
 
Critical Rendering Path
Critical Rendering PathCritical Rendering Path
Critical Rendering Path
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
 
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje JurišićBuild Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
 
Responsive Responsive Design
Responsive Responsive DesignResponsive Responsive Design
Responsive Responsive Design
 

More from Brad Frost

Let's Work Together!
Let's Work Together!Let's Work Together!
Let's Work Together!
Brad Frost
 
Looking for a place to hang my helmet
Looking for a place to hang my helmetLooking for a place to hang my helmet
Looking for a place to hang my helmet
Brad Frost
 
Style Guide Best Practices
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best Practices
Brad Frost
 
Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!
Brad Frost
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To Bullshit
Brad Frost
 
For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)
Brad Frost
 
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionResponsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Brad Frost
 
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Brad Frost
 
Beyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web DesignBeyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web Design
Brad Frost
 
For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)
Brad Frost
 
For a Future-Friendly Web
For a Future-Friendly WebFor a Future-Friendly Web
For a Future-Friendly Web
Brad Frost
 
Selling The Mobile Web
Selling The Mobile WebSelling The Mobile Web
Selling The Mobile Web
Brad Frost
 

More from Brad Frost (12)

Let's Work Together!
Let's Work Together!Let's Work Together!
Let's Work Together!
 
Looking for a place to hang my helmet
Looking for a place to hang my helmetLooking for a place to hang my helmet
Looking for a place to hang my helmet
 
Style Guide Best Practices
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best Practices
 
Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To Bullshit
 
For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)
 
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown EditionResponsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition
 
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
Beyond Media Queries: An Anatomy of an Adaptive Web Design (at Smashing Confe...
 
Beyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web DesignBeyond Media Queries: Anatomy of an Adaptive Web Design
Beyond Media Queries: Anatomy of an Adaptive Web Design
 
For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)For a Future-Friendly Web (Mobilism 2012)
For a Future-Friendly Web (Mobilism 2012)
 
For a Future-Friendly Web
For a Future-Friendly WebFor a Future-Friendly Web
For a Future-Friendly Web
 
Selling The Mobile Web
Selling The Mobile WebSelling The Mobile Web
Selling The Mobile Web
 

Recently uploaded

WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
HackersList
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
Awais Yaseen
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
Larry Smarr
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
Safe Software
 
Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf
Andrey Yasko
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
Mark Billinghurst
 
Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...
BookNet Canada
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
Toru Tamaki
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
Bert Blevins
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
Sally Laouacheria
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 

Recently uploaded (20)

WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
 
Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
 
Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 

Atomic Design - BDConf Nashville, 2013