Inhalt: 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. Umfang: 00:29:40.00
Inhalt: PNG-24 files provide great quality with the added benefit of 8-bit transparency; however, this particular file format can be rather large. And larger files sizes mean longer loading times for your users. The good news is you can create varying transparent PNG-8 files-files that are between 60% and 80% smaller than PNG-24 files-with a new crop of Windows, Mac, and web-based tools. Chris Converse shows you how in this short, insightful course on creating compressed PNGs that display beautifully on a variety of websites, especially those targeting mobile devices. Umfang: 00:20:23.00
Inhalt: 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. The exercise files are free to all members, so download them and get started enhancing your website today. Umfang: 00:29:42.00
Inhalt: Learn how to use PHP, HTML, and CSS to dynamically modify styles in your scalable vector graphics (SVGs) in this installment of Design the Web-project-based courses for web professionals. Chris Converse explores techniques to modify the colors, visibility, and even stroke values of your images, using the PHP header function and query variables to modify CSS rules in an SVG. This technique is a great way to build a library of reusable graphics for any PHP-based website or content management system, including WordPress, Drupal, and Joomla! The exercise files are free to all members. Download them to start practicing this technique today. Umfang: 00:30:50.00
Inhalt: 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. Umfang: 00:24:04.00
Inhalt: 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 responsive elements of your design. This course was created by Chris Converse. We are honored to host this training in our library. Umfang: 00:18:12.00
Inhalt: 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 Modernizr to adapt the layout for mobile users. The exercise files are free to all members, so get started now. Umfang: 00:28:35.00
Inhalt: Learn to create a web animation from a simple Illustrator file, with Ai2Canvas-a free plugin that works with nearly every version of Illustrator, from CS3 to CC. In this short Design the Web project, Chris Converse shows how to achieve complex animations with Ai2Canvas, simply by naming your layers with different animation properties. He also demonstrates how to combine properties like rotation and origin, for more interesting motion designs, and compress project files for web delivery. The exercise files for this course are free to all lynda.com members, so download them today. Umfang: 00:48:25.00
Inhalt: Discover how to use Adobe Photoshop layer comps to storyboard your interaction designs. Author Chris Converse shows how to create and modify multiple states of your Photoshop file to simulate user feedback, movement, and device interaction, all while working in a single PSD file. Once your design is complete, the course demonstrates how to export your layer comps to multiple files, export a multipage PDF file, and even access Photoshop layer comps from within InDesign. This course was created and produced by Chris Converse. We are honored to host this content in our library. Umfang: 00:26:05.00
Inhalt: With so many different devices on the market, web designers are faced with the challenge of creating multiple versions of their graphics for phones and tablets. Let Chris Converse show you how to leverage Smart Objects, clipping masks, and slices in Adobe Photoshop and make graphics that will look razor sharp on any screen. Learn how to produce web graphics for small screens, standard-sized images, and high-resolution or retina-enabled graphics from the very same file. This course was created and produced by Chris Converse. We are honored to host this content in our library. Umfang: 00:16:34.00
Inhalt: Learn how to display your data in a pie chart, with nothing more than HTML and CSS. Chris Converse shows how to create complex shapes with CSS3 properties and nested HTML5 elements. The course exercise files are free to all members and contain handy cut-and-paste code snippets that allow you to follow along with the instructions easily. When you're done, you'll have an elegant pie chart that will work in all HTML5-enabled web browsers, including Chrome, Firefox, Safari, and Internet Explorer. Umfang: 00:25:29.00
Inhalt: When you need more control over the imagery in your websites and interactive projects, scalable vector graphics are a great place to turn. SVG images are resolution-independent, which means they look great at any size, and they can be manipulated with CSS. This installment of Design the Web with Chris Converse explores the design possibilities offered by combining SVG graphics with CSS media queries. Start watching to learn how to create your own responsive SVG images. Umfang: 00:22:46.00
Inhalt: Simulate the look of anti-aliased web fonts in your next website mockup. In this concise course, Chris Converse teaches you how to use paragraph and character styles in Adobe Photoshop to mimic the look of headings, body text, and hyperlinks and adjust for the anti-aliasing treatment applied by different web browsers. Umfang: 00:12:21.00
Inhalt: Learn to create multiple, optimized web graphics from a single Adobe Photoshop or Illustrator file with the powerful and versatile Slice tool. Increase your productivity by exporting many graphics from a single composition, while maintaining the integrity of the design. Design the Web author Chris Converse teaches you how to size, name, and duplicate slices and add transparency to the final graphics. He also shows advanced slicing techniques to generate CSS-based and table-based layouts as well as video-based animations and cinemagraphs. These tutorials work great for websites, emails, and other interactive projects. This course was created and produced by Chris Converse. We're honored to host this content in our library. Umfang: 00:26:41.00
Inhalt: 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 your design process in Photoshop. This course was created and produced by Chris Converse. We are honored to host this content in our library. Umfang: 00:32:49.00
Inhalt: Many web animations and rollovers make use of sprite sheets to reduce the number of graphics a web experience requires, making the design process easier and your site load faster. Learn techniques in Adobe Photoshop to make sprite sheet creation fast and versatile. Chris Converse shows you how to combine Smart Objects and guides to help you measure and produce perfectly aligned sprite sheets for your web design projects. Umfang: 00:20:45.00
Inhalt: Lists on your website can be transformed into visually engaging content by applying CSS style properties. In this course, you'll see how to make simple lists adopt dynamic styles so the content on your site or application appears refined and polished. If you're a designer or developer ready to learn a bit of CSS code, this course is for you. Join Chris Converse and explore the HTML involved in numbered lists, including any sequenced or ordered lists. He helps you learn to use key CSS properties for styling lists while revealing additional design possibilities. Umfang: 00:18:25.00
Inhalt: 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. He also shows how to add a background image, change the text color, and highlight rows. Plus, learn how to add animated hover states to the row elements, which allow users to quickly see related information in the table. The practice files are free to all members. Download them and get started designing the web today. Umfang: 00:37:19.00
Inhalt: Add your own style to HTML forms with CSS. This short course from Chris Converse's Design the Web series covers the basics of styling the color, font, and focus area of different form fields, as well as adding custom graphics to form layouts. Different browsers have their own artwork and indicators, but you can make a more consistent, personalized design in just a few steps. Download the free exercise files and start watching to learn how. Umfang: 00:39:34.00
Inhalt: Learn how to change the color and visibility of SVG graphics with CSS. In this installment of Design the Web, author Chris Converse shows how to control the properties of SVG elements with external CSS, and make your graphics update on rollover. Plus, learn how to group multiple SVG graphics and control them with a single rollover state. The exercise files for this course are free to all members, so dive in and start following along now. Umfang: 00:23:43.00
Inhalt: 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. Umfang: 00:16:38.00
Inhalt: 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 of each instance you place. This technique allows you to build complex graphics much more quickly than you could design them from scratch. Exercise files are available to all members, so download them and get started creating your own rich web graphics today. Watch more installments of Design the Web on Chris's author page. Umfang: 00:20:27.00
Inhalt: Learn to edit video and add custom graphics and animations to your projects- all with Adobe Photoshop CS6 Extended! Author Chris Converse starts with the powerful new video editing tools in Photoshop CS6, which allow you to design and brand videos for your interactive and online projects. Once editing is complete, discover how to render the video as an MP4 file that can be uploaded to a favorite video website, incorporated into your own site, or embedded in an iBook, interactive PDF, or digital magazine. This course was created and produced by Chris Converse. We are honored to host this material in our library. Umfang: 00:24:40.00
Inhalt: Adobe Edge Animate offers a new way of creating rich and interactive animated content for websites, mobile apps, and ebooks. Like to code? You can access the HTML, CSS, and JavaScript that powers your compositions from the Edge Code interface. If you're not an avid programmer, you can use Edge Animate's more design-friendly features to build the same graphics without code. Want to learn more? Join Chris Converse in this course, as he covers all the essentials of this powerful toolset. Chris shows how to build basic compositions with shapes, text, images, and HTML5 video; animate the different elements; trigger actions and events; and incorporate custom CSS and JavaScript effects. He also shows how to make your Edge Animate layouts responsive, embed web fonts, and accommodate older browsers. When your composition is complete, learn how to add it to a webpage or take content into other applications like InDesign, Dreamweaver, Muse, and iBooks Author. Umfang: 04:44:37.00
Inhalt: Spherical panoramas-360-degree photos-are becoming more popular, especially on social media. Enhancing these images is slightly more complex than traditional photography, as they are not flat images. This course demonstrates a step-by-step nondestructive process for editing and branding spherical panoramas. Instructor Chris Converse covers masking out the tripod; applying a two-dimensional logo, retouching, and color adjustments; and adding special effects. The technique uses After Effects and Photoshop, and a new Creative Cloud tool called SkyBox Suite. The exercise files are free, so you can follow along even if you don't have a 360-degree camera. Umfang: 00:42:27.00
Programm Findus Internet-OPAC findus.pl V20.236/8 auf Server windhund2.findus-internet-opac.de,
letztes Datenbankupdate: 17.05.2024, 12:10 Uhr. 2.972 Zugriffe im Mai 2024. Insgesamt 513.202 Zugriffe seit Januar 2009
Mobil - Impressum - Datenschutz - CO2-Neutral