Office Quick Starts.Word and cheat sheet | Computerworld

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

A flex container expands items to fill available free space or shrinks them to prevent overflow. Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts block which is vertically-based and inline which is horizontally-based.

While those work well for pages, they lack flexibility no pun intended to support large or complex applications especially when it comes to orientation changing, resizing, stretching, shrinking, etc.

Note: Flexbox layout is most appropriate to the components of an application, and small-scale layouts, while the Grid layout is intended for larger scale layouts. Since flexbox is a whole module and not a single property, it involves a lot of things including its whole set of properties.

Please have a look at this figure from the specification, explaining the main idea behind the flex layout. Items will be laid out following either the main axis from main-start to main-end or the cross axis from cross-start to cross-end. This defines a flex container; inline or block depending on the given value.

It enables a flex context for all its direct children. This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is aside from optional wrapping a single-direction layout concept.

Think of flex items as primarily laying out either in horizontal rows or vertical columns. By default, flex items will all try to fit onto one line.

You can change that and allow the items to wrap as needed with this property. There are some visual demos of flex-wrap here.

The default value is row nowrap. This defines the alignment along the main axis. It helps distribute extra free space leftover when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line. Note that that browser support for these values is nuanced.

MDN has detailed charts. The safest values are flex-start , flex-end , and center. There are also two additional keywords you can pair with these values: safe and unsafe. This defines the default behavior for how flex items are laid out along the cross axis on the current line. Think of it as the justify-content version for the cross-axis perpendicular to the main-axis.

The safe and unsafe modifier keywords can be used in conjunction with all the rest of these keywords although note browser support , and deal with helping you prevent aligning elements such that the content becomes inaccessible.

Note: This property only takes effect on multi-line flexible containers, where flex-wrap is set to either wrap or wrap-reverse. A single-line flexible container i. The gap property explicitly controls the space between flex items.

It applies that spacing only between items not on the outer edges. The behavior could be thought of as a minimum gutter, as if the gutter is bigger somehow because of something like justify-content: space-between; then the gap will only take effect if that space would end up smaller.

It is not exclusively for flexbox, gap works in grid and multi-column layout as well. By default, flex items are laid out in the source order. However, the order property controls the order in which they appear in the flex container. This defines the ability for a flex item to grow if necessary.

It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up. If all items have flex-grow set to 1 , the remaining space in the container will be distributed equally to all children. If one of the children has a value of 2 , that child would take up twice as much of the space either one of the others or it will try, at least. This defines the default size of an element before the remaining space is distributed.

It can be a length e. If set to auto , the extra space is distributed based on its flex-grow value. See this graphic. This is the shorthand for flex-grow, flex-shrink and flex-basis combined. The second and third parameters flex-shrink and flex-basis are optional. It is recommended that you use this shorthand property rather than set the individual properties. The shorthand sets the other values intelligently. This allows the default alignment or the one specified by align-items to be overridden for individual flex items.

Note that float , clear and vertical-align have no effect on a flex item. Flexbox requires some vendor prefixing to support the most browsers possible. Perhaps the best way to handle this is to write in the new and final syntax and run your CSS through Autoprefixer , which handles the fallbacks very well. This relies on the fact a margin set to auto in a flex container absorb extra space. So setting a margin of auto will make the item perfectly centered in both axes.

Consider a list of 6 items, all with fixed dimensions, but can be auto-sized. We want them to be evenly distributed on the horizontal axis so that when we resize the browser, everything scales nicely, and without media queries. Everything else is just some styling concern. Below is a pen featuring this example. Be sure to go to CodePen and try resizing your windows to see what happens. Imagine we have a right-aligned navigation element on the very top of our website, but we want it to be centered on medium-sized screens and single-columned on small devices.

Easy enough. What about a mobile-first 3-columns layout with full-width header and footer. And independent from source order. This browser support data is from Caniuse , which has more detail. A number indicates that browser supports the feature at that version and up. Flexbox is certainly not without its bugs. Otherwise: could you build this layout using flexbox?

Alex Yes, you can. In the same manner that you do so with non-flex grids, apply a negative margin-left to the grid wrapper, and apply that same value as padding left to all grid columns. Alex Lawrence That has little do with flexbox itself. Negative margins are rubbish. Using :not selectors, however, will be unscalable, and you will lose IE8 support less of an issue now.

How about managing 3rds, 5ths, 6ths, 12fths, etc. Perhaps not ideal, but they solve a complex problem elegantly. More here. For your final example, how would you make the content center row take up all available space, so that at minimum, the footer is pinned to the bottom of the window — but if the content area has more content, the footer will push below, allowing scrolling.

Lawrence at the point of using flex does IE8 not become a problem already? I think the grid solution could be solved with nth-child. Then using media queries to make appropriate adjustments based on the users screen. Your last example only works with no content. If you put some text in Aside1 the 3 column Layout is gone. Josh McCullough its pretty simple to achieve that, better and easier then ever before.

Just use the flex property and set it to 1, for e. Look an eye out for grid to make a proper entry into the browsers and we would be having magic on our plates in terms of layouts. Space-between would spread all items in the last row across the whole width which is not what Alex wanted.

Your example specifies. This really threw me off for a while…wondering why the boxes werent the widths I expected. Everything still looks great in Chrome. At the moment this is not supported, but I think it should be because everything that was left out here had the recommended syntax.

Good explanation of the need for multiple vendor-prefixed rules here. See code examples with comments…. They arguably much more importantly separate out implementation differences. What would happen if we just had one unprefixed word for a feature, and the syntax of its attributes was consistent across browsers, but the rendering behavior was different? Once everyone has a correct implementation, then the prefixes can be dropped. Regarding the example with the 6 items of fixed dimensions to be evenly distributed — using the justify-content: space-around; rule:.

This is something that can be done with the grid layout module, but it is not supported by the browsers yet. Coolcat You mention that this can be done with tables and calc — is this so — even if you have a dynamic number of items?? For the items to wrap up onto the second line you can use the flex-wrap: wrap, then to align the items on the second line you can manipulate them with align-content.

Daniel Sorry, I misunderstood your question. This is indeed a thing that could be added.

 
 

Office cheat sheets

 

Word has always been the workhorse app of the Microsoft Office suite. Nearly everyone microsoft word 2016 cheat sheet pdf free uses Office ends up using Word at some point, whether microsoft word 2016 cheat sheet pdf free be for writing memos, typing up agendas, creating reports, crafting business correspondence or any of a thousand other uses. When you purchase a perpetual version of the suite — say, Office or Office — microsofr applications will never avery software windows 10 new features, whereas Office apps are continually updated with new features.

This cheat sheet gets you up to speed on microsoft word 2016 cheat sheet pdf free features that were introduced in Word and Wordthe perpetual-license versions of Word included with Office and Officerespectively. In OfficeWord has all those features, plus several more. If you or your organization has an Office subscription, see our separate Word for Office cheat sheet for coverage of all the latest features. Shwet of the tips in this article apply to both Word free hearts 10 Word for Windows.

Near the end is a section for Word only. But if you need a refresher, see our Word cheat sheet. Just as in Wordthe Ribbon in Mifrosoft and is flatter-looking, cleaner and less cluttered than the one in Word and The and Dheet is smaller than in Wordthe title bar is now solid blue rather than the previous white, and the menu text File, Home, Insert and so on is now a mix of upper- and lowercase rather than all caps. There are other minor changes as well — for instance, the old Page Layout tab is now called just Layout — but the Ribbon still works in the same way and you’ll find most of the commands in the same locations as in Word To find out which commands live on which tabs on the Ribbon, здесь our Word and Ribbon quick reference.

Also see the nifty new Tell Me feature described below. Just as in earlier versions of Word, to make the commands microsodt the tabs on the Ribbon go away, press Ctrl-F1. To make the commands appear again, press Ctrl-F1. Note that the Ribbon tabs — File, Home, Insert and microsoft word 2016 cheat sheet pdf free on — stay visible. To get to them, click the Ribbon display options icon at the top right of the screen, just to the left of the icons for minimizing and maximizing Word. A drop-down menu appears with these three 20016.

And if for some reason that blue on microsoft word 2016 cheat sheet pdf free title bar is too much color for you, you can turn it white or gray. To make the title bar blue again, choose the Colorful option from the drop-down list.

Just above the Office Theme menu is an Office Background drop-down menu — here you can choose to display a pattern such eheet a circuit board or circles and stripes in the title bar.

Each location now displays its associated email address underneath it. This is windows 10 download helpful if you use a cloud service with more than one account, such as if you have one OneDrive account for personal use and another one for business. You’ll be able to see at a glance which is which. The biggest feature launched with Word is live collaboration that lets people work on documents together from anywhere in the world with an internet connection, a feature that Google Docs has long had.

However, while Office subscribers or anyone using Word cyeat Word Online can see the changes that other users of those versions make to a shared document in real time as they happen, Word users have to save their documents periodically to see and share changes.

Still, it does allow you to work with others on the same document at the same time. To collaborate on a document, cyeat open it, then click the Share нажмите чтобы прочитать больше in the upper-right part of the fref. Clicking the Share button opens the Share pane on the right-hand side of the screen — this is command central for collaboration.

At the top of the pane, type нажмите для продолжения the email kicrosoft of the people with whom you want to collaborate on the microaoft, separated by commas. As you type, Word looks through microsoft word 2016 cheat sheet pdf free address book and displays the matches it finds; click the person you want to invite.

After you enter the addresses, microsoft project 2016 price either “Can edit” or “Can view” in the drop-down to allow collaborators full editing or read-only privileges. Type a message in the text box if you want. Your collaborators get an imcrosoft message like this when you share microsoft word 2016 cheat sheet pdf free document. Click image to enlarge chea. Then copy the link, paste it into an email using any email program, and send it.

When your recipients receive the email from you, wrod click shest button or link to open the document, which opens in Word Online in a web browser rather than in the Word desktop client.

At this point, they can view the document but not edit it. Logged in users will see an Edit Document menu, from which they can choose Edit in Word to open the file in the client version of Word, or Edit in Browser to work in the free web version. But for basic editing, it works fine. When collaborating in Wordyou must save the document to see changes made by others highlighted in продолжение здесь and to share your changes with them.

When you’re working on a document in Word with other people in real time, each person gets a cursor with their own unique color. You can see what they do as they do it, including deleting, editing and adding text. They see what shet do as well. Be aware that how well real-time collaboration works depends on the strength of your microspft connection.

The Share pane shows a list of people who have access to the document, with a note underneath their name indicating if they are currently editing the document, and if not, whether they have jicrosoft or viewing access.

Right-click the icon of anyone currently working on the document and click Microsoft word 2016 cheat sheet pdf free Contact Card; a screen pops out with the microsott ways you can contact them, including chat, phone and video via Skype if they have Skype and email. That lets you talk or text with them while you’re working on the document together, making collaboration that much more effective. Click the icon of someone working with you on a document to see other ways you can contact them.

Although live collaboration is the biggest addition to Wordthere are several other new features as well. Click the task you want to get instructions mirosoft how to do it.

And it remembers the features you’ve previously selected in the box, so when you click in it, you first see a microsoft word 2016 cheat sheet pdf free of previous tasks you’ve searched for. That way, tasks that you frequently perform are always within easy microslft. Here are the latest Insider stories. More Insider Sign Out. Sign In Register. Sign Out Sign In Register. Latest Insider. Check out the latest Insider stories here. More from the Foundry Network.

Office and cheat sheets. Vree and cheat sheet. Excel mifrosoft cheat sheet. PowerPoint and cheat sheet. Outlook and cheat sheet.

 

Microsoft word 2016 cheat sheet pdf free

 
Get up to speed in minutes, quickly refer to things you’ve learned, and learn keyboard shortcuts. If you have trouble viewing these PDFs, install the free. Word. Outlook. PowerPoint. Teams. OneNote. Windows. Click the links to jump to a topic. FREE QUICK REFERENCE BUNDLE. Microsoft. Office. In this Free Microsoft Word tutorial we’ll look at some tips and tricks that you can learn to make your Microsoft Word experience much better.

 
 

Microsoft word 2016 cheat sheet pdf free.Office cheat sheets

 
 
To make the commands appear again, press Ctrl-F1. The Controls group lets you add form controls to a document. Certificates Challenges Podcast Byol Store. These handy quick references can be printed or shared. Working on a document microsoft word 2016 cheat sheet pdf free this newsletter, and the file size is really micrisoft, so you got lots of images in it. You can do the exact same thing with pixels or points, and it’s not just to do with height and width, any box in Word that has any жмите of measurements you can just type it in, and it will convert it for you.