EVENTS | WORKSHOPS | SLACK COMMUNITY
Join Toronto’s Largest
UX & Design Community
<style><!-- [et_pb_line_break_holder] -->/*-----------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*-----Scrolling Image Carousel by Divi Soup-----*/<!-- [et_pb_line_break_holder] -->/*-----------------------------------------------*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/***20 Images***/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Stops the browser creating a horizontal scrollbar*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-carousel-section {<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Sets the width of the image modules and floats them so they are next to each other*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-carousel-logo {<!-- [et_pb_line_break_holder] --> width: 20%;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Sets the position and visibility of the rows*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel {<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position, visibility and animation settings for the first row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-first {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> -webkit-animation: first 15s 1 linear forwards;<!-- [et_pb_line_break_holder] --> animation: first 15s 1 linear forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animation settings for the rest of the rows*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-second,<!-- [et_pb_line_break_holder] -->.ds-image-carousel-third,<!-- [et_pb_line_break_holder] -->.ds-image-carousel-fourth,<!-- [et_pb_line_break_holder] -->.ds-image-carousel-fifth {<!-- [et_pb_line_break_holder] --> -webkit-animation: rest 60s infinite linear;<!-- [et_pb_line_break_holder] --> animation: rest 60s infinite linear;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animation delay for the third row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-third {<!-- [et_pb_line_break_holder] --> -webkit-animation-delay: 15s;<!-- [et_pb_line_break_holder] --> animation-delay: 15;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animation delay for the fourth row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-fourth {<!-- [et_pb_line_break_holder] --> -webkit-animation-delay: 30s;<!-- [et_pb_line_break_holder] --> animation-delay: 30;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animation delay for the fifth row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-fifth {<!-- [et_pb_line_break_holder] --> -webkit-animation-delay: 45s;<!-- [et_pb_line_break_holder] --> animation-delay: 45;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Animation for the continuous scrolling effect*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*First row - this only plays once*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@-webkit-keyframes first {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0);<!-- [et_pb_line_break_holder] --> transform: translateX(0);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 99.99% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes first {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0);<!-- [et_pb_line_break_holder] --> transform: translateX(0);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 99.99% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*All other rows - these play continuously*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@-webkit-keyframes rest {<!-- [et_pb_line_break_holder] --> 0.01% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 0.011% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 50% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes rest {<!-- [et_pb_line_break_holder] --> 0.01% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 0.011% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 50% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Pause all animation on hover*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-carousel-section:hover .ds-image-carousel {<!-- [et_pb_line_break_holder] --> -webkit-animation-play-state: paused;<!-- [et_pb_line_break_holder] --> animation-play-state: paused;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*-----------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*---End Scrolling Image Carousel by Divi Soup---*/<!-- [et_pb_line_break_holder] -->/*-----------------------------------------------*/<!-- [et_pb_line_break_holder] --></style>
A community of 1500+ members from companies like
WHAT’S EVERYONE TALKING ABOUT
UPCOMING EVENT
For our introductory Designer Drinks, we will be bringing agency and product folks together! Join us on May 15th at EventMobi at 6 PM for an agenda-free evening.
MISSED OUT ON DESIGNX APRIL?
Head over to our facebook page to watch the Facebook live recording. If you were there, do not forget to tag yourself in the photos and share the love!
ON AIR
Tune into Framework – a podcast series by Tom Creighton & Rob Hayes, for an episode on how DesignX came into being over a candid chat with the DesignX founder, Preet Singh.
Fostering the community, online & offline
Webinars
Core to our focus of learning, we are starting to organize bimonthly webinars. These webinars will be in the alternate months to those of our live events.
Live Events
Ranging from fireside chats, case study showcase to panel discussions, the DesignX events are held bimonthly at amazing venues across Toronto.
Community Network
Build your network within the community over a beer and pizza or in a slack channel. We bridge the online and offline gap to grow your network for the community is one, whether you’re part of it offline or online.
BE THE FIRST TO KNOW, ABOUT OUR NEXT EVENT!
ANNUAL GOLD PATRON
ANNUAL SILVER PATRONS
Interested in partnering with DesignX?
Get in touch
Interested in partnering with DesignX?
Get in touch
JOIN OUR COMMUNITY: DESIGNX SLACK GROUP
About DesignX
Just like the algebraic variable X that takes on multiple values, DesignX intends to bring together all design disciplines across the globe.
Organizing Team
We’re a bunch of creatives, comprising of Product Designers, Print Designers & Design Enthusiasts. All for the of Design.
Volunteer
Help us foster the design community. Fill out this brief form & tell us about yourself.