Creating a First Website with Dreamweaver CC 2014 shows the basics of how to do just that—create your first website. But not just any website. An HTML5 website that is responsive and looks great on any computer or mobile device, and is complete with rich imagery and navigation, video content, and even a contact form.

Author Paul Trani begins with brief introductions to HTML and CSS. Then you'll learn how to create a basic webpage, add text and images, and style the content with CSS. Paul then shows how to add navigation and links between pages, integrate video and social media (such as a Twitter feed), and create a contact form. The course also covers making sure your layout is "flexible" (i.e., that it resizes to fit mobile devices), testing your site, and uploading it to the web.

Topics include:

• Understanding the Internet and websites
• Adding HTML content to a webpage
• Styling content with CSS
• Creating navigation
• Adding more pages
• Creating a flexible layout
• Adding video and animations from Edge Animate
• Linking to other pages and websites
• Creating a contact form
• Creating a responsive site for mobile devices
• Uploading and testing the website

About the Author

For the past 15 years, Paul Trani has been developing interactive projects for agencies and corporations.

He evolved from humble beginnings with Play-Doh and crayons to become the go-to guy for creative development and training. Paul has worked directly with Adobe and other companies as a presenter and trainer because of his technical abilities and his passion for the industry. He has created numerous Adobe eSeminars, which he uses for self-evaluation, and he is constantly learning new hardware and software.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 2h 33m
• Instructor: Paul Trani

The post Understanding Cascading Style Sheets CSS appeared first on EASY Digital Pro.

CSS animation offers a whole new way to bring motion to interactive projects. It's a core skill for web designers and developers and a feature users have come to expect from modern websites. This course presents a series of basic CSS animation projects: site features such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

Web designer Val Head introduces CSS transforms and transitions—the foundation of most CSS animations—and shows how to keyframe simple animations and adjust their timing, fill, and direction. She also covers looping and chaining animations, animating HTML and SVG elements, and optimizing animation performance, and introduces the best tools and use cases for CSS animation. Start watching to get your brand in motion.

Instructor

Val Head
Speaker, Author, Design Advocate
Val Head is a web designer and consultant who leads workshops on web design and creative coding.

Val Head is a web designer and consultant based in Pittsburgh, PA. She works with agencies and small businesses to make fun and effective web sites. She speaks internationally at conferences and leads workshops on web design and creative coding. Val tweets too much, occasionally dribbbles, and blogs somewhat inconsistently.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Val Head

The post Motion Design with CSS appeared first on EASY Digital Pro.

Based on old-school typography blocks, the CSS box model is the key to modern web design. Once you master it, you can build any layout you want—and troubleshoot most of the common CSS alignment and positioning woes. In this course, Morten Rand-Hendriksen offers a "four course meal" approach to the CSS box model, breaking it down into easily digestible chunks. He covers techniques such as styling text and images, floating content, using display properties, and positioning elements. He also explores the brave new world of modern layout modules, discussing Float, Flex, and Grid and how they can work together. Each lesson is supported by real-world demonstrations of the concepts in action, and Morten closes with a "nightcap" that will get you thinking about going further with CSS.

Topics include:

• Designing with boxes
• The origin of the box in typography
• What is the CSS box model?
• Changing the contents within the box
• Floating and clearing content
• Using the clearfix
• Working with Float, Flex, and Grid
• CSS shapes

About the Author

Morten Rand-Hendriksen is a web designer and developer.

Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 1h 11m
• Instructor: Morten Rand-Hendriksen

The post Making Sense of the CSS Box Model appeared first on EASY Digital Pro.

Once you have learned the basics of HTML, it's time to start exploring Cascading Style Sheets (CSS), the language that makes HTML look great in the browser. This course gives you a tour of the possibilities, showing what CSS is capable of doing and the basics you need to make it work for you. Join Carrie Dils as she explains what CSS is and how it works with HTML, discusses authoring options, and covers common CSS concepts such as the CSS box model and how to work with fonts and color. Plus, she demonstrates how to structure a page with CSS, maintain CSS with version control, work with media queries, and more.

Instructor

Carrie Dils
Writer, Teacher, Podcaster, Speaker
Carrie Dils is a WordPress-loving freelance developer.

Carrie has been helping businesses craft online identities since 1998 and enjoys creating sites that look great on

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Carrie Dils

The post Introduction to CSS appeared first on EASY Digital Pro.

In a world without Flash, mixed-mode animation is a powerful tool for web designers. This course shows how to choose the correct mix of HTML, JavaScript, CSS, and other assets to deliver polished web-based animations that look great on everything from flat-screen televisions to smartphones. Instructor W. Scott Means focuses on how CSS animations, JavaScript, and SVG can be used to produce sophisticated effects while keeping code complexity to a minimum. As he steps through how to build a dynamic presentation, he covers storyboarding, HTML5 custom elements, working with SVG, DOM manipulation, and more.

Topics include:

• Storyboarding
• Creating a dynamic layout with flexbox
• Interactivity with JavaScript
• Navigating the DOM
• Adding animation
• Controlling animations with classes
• Manipulating SVG with JavaScript
• Applying CSS to SVG

About the Author

W. Scott Means is a software developer, consultant, and author.

He's been a professional software developer since 1988, when he joined Microsoft at the ripe age of 17. Since then, he's written code for everything from device drivers to multiplayer casino games. Over the years, he's come to specialize in software firefighting; he takes on seemingly impossible deadlines and delivers solutions that exceed his clients' expectations. His goal is to make his clients successful by empowering them to serve their own needs by choosing precisely the right technologies and systems to achieve their goals. He's done extensive development on both Microsoft and open-source platforms. In addition, he's written and cowritten books on XML and has released several open-source libraries and components.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 40m
• Instructor: W. Scott Means

The post Interactive Animations with CSS and JavaScript appeared first on EASY Digital Pro.

Forms are a major component of modern websites, used to collect user data, conduct polls, and more. While you can use a form builder, they're relatively simple to build from scratch with basic web technologies: HTML and CSS. In this course, Clarissa Peterson demonstrates best practices for creating and styling web forms that are easy to complete and accessible to all users and devices. Learn proper use of form fields, including the new HTML5 input types, and discover how to add interactivity such as form validation, style forms with CSS, create responsive layouts, add interactivity such as form validation, and design forms for usability and accessibility.

Instructor

Clarissa Peterson
Digital Technology Leader | Content & UX Strategist | Writer | Facilitator | Educator
Clarissa Peterson is a developer, author, and speaker, specializing in user experience and design strategy.

Clarissa has been working on the web since 2002, in nearly every role you can imagine. She started as a front-end developer and moved on to focusing on user experience and digital strategy in recent years. Her diverse experience enables her to fill a unique role in teams, bridging the gap between designers, developers, and all the other areas and roles that are necessary to build and maintain a strong online presence.

She is the author of Learning Responsive Web Design: A Beginner's Guide, published in 2014 by (O'Reilly Media.). This book is a start-from-the-beginning introduction to responsive design, targeted towards designers, project managers, department heads, and others who may have trouble getting into the more technical, developer-focused books on responsive design.

Clarissa is also a frequent speaker at design and tech conferences. Since 2012, she has, having given talks or workshops at more than 60 events. She is also an instructor in the Web Developer Fast Track program at the Southern Alberta Institute of Technology (SAIT) in Calgary, Canada.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Clarissa Peterson

The post HTML and CSS: Creating Forms appeared first on EASY Digital Pro.

CSS, along with HTML and JavaScript, plays a pivotal role in the creation of an app's user interface. Still, many React developers never attain mastery in this essential stylesheet language. In this course—an installment in a larger series on CSS for React developers—instructor Eric Greene covers the basics of using CSS and PostCSS to create elegant React apps. Eric shows how to use a custom React scripts package, configure PostCSS—a tool that powers more than 200 diverse JavaScript plugins—and make a few changes to it, and work with CSSNext and PostCSS. Plus, learn how to add additional PostCSS plugins and test your CSS in Microsoft web browsers.

Note: This course was created by Wintellect. We are pleased to host this training in our library.

Instructor

Eric Greene
Eric Greene is an IT professional and programmer with experience building mobile, web-based, and desktop applications.

As a programmer, Eric has experience using a variety of commercial and open-source platforms, including .NET, PHP, Node.js, Linux, Windows, SQL Server, and SQLite. He holds a BS in computer science from the Virginia Military Institute and numerous software certifications, including the Microsoft Certified Professional Developer certification. Eric loves sharing his knowledge with companies large and small, helping them solve business problems and meet their software development needs.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Eric Greene

The post Getting Started with CSS for React Developers appeared first on EASY Digital Pro.

The Photoshop Layers panel contains a feature to extract CSS markup from an existing design comp automatically. Copy CSS allows you to scrape styles, colors, positioning, border effects, CSS3 gradients, and even CSS3 animation positions from your designs. Chris Converse shows you how to extract the CSS necessary to render the same effects shown in your comp in a web browser, and incorporate the markup into an HTML file. Speed up your CSS workflow with this fast and easy feature.

Note: If you don't have any HTML files of your own, Chris has provided free files to all members of the library, so you can get hands-on experience integrating the CSS.

The Design the Web series was created and produced by Chris Converse. We are honored to host this content in our library.

About the Author

Chris Converse applies design and UX principles to technology, from motion graphics to CSS-driven websites.

Chris Converse graduated from Rochester Institute of Technology with a degree in graphic design. He began his career in print, designing and preparing digital files for commercial offset printing. Chris has spent the last 22 years studying and applying design and interface principles to technology. His work spans various distribution media (CD-ROMs, web sites, and interactive DVDs) and applies many authoring media and techniques (HTML, CSS, JavaScript, AJAX, image optimization, motion graphics, Flash, Director, Shockwave, sound engineering, digital video compression, PHP, and ASP). Chris has a passion for and a commitment to conceiving, creating, and delivering the best possible user experience, regardless of the medium.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 24m 4s
• Instructor: Chris Converse

The post Design the Web: Getting CSS from Photoshop appeared first on EASY Digital Pro.

Did you know you can add dropdown menus to your webpage with nothing more than HTML and CSS? Typically interactive menus are accomplished with jQuery or another JavaScript framework. But the truth is, with CSS you can create the same rich experience, including full support for iOS and touch-screen Windows devices. In this installment of Design the Web, Chris Converse teaches us how to nest lists, style and position menus, add in ARIA markup for cross-compatibility, and make the menus fully responsive.

The exercise files are free to all members! Download them today to start creating your own multilevel dropdown menus.

About the Author

Chris Converse applies design and UX principles to technology, from motion graphics to CSS-driven websites.

Chris Converse graduated from Rochester Institute of Technology with a degree in graphic design. He began his career in print, designing and preparing digital files for commercial offset printing. Chris has spent the last 22 years studying and applying design and interface principles to technology. His work spans various distribution media (CD-ROMs, web sites, and interactive DVDs) and applies many authoring media and techniques (HTML, CSS, JavaScript, AJAX, image optimization, motion graphics, Flash, Director, Shockwave, sound engineering, digital video compression, PHP, and ASP). Chris has a passion for and a commitment to conceiving, creating, and delivering the best possible user experience, regardless of the medium.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 29m 40s
• Instructor: Chris Converse

The post Design the Web: Creating CSS-Only Navigation Menus appeared first on EASY Digital Pro.

The CSS counter properties support the automatic numbering of HTML elements—much like an unordered list, but on any HTML element. There is no impact on the underlying code and when you move content around, the numbers automatically update. Learn how to use counters in your web designs in this episode of Design the Web. Chris Converse shows how to apply counters to different elements, including headings and captions, and combine, reuse, and reset counters on a webpage.

About the Author

Chris Converse applies design and UX principles to technology, from motion graphics to CSS-driven websites.

Chris Converse graduated from Rochester Institute of Technology with a degree in graphic design. He began his career in print, designing and preparing digital files for commercial offset printing. Chris has spent the last 22 years studying and applying design and interface principles to technology. His work spans various distribution media (CD-ROMs, web sites, and interactive DVDs) and applies many authoring media and techniques (HTML, CSS, JavaScript, AJAX, image optimization, motion graphics, Flash, Director, Shockwave, sound engineering, digital video compression, PHP, and ASP). Chris has a passion for and a commitment to conceiving, creating, and delivering the best possible user experience, regardless of the medium.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 16m 38s
• Instructor: Chris Converse

The post Design the Web: Using Counters and Resets in CSS appeared first on EASY Digital Pro.