Catalog Search Results
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
English
Description
Learn to create animated rollovers with CSS3.
Learn to create animated rollovers with CSS3. Animated rollovers are an easy way to enhance the user experience of your website, without adding more markup to your page, or working with JavaScript. Author Chris Converse shows how to change the color and typography of your rollovers using different CSS properties, add and animate pseudo-elements, and animate clip properties of absolute-positioned elements....
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
English
Description
Optimize your web graphics workflow with Photoshop Smart Objects. Create complex, one-click color adjustments you can update on the fly.
Optimize your web graphics workflow. Learn how to use Photoshop Smart Objects to efficiently manage your project's colors. This project takes a simple color swatch, converts it to a Smart Object, and adds clipping masks, transparency, blend modes, and gradients to create a complex, one-click color adjustment you...
Author
Publisher
linkedin.com
Pub. Date
2018.
Language
English
Description
Learn how to incorporate After Effects into your photography workflow to achieve effects that could not be created with Photoshop alone.
A lot can happen to your photographs after you hit the shutter. While color and exposure corrections are something photographers do every day, creating new and special effects offers a whole new world of possibilities for your photos. You might not know it, but After Effects works hand in hand with Photoshop?and...
Author
Publisher
linkedin.com
Pub. Date
2013.
Language
English
Description
Learn to speed up your design and production time in this Photoshop tutorial with the use of Smart Objects.
Learn to speed up your design and production time in Adobe Photoshop with the use of Smart Objects. Create Smart Objects from layers in your Photoshop file or from JPG files, or cut and paste them from Illustrator. Author Chris Converse also explores combining Smart Objects with layer effects and clipping masks, to increase the efficiency of...
Author
Publisher
linkedin.com
Pub. Date
2018.
Language
English
Description
Learn how to use After Effects for graphic design and create stunning, unique, and professional-quality assets for print, web, and photography.
As a designer, you're constantly challenged to create new and compelling imagery for your projects. That sometimes requires new tools. After Effects is known for animation, but it's also a powerful program for graphic designers. Its panels and basic features are similar to Photoshop, Illustrator, and InDesign,...
Author
Publisher
linkedin.com
Pub. Date
2013.
Language
English
Description
Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.
Have you ever needed an animated GIF to spice up a webpage or signal data is being downloaded? Learn to create custom animated graphics for your websites, mobile applications, and other interactive projects in Adobe Photoshop, with these quick and practical techniques from Chris Converse. Chris shows how to transform artwork into Smart...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
English
Description
Learn how to make HTML tables look top-notch with a little CSS wizardry. Find out how to style text, highlight rows, and highlight related table data with animated hover states.
Tables may be old school, but they're still a staple of web design. Learn how to make them look top-notch with a little CSS wizardry. Design the Web creator Chris Converse explains which table properties can be modified with CSS, and how to quickly change their visual style....
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
English
Description
Create a stunning animated banner ad that works in all modern web browsers using Adobe Animate CC.
Designing and producing animated ads that look great and work as expected in modern browsers can be a headache?unless you're using the new release of Adobe Animate CC. Animate CC allows you to export HTML5 and JavaScript files that are responsive and look great on any platform. This project takes you from a blank HTML Canvas project all the way to a...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
English
Description
Add dropdown menus to your webpage with nothing more than HTML and CSS. Learn how in this installment of Design the Web.
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...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
English
Description
Learn how to hide email addresses that you display on the web from spiders and bots with these smart solutions from web developer Chris Converse.
Need to share your email address on the web, but don't want your inbox filling up with spam? Learn to hide email addresses from spiders and bots, with these smart solutions from web developer Chris Converse. He'll show you CSS-only options and techniques for reversing and encoding text, as well as advanced...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
English
Description
Create new SVG graphics and then convert them into efficient, reusable symbols.
Design the Web shows designers how to build efficient and beautiful graphics and layouts from the ground up. In this installment, Chris Converse explains how to create new SVG graphics and then convert them into reusable symbols with Adobe Illustrator. Then he shows how to customize the symbols to fit your layouts by editing the position, transformation, and color properties...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
English
Description
Learn to use the free Google Chart API, or free jQuery and JavaScript, to add dynamic QR codes to your webpages.
Learn to use the free Google Chart API to add dynamic QR codes to your webpages, in this short and informative installment of Design the Web. Chris Converse covers four options for generating the QR code: pointing Google Chart to an image URL, using server-side code to retrieve the URL, injecting the URL code with JavaScript, and generating...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
English
Description
Learn to turn block quotes on your webpage into stylish pull quotes with nothing more than CSS.
Learn to turn block quotes on your webpage into stylish pull quotes with nothing more than CSS. This episode of Design the Web shows how to style HTML quote elements and add quotation marks, citations, and photos with CSS styles and pseudo-elements. You'll also learn how to make responsive design adjustments for small screens. Chris Converse provides free...
Author
Publisher
linkedin.com
Pub. Date
2013.
Language
English
Description
Learn to composite hundreds of unique, data-driven graphics in Photoshop automatically, using variables and a simple text file.
Learn to composite graphics in Adobe Photoshop using variables and a simple text file. This Design the Web installment shows how to automate your production workflow by combining separate graphic files, typography, and Photoshop effects into custom, ready-to-use graphics. This workflow allows you to generate hundreds, even...
Author
Publisher
linkedin.com
Pub. Date
2013.
Language
English
Description
Speed up your CSS workflow. Extract CSS from an existing design comp automatically using Photoshop's Copy CSS feature.
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...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
English
Description
Learn how to create an online calculator, such as a shipping calculator or mortgage calculator, with HTML, CSS, JavaScript, and AngularJS.
Learn to create a useful web tool that calculates and converts results for your users. In this project, you'll help webpage visitors calculate their energy savings from switching to efficient LED and CFL light bulbs. Chris Converse walks through each step in the process: building the main HTML page, creating the...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
English
Description
Learn how to use jQuery, a free plugin called tablesorter, and some simple CSS to create sortable, interactive HTML tables.
HTML tables don't have to be a static read-only affair. Learn how to create tables that allow users to sort them any way they see fit. Chris Converse explains how to use jQuery and a free plugin called tablesorter to create a sortable, interactive table with just a few lines of code. He also shows how to add indicator arrows...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
English
Description
Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.
Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages. Combining web graphics and CSS3 pseudo-elements allows you to style text, add graphics, and position objects, all while keeping your HTML clean and organized and without sacrificing...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
English
Description
Learn to use HTML5 video as a design element, by running it below other text and graphics on your website.
Learn to use HTML5 video as a design element, by running it below other text and graphics on your website. This episode of Design the Web quickly runs through the six steps to accomplishing this technique, including: setting up the video element, positioning a logo and caption over the video, making the layout responsive with CSS, and using...
Author
Publisher
linkedin.com
Pub. Date
2018.
Language
English
Description
Learn tips and tricks for creating responsive SVG graphics using Sketch and CSS.
The Scalable Vector Graphics (SVG) format is distinctive in that it can contain its own CSS, allowing it to respond to its display size. In this concise course, learn how to use Sketch and CSS to create a responsive SVG file. Chris Converse demonstrates how to combine various versions of a graphic to maximize its impact on various screen sizes, as well as how to export...
Didn't find it?
Can't find what you are looking for? Try our Materials Request Service. Submit Request