Rrphillips смотреть последние обновления за сегодня на .
Gain a better understanding of how clientWidth and innerWidth are calculated, and how these properties are affected by styles inherit or added to the webpage. Demo file: 🤍
Flash Animation with Symbols: Planet with Orbiting Moon and Twinkling Stars
Tell the browser to display the body of the webpage to 100% of the #viewport height using #min-height: #100vw. This fills the visible space for the webpage if the user is on a small phone/tablet device or a large desktop.
Use basic Excel features like cell shading, format painter, relative and absolute references, and sum and average functions to make a budget.
Animate the individual parts of a SmartArt or Chart object in PowerPoint. It's easy to do and can help your audience focus on the parts of a visual aid you're discussing before seeing the whole object. #powerpoint #smartart #chart #animate #animation #cis120
I want to create a retirement plan that utilizes several buckets of funds that have varying quantities and risks. In anticipation of this, we look at some historical returns to get a feel for what's realistic in planning 5-year and 10-year returns. In studying historical S&P 500 returns from 1928 - 2020, we use some simple Excel functions like #MAX, #MIN, and #AVERAGE to notice the variability in returns when we invest for longer time horizons. Great page and downloadable Excel for historical data: 🤍
We've got lots of dated rows and want to apply a conditional format to the next month (the row after the current month). Using some tricky conditional formatting rules involving and(), month(), and year(), we can accomplish this. Check part 2 for solving the December issue: 🤍 Demo file: 🤍
The short video series demonstrating a solution to the extra credit challenge posted to students (see video at 🤍 Creating an amortization schedule in Excel that relies on IF functions and Conditional Formatting. This video starts the process and shows how to create the initial loan inputs, the PMT calculation, and the first row of the amortization table. Demo file: 🤍
Change / Replace an image that has been sized and positioned to be a slide background image. Resize and crop a new image to take over as the "background" image. #powerpoint #background #image #crop #resize Photo by Richard Brutyo: 🤍
Use the #NPER function and mixed cell references in #Excel to create a table displaying the number of years it takes to get to a financial goal based on different monthly investing amounts and different annual rates of return. Demo file: 🤍 I couldn't find the article that inspired this, but CNBC puts out tons of these types of short personal finance infographics, such as 🤍
In Dreamweaver CS4, I use DIV containers with margins and floats to create a web page layouts. You'll also see a demonstration of a basic CSS reset rule.
Use CSS media queries and a little bit of CSS flexbox to create a responsive layout for phones and tablets. Display Flex is a great tool for transitioning two block elements from a column orientation to a row orientation. Demo files: 🤍
Part 2/4 Styling the vertically-oriented navigation menu for narrow devices: phones and portrait-oriented tablets. Other videos in this series include: Part 1 HTML Structure: 🤍 Part 2 Styling Mobile Menu: 🤍 Part 3 Script to Show Menu: 🤍 Part 4 Styling the Desktop Menu: 🤍
Get comfortable with several key topics so that you quickly work with resumé templates in #Word. Many #resumé templates use tables and tabs to control layout.
First, we use the stock history function in Excel 365, along with the #today() function, to determine the closing prices for a particular stock for the past six months. Then, we use the good 'ol max and min functions to find the highest and lowest value. The #xlookup function is used to display the most recent close price from the range of days.
You can save some of mobile users' bandwidth and data by serving up smaller images for them. Use the picture tag along with #srcset and #media attributes to provide specific images based on the device width.
Walk-through demonstration as we mimic a section of a web site that has several examples of styled text and hyperlinks. #cis195 #cocc #participation
Make a Basic Database to Build Custom Forms
Use position: sticky to help ensure that elements of the web page are visible while scrolling. Sticky is a nice mix of static and fixed. Demo file: 🤍
This is a demonstration solution for the task portion of our week 6 layouts quiz in #CIS195 Web Development I. This video demonstrates the HTML setup and the styling for the first layout.
Absolute Position Web Page Elements with CSS Demo file: 🤍