Inhalt: While most web developers have encountered media queries as part of their work on responsive layouts, media queries offer many more options than just the size of the viewport. In this course, instructor Jen Kramer explores some of the latest and greatest media query options available to Chrome, Firefox, Edge, and Safari. Learn how to test for different styles of interaction, determine how devices are held, figure out what resolution they have, and combine these options to build better sites and apps. Jen also covers complex media queries using and, not, and comma-separated conditions. Plus, she shows you how to keep these choices from breaking your projects in older devices. Umfang: 01:05:02
Inhalt: Twitter's Bootstrap is one of the most popular HTML/CSS/JavaScript frameworks for creating responsive websites. Here, Jen Kramer shows you how to add interactive elements like a thumbnail gallery, image carousel, or contact form using Bootstrap and a simple text editor. Plus, learn to style these features with CSS and add helpful JavaScript-based pop-ups and tooltips that enhance their usability. Along the way, you can test your Bootstrap prowess with a series of challenge videos. Need help getting Bootstrap up and running? Check out Bootstrap 3 Essential Training. Umfang: 01:55:40.00
Inhalt: Explore creative-oriented career paths in web design and development including user experience (UX) design, user interface (UI) design, internet marketing, graphic design, and more. Learn which personality types are best suited for each career opportunity and what skills are required for each position. Instructor Jen Kramer also covers which tools are current in each field, shares why coding is still a key literacy for web designers, and offers further resources for each area of interest. Umfang: 00:27:55.00
Inhalt: HTML is a powerful tool kit that gives your code superpowers, if you choose to use them. Thanks to the built-in behaviors in HTML, you can reduce the amount of explicit code you need. Structure your documents so that they work well as well as look good, and you can make your content available to more people and more programs. In this course, Jen Kramer shows you how to craft semantic, meaningful HTML, demystifying essential HTML tags and attributes along the way. She helps you make sure your pages (including elements like navigation) are properly structured and sectioned, and shows how to use the language's unique features for representing quotes, figures, dates, and times. Umfang: 01:22:40.00
Inhalt: Every CSS layout relies on the display property to tell it basic rules for how to present content. In this course, instructor Jen Kramer explains why the display property is so important and walks you through basic display values and newer display values that you need to understand to make effective use of this property. Jen discusses inline-level elements and the inline display value. She covers block-level elements, the block display value, and how to nest inline and block elements in HTML. Jen describes how to use "display: none" and "visibility: hidden" to hide content. Then she goes into newer display values, such as inline flex and grid values, the flow-root property, inline-block, tables, and list items. Jen concludes with recommendations on further HTM and CSS learning. Umfang: 00:42:33
Inhalt: CSS makes it easy to create compelling online experiences, but style sheets also work for pages off the screen. The need for print persists and site developers should know how to create not just workable but appealing print results. Learn why print style sheets are important and how they can help improve the user experience for your website, in this course with veteran web designer and teacher Jen Kramer. Jen explains how to create and link CSS via an external print style sheet or a print-based media query. She then shows how to use standard best practices to optimize page layouts for print vs. screen, including hiding and showing content exclusive to each media type. Plus, learn how to take your print page formatting to the next level using the CSS paged media and fragmentations specifications, which allow you to set page breaks, adjust margins, and control the formatting and layout of text. Umfang: 01:54:16
Inhalt: Discover how to effectively leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors. In this course, instructor Jen Kramer demonstrates how to pinpoint specific parts (and groups of parts) in an HTML document using the powerful declarative syntax of CSS selectors. Jen covers combinator selectors, attribute selectors, pseudo-class and pseudo-element selectors, and the universal selector. She also offers tips for determining which selectors might not be supported by your browser choices and shares best practices for mixing selectors in your document. And because this is an easily-tested syntax, Jen includes questions at the end of most videos to reinforce your understanding of each concept. Umfang: 01:26:44.00
Inhalt: When responsive web design was first introduced, it was at once magical and inefficient. Designers had to work with floats to lay out their grid-based systems, as well as hack media queries. Recent advances in CSS simplify this process, letting your design adapt to circumstances more fluidly. But leveraging these new features requires abandoning current practices and shifting to a model where you trade precise control for consistency and ease of implementation. This course can help you make that shift. Jen Kramer lays out how to do math directly in CSS via the calc() function and leverage custom properties, or variables, to streamline your CSS. Along the way, Jen shares examples of how to use these properties, including how to add custom properties to type scale and work with Flexbox and Grid. Umfang: 02:02:33.00
Inhalt: Even if your product or service is truly original, the app or site you build for it is going to share elements with every other app or site on the planet. Take, for example, the humble navigation bar, which your users need to find their way through your site. In this course, instructor Jen Kramer demonstrates how to create beautiful, accessible navbars using HTML and CSS techniques that work in any web context. Jen starts by detailing the proper markup for a nav bar and the box model associated with its elements. She then goes over how to style both vertical and horizontal navigation bars-including how to put a logo right in the middle of a horizontal navbar. Finally, Jen shares a few advanced tricks, including how to create dropdowns and mobile layouts with hamburger buttons with CSS, no JavaScript required. Umfang: 02:15:57
Inhalt: Hyperlinks are the foundation of the World Wide Web, but they come in many different flavors. Do you want to link to a specific point in a document? Make a phone call, or send an email? Link from images or dedicated navigation bars instead of text? In this course, instructor Jen Kramer gives you all the tools you need to make those tasks easy. Jen goes over basic links, linking to different files and resources, and linking from images, headers, text, and more. She shows you how you can style links and individual link states using CSS selectors, then goes into how you can make exceptions and create different styles. Jen covers the steps you should take to maintain links and redirect them when necessary. Umfang: 01:44:27
Inhalt: The HTML head element is different from the rest of the language, providing context rather than content. Want to control how your page appears on social media? Apply a title? Link a style? All that and more happen in the head. In this course, learn to leverage the invisible but powerful head element to improve search engine rankings, social media sharing, and more. Instructor Jen Kramer shows how to establish the fundamentals, like doctype and language, and use the meta tags to configure character sets, color themes, authors, and more, as well as redirect pages. Plus, learn how to control how links to your page are shown on Facebook with the Open Graph tag. Then discover how to set page titles, link and specify styles, and add JavaScript to your page with other crucial tags. Umfang: 01:25:32
Inhalt: Web development focuses on creating highly visual content, but many crawlers ignore the layouts and imagery that give human readers context. To aid Google Search and other bots, you can use structured semantic data. This invisible but critical metadata determines how your sites appear online and can help boost your search rankings. In this course, Jen Kramer shows how to add data structured for machine readers to pages also intended for humans. Learn how to describe content in schemas, use meta tags, and leverage tools like the Structured Data Markup Helper and Structured Data Testing Tool-both from Google-to add microdata and JSON-LD code to your pages. In chapter three, Jen provides several structured data examples as well as a challenge to test your ability to provide rich search results. Umfang: 01:34:43
Inhalt: Sometimes you need to share data, and not just visualizations, directly with other people. HTML tables make this easy. While they have a complex history of use and misuse, HTML tables are great at their key purpose: presenting data. In this course, learn how to create table structures that fit your data precisely, are easy to style, and work well for sharing. Instructor Jen Kramer covers the essential skills you need to learn to display and format tabular data on the web. Watch and learn how to build tables with HTML, style tables with CSS, and make your tables accessible to users with disabilities on all types of devices. Umfang: 01:25:24.00
Inhalt: Joomla! is one of the most popular open-source content management systems in the world, powering over 30 million websites. In this course Jen Kramer will help you install Joomla! locally or remotely, so you can run it from your own computer or on a web host everyone can access. Learn how to install Joomla! with either WAMP (Windows) or MAMP (Mac) stacks, configure Joomla! on a web host, and move your site from a web-hosted environment to a local one-or vice versa. Plus, learn the keys to administering Joomla!, both locally and remotely, including updating Joomla! when the next version is released. Umfang: 01:33:42.00
Inhalt: Find new and interesting ways to display your site content with Joomla!, the open-source CMS, and these tutorials from Jen Kramer. Jen shows how to create and modify the look of categories, articles, lists, and menus, and implement advanced functionality like tagging and version control. She'll teach you how to add links, images, videos, and dropdown menus to your Joomla! site, as well as configure some crucial display options. Make sure to test your new skills by taking the practice challenges issued along the way. Note: For installation and setup instructions, see the course Installing and Running Joomla! 3: Local and Web-Hosted Sites. Umfang: 04:34:36.00
Inhalt: Joomla!, the open-source CMS, easily expands to make websites that do almost whatever you want. In this course, Jen Kramer introduces the modules, components, extensions, and templates that will help you take Joomla! further. Learn about the core modules (like custom HTML and search) and then find out how to build out contact forms and redirect web traffic with components, use extensions to create backups and upload media, and change the look of your site with templates. Make sure to test your new skills by taking the practice challenges issued along the way. Umfang: 02:42:19.00
Inhalt: When Joomla! 3.0 was released in 2012, the web was a much different place-Bootstrap 2 was new, HTML 5 wasn't finalized, and mobile websites were just starting to take over the world. After nearly nine years with the same interface, the Joomla! 4.0 release candidate is here with some new looks that reflect the way the web and mobile web work now. In this course, Jen Kramer gives you a tour of the major features of Joomla! 4.0, ahead of its final release. She starts with a look at Cassiopeia and Atum, the latest website and administrator templates in Joomla. Jen also gives an overview of the built-in components, modules, and plug-ins, and their capabilities. Finally, she looks at one of the major new features in Joomla! 4.0, the workflow feature, which allows you to vet content within Joomla before publication. (Note: This course was recorded using Joomla! 4.0 release candidate 2. If you are using a different version, you may see slight variations between release candidates.) Umfang: 00:41:26
Inhalt: Bootstrap is a free web development tool from Twitter that, with a little bit of CSS and JavaScript experience, makes building websites quick, intuitive, and fun. Author Jen Kramer explores its 12-column grid layout; typography and icon libraries; fully functional components like nav bars, buttons, and tabs; and much more. This course also shows how to add JavaScript extras like dropdown menus, modal windows, and photo carousels. Umfang: 02:38:39.00
Inhalt: Today's content management systems are easier to use than ever before. So what does it mean to have an ultra-flexible CMS that isn't too technically difficult to use? In this course, instructor Jen Kramer explains the Editor X workflows and workspace, including how to create and edit content and how to build and publish websites. Jen shows you how to create a project and choose a template, walks you through the interface, and describes how to use the theme manager to configure colors and type. She covers how to add a logo, customize your page's navigation, and add a variety of features to your page. Jen steps through reordering sections of your page and building additional pages. She concludes with an explanation of how to launch your Editor X site. Umfang: 02:00:09
Inhalt: In this advanced course, learn to build responsive websites with Foundation-the clean, simple design framework that uses integrated CSS and JavaScript. Jen Kramer covers Foundation's twelve-column grid system, including the small, medium, and large grid options that make layouts easy to assemble. Then learn how to adjust Foundation's default CSS styling to make your buttons, thumbnails, and other page elements look just the way you want, and add top, side, and off-canvas navigation bars. Jen also shows you how to work with cool JavaScript-based effects like Orbit (an image carousel), Reveal (a modal window plugin), and Interchange (offering responsive image management). Umfang: 02:59:13.00
Inhalt: Need to build a responsive website or app quickly? Foundation 6 simplifies the creation of mobile-ready, cross-browser interfaces. An open-source framework, it features a 12-column grid; buttons of many different shapes, sizes, and functionality; fully functional components that are ready to use; and much more. Plus, its Flexbox-based grid system and easy-to-edit styles make it a real timesaver-even for more advanced developers. Get an introduction to the most frequently used Foundation components, and how they fit together, in this introductory training course. Instructor Jen Kramer helps you create a responsive layout, modify the look and feel by editing the underlying CSS, and customize the navigation. She demonstrates how to add card-based approaches, modal dialogs, photo carousels, and other JavaScript-based effects. Umfang: 02:20:30.00
Inhalt: Discover how to make websites more search engine friendly, more meaningful, and more future-proof with semantics. In this course, Jen Kramer shows you how simple HTML5 tags add meaning to page structure, and how microdata and metadata can be used to add identifying information-such as author and type of content-right on a page. All this adds up to creating pages that score better (and rank faster) in Google and other search engines, and work better in the growing array of bots and other programs searching the web on behalf of devices. Umfang: 01:36:24.00
Inhalt: Learn about how to use Webflow, the web-based tool for easily creating responsive websites without coding. Instructor Jen Kramer covers creating a new site with Webflow, adding content and media, customizing the navigation and visual layout, and adding additional pages. She also shares how to publish a site, monitor its performance, and keep it updated with new content. Umfang: 01:46:28.00
Inhalt: Wix makes it easy to build your own website. It takes care of all the heavy lifting: code, web hosting, even layout. You can concentrate on the fun stuff: branding and content. Learn how to use Wix to design and visually develop a responsive small-business website, in this training course with Jen Kramer. Jen shows how to set up a brand-new site, edit the layout and design, and build pages with original content and images. Plus, learn how to add advanced features like video and chat and publish your site so that it looks great on any device. If you''ve been intimidated by other web tools, you''re in the right place. With Wix and Jen''s tips, you can create a simple website that''s easy to maintain and will grow alongside your business. Umfang: 01:38:46.00
Inhalt: Have you always wanted to have your own website, but felt overwhelmed by the technical aspects? Wix makes it easy to build your own website by taking care of all the heavy lifting: code, web hosting, even layout. You can concentrate on the fun stuff: branding and content. In this training course with Jen Kramer, learn how to use Wix to design and visually develop a responsive small-business website. Jen covers all the steps on how to set up a brand-new site, edit the layout and design, and build pages with original content and images. Plus, she shows how to add advanced features like video and chat and publish your site so that it looks great on any device. If you've been intimidated by other web tools, you're in the right place. With Wix and Jen's tips, you can create a simple website that's easy to maintain and will grow alongside your business. Umfang: 02:10:35
Programm Findus Internet-OPAC findus.pl V20.235/8 auf Server windhund2.findus-internet-opac.de,
letztes Datenbankupdate: 08.05.2024, 18:40 Uhr. 908 Zugriffe im Mai 2024. Insgesamt 511.138 Zugriffe seit Januar 2009
Mobil - Impressum - Datenschutz - CO2-Neutral