You use grid-area, so the place for the side nav is allocated at start. If you hide (or even delete) the side nav, that won't change anything about this. You have to do a little trick: Set the width for the first column to 0 and change the grid-gap because otherwise you will have a (not needed) gap at the left.

Adding backgrounds and borders does feel like a missing feature of the CSS Grid specification and one which the Working Group have discussed along with many members of the community (the discussion thread is on GitHub).

This gives me the layout with the full-width image and two sections of content placed; however, if I add the background to the sections, it will stop above the row-gap between section and the full-width image.

With Grid and generated content, we can add a line either side of our heading without adding any additional markup. The line will grow and shrink according to available space

The key phrase here is “children of a grid container.” The specification defines the creation of a grid on the parent element, which child items can be positioned into. It doesn’t define any styling of that grid, not even going as far as to implement something like the column-rule property we have in Multi-column Layout. We style the child items, and not the grid itself, which leaves us needing to have an element of some sort to apply that style to.

But all of these attempts misunderstand why the Open Source ecosystem is successful as a whole. The ecosystem of fairly standard licenses provides a level playing field that allows collaboration with low friction, and produces massive value for everyone involved – both to those that contribute and to those that don't. It is not without problems (there are many essential but unsexy projects that are struggling with funding), but introducing more friction won't improve the success of this ecosystem – it will just lead to some parts of the ecosystem to break off.

There have also been extensions for suggestions towards more “ethical” licensing, to prevent certain undesirable uses.

Part of me thinks that open source can be more rewarding to the creators/contributors. But maybe the real contribution is the permanent addition to the tools available to humanity, and if you have the wits, you can make a decent business out of it without tainting open source.

Selling proprietary software is difficult when there is so much gratis Open Source software around.

For a sufficiently successful and industry-relevant open source project, it's possible for the main developers to earn a living e.g. by selling related consulting services.

It turns out that creating and using Free Software is not just good to individuals, but for businesses as well, for example by building upon publicly available components and by collaborating shared software. The term Open Source is a business-friendly rebranding of the Free Software concept. This line of thought was also widely successful, e.g. Firefox/Mozilla was an open sourcing of Netscape software.

Foundations like Apache or Eclipse also create massive value across the industry by getting multiple companies to collaborate on “neutral ground”.

Ensure that there can only be four items per row: grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); grid-gap: 10px; With 20% minimum width per item, and a grid gap (of any length), there can never be more than four items per row.

Because of the way the CSS “or” operator works, I wouldn’t be able to mix the retina conditions with other expressions since a (b or c) would be compiled into (a or b) c and not a b or a c.

auto (i.e. minmax(auto, max-content))

Note: auto track sizes (and only auto track sizes) can be stretched by the align-content and justify-content properties.

Is a keyword that is identical to maximal content if it's a maximum. As a minimum it represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.

If no end line value is declared, the item will span 1 track by default.

The values represent the track size, and the space between them represents the grid line.

When you use this syntax the lines on either end of the areas are actually getting named automatically.

Notice that you’re not naming lines with this syntax, just areas.

The syntax itself provides a visualization of the structure of the grid.

justify-content Sometimes the total size of your grid might be less than the size of its grid container. This could happen if all of your grid items are sized with non-flexible units like px. In this case you can set the alignment of the grid within the grid container.

this issue is rather about styling the the cells and areas

This idea is not new, there are reference books which teach the use of grid layout, I haven't seen a single book that doesn't show a grid overlay as part of the process.

a designer / developer / designoper is able to create a grid overlay which would act as design reference.

the author should be able to style area boxes

proposes adding a grid-cell pseudo so you can add (responsive) decorative elements to grids without having to add empty elements to your page.

#grid::grid-area(1 / 2 / 3 / 4) { background-color: red;

I hope we see new CSS capabilities arise that allow this sort of effect without the need for trickery.

When you generate before- and after-content pseudo-elements, Grid treats them as actual elements and makes them grid items.

The first problem is that if you ever remove an item, there will be a big black block in the layout. Maybe that’s OK, but more likely it isn’t. The second problem is that grid containers do not, by default, shrink-wrap their items. Instead, they fill out the parent element, as block boxes do. Both of these problems are illustrated in Figure 6.

Since CSS doesn’t (yet) offer a way to style grid cells, areas, or tracks directly, we have to stretch elements over the parts we want to style independently from the elements that contain content.

I use <b>s for the decorative portions of the layout because they’re purely decorative elements. There’s no content to strongly emphasize or to boldface, and semantically a <b> isn’t any better or worse than a <span>. It’s just a hook on which to hang some visual effects. And it’s shorter, so it minimizes page bloat (not that a few characters will make all that much of a difference). More to the point, the <b>’s complete lack of semantic meaning instantly flags it in the markup as being intentionally non-semantic. It is, in that meta sense, self-documenting.

div:nth-of-type(3n+1) { grid-column: 1; } div:nth-of-type(3n+2) { grid-column: 2; } div:nth-of-type(3n+3) { grid-column: 3; } div:nth-of-type(-n+3) { grid-row: 1; }

The 1 / -1 means “go from the first grid line to the last grid line of the explicit grid”, regardless of how many grid lines there might be. It’s a handy pattern to use in any situation where you have a grid item meant to stretch from edge to edge of a grid.

They likely won’t have any content, making them a sort of structural filler to spackle over the gaps in Grid’s capabilities.

Just like in flexbox, this will move the displayed grid items out of source order, placing them after the grid items that don’t have explicit order values.

#ttt > * { border: 1px solid black; border-width: 0 1px 1px 0; display: flex; /* flex styling to center content in divs */ align-items: center; justify-content: center; } #ttt > *:nth-of-type(3n) { border-right-width: 0; } #ttt > *:nth-of-type(n+7) { border-bottom-width: 0; }

This nav bar by Chris Coyier is a great example of something that makes more sense as a flexbox than grid.

Flexbox and grid play well together, and are a huge step forward from the float & table hacks they replace.

Flexbox's strength is in its content-driven model. It doesn't need to know the content up-front. You can distribute items based on their content, allow boxes to wrap which is really handy for responsive design, you can even control the distribution of negative space separately to positive space.

Flexbox: content dictates layout

Grid: container dictates layout

Flexbox is for one dimensional layout (row or column). CSS grid is for two dimensional layout.

Your grid areas can only be rectangles (like the left), not arbitrary polygons (like the right).

.box1 { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } .box2 { grid-column-start: 1; grid-row-start: 2; grid-row-end: 4; }

the difference is exactly like block and inline-block ... if you use inline-grid with sibling elements they will be placed in the same line unlike grid ... so here you change to grid also since each element is inside a grid area alone

Although one thing you want to avoid is using frames in such a manner that the content of the site is in the frame and a menu is outside of the frame. Although this may seem convienient, all of your pages become unbookmarkable.

There is one situation where iframes are (almost) required: when the contents of the iframe is in a different domain, and you have to perform authentication or check cookies that are bound to that domain. It actually prevents security problems instead of creating them. For example, if you're writing a kind of plugin that can be used on any website, but the plugin has to authenticate on another domain, you could create a seamless iframe that runs and authenticates on the external domain.

Iframes can have similar issues as frames and inconsiderate use of XMLHttpRequest: They break the one-document-per-URL paradigm, which is essential for the proper functioning of the web (think bookmarks, deep-links, search engines, ...).

The most striking such issue is probably that of deep linking: It's true that iframes suffer from this to a lesser extent than frames, but if you allow your users to navigate between different pages in the iframe, it will be a problem.

never care and try to understand design standards

If you're creating an actual, informational web page, stick to frameless HTML, CSS and unobstrusive JavaScripts and keep in mind that the page should still be usable with scripting disabled.

I normally try to figure out if that's a good solution for the problem before resorting to iframes. Sometimes, however, an iframe just does the job better. It maintains its own browser history, helps you segregate CSS styles if that's an issue with the content you're loading in.

Yeah, this is one of those cases where it's not a "yes or no" type answer.

that's a point, but I would say the opposite, when entering credit card data I would rathre prefer to be entirely in the Verified By Visa (Paypal) webpage (with the url easily visible in the address bar) rather that entring my credit card data in an iframe of someone's website.

Then recently I was shopping at the John Lewis website, and they brought up the Verified By Visa page in an iframe - wonderful! I'm still looking at the John Lewis site, and all that's happening is I'm being asked for my Verified By Visa password - no problem. Although as a web developer I know that there's no technical difference between that and a plain old redirect-there-redirect-back, the user experience is so much better!

remember that for each loaded iFrame, a DOM is created, HTML requests are made and document wrappers are instantiated, eating memory and bandwidth in the process

Multiple answers are great. Check out all of them, not just the accepted one.

Owning a blog or website involves two separate pieces, your domain and your host.

Keep your domain in one place. If you ever get mad at your web host and decide to move your site, you’ll also probably want to transfer your domain if it’s registered with the old host. Domain transfers can be annoying, time-consuming, and confusing. But if you’ve registered the domain elsewhere, you don’t have to do anything except update your DNS settings to point to the new host.

It’s kind of like putting a SIM card in a cell phone – the SIM card tells that phone, “Hey, you work with this particular phone number now.” Just like you can switch out a phone’s SIM card and make the phone work with a different phone number, your domain can be set to work with a different web hosting service.

The main advantage of reverse proxies is unification. You no longer have to redirect visitors off-site or bounce them around between two sites. This disorganization can get confusing and takes away from a brand’s credibility and professionalism.

As soon as you're displaying content from another domain, you're basically trusting that domain not to serve-up malware. There's nothing wrong with iframes per se. If you control the content of the iframe, they're perfectly safe.

If you teach your users to trust that URL bar is supposed to not change when they click links (e.g. your site uses a big iframe with all the actual content), then the users will not notice anything in the future either in case of actual security vulnerability.

And if there's a suitable vulnerability, it might be possible to trigger it even without using <iframe>, <img> or <a> element, so it's not worth considering for this issue.

IFRAME element may be a security risk if any page on your site contains an XSS vulnerability which can be exploited

Your browser window is basically just one big iframe.

My goal (as it turns out) is simply to point out that any site that includes third party code is alarmingly vulnerable, in a completely undetectable way.

So what’s the point in a post like this? Is it just me pointing and saying “ha, you’re a sucker!”.No, not at all. (Well, it was to start with, but then I realised I’m a sucker too, so I changed my tune.)

I have a Content Security Policy!Oh, do you now.And did somebody tell you that this would prevent malicious code from sending data off to some dastardly domain? I hate to be the bearer of bad news, but the following four lines of code will glide right through even the strictest content security policy.

it is very difficult to spot shenanigans in obfuscated code, you’ve got no chance.

But I’m afraid it’s perfectly possible to ship one version of your code to GitHub and a different version to npm.

The point is, just because you don’t see it, doesn’t mean it’s not happening. It’s been more than two years and as far as I know, no one has ever noticed one of my requests. Maybe it’s been in your site this whole time

Also the URL looks a lot like the 300 other requests to ad networks your site makes.

I’d notice the network requests going out!Where would you notice them? My code won’t send anything when the DevTools are open (yes even if un-docked).I call this the Heisenberg Manoeuvre: by trying to observe the behaviour of my code, you change the behaviour of my code.

I’m harvesting credit card numbers and passwords from your site. Here’s how.

First, the frame and frameset elements are not deprecated in HTML5, they're obsolete (i.e., they've been removed entirely).

many a tech manager has siezed on them as a solution to many problems. In fact, they create more.

if used for parameterized content, they've created an interface. And in a professional site, that interface requires an SLA and version management - which are almost always ignored in rush to get online.

And if your framed content has a need to be interactive, it will struggle to do so beyond the frame.

Usually, if you can do it without an iframe, that is a better option. I'm sure others here may have more information or more specific examples, it all comes down to the problem you are trying to solve.

I disagree, but I can't downvote it, because it is an important POV.

think about them as a text/markup equivalent to the way a video or another media file would be embedded

The downside is that if you introduce multiple layers of scrolling (one for the browser, one for the iframe) your users will get frustrated. Like adzm said, you don't want to use an iframe for primary navigation

on the other hand, documents from different origins can still communicate using window.postMessage(), for example to implement collaborative iframe auto-resizing.

but I wouldn't use a frameset for anything but a manual since it no longer exists in html5. Example: Game maker manual

That won't work if the external content is on another site due to same origin policy. In some obscure cases, the remote site might support JSONP; but probably not.

However I've seen iframes abused as well. It should never be used as an integral part of your site, but as a piece of content within a site.

Designers hated them. Yes, that was the deadliest punch. Everything looked square and straight. They hated it. They wanted arcs and image backgrounds and rounded borders. Now they have it in CSS3 - guess what, they're drawing squares. #whatever Programmers had trouble with them. It was inconvenient to follow the logic of frames, and you had to do some extra work. I mean, some. Today it's a lot harder to create AJAX solutions for the same problem, but no one complains. #whatever Websites could include one another. This was painful for some site owners because they worked hard on something and another fella used it as own content. Later, they invented same origin policy, but it was way after starting to hate frames. Content stealing is still an issue today, absolutely unrelated to whether we have frames or not. #whatever Back button worked differently. Yes, it was a bit annoying. But it was not the frame concept's fault, again: it was browsers who did this to us. Could have been solved easily, but nah, browsers kept going back one by one, not providing the site a way to implement its own "step back" method, and alas, this is still happening today. #whatever

"thank you for your ongoing interest in Patrician 3 but the developers moved on to more recent projects. There are currently no patches / updates planned to establish compatibility with windows 8 or 10."I find it very disturbing that Kalypso and Steam are continuing to sell the game, when there are so many problems with it and there are no plans to make it compatibile with modern hardware.

Who cares if the game is old? Old games are also loved, you cant hate on a game thats older than you. I'm saying this to those 10 year olds who disliked the game just for being ''old'' I hate how people are nowadays.

That fact that I am giving this little indie gem it's first review more than two full weeks after it launched shows the sad state on Steam of how the over saturation of asset flips and low effort garbage buries little treasures like this game.

This game is not currently available in United States.

By gathering “clergymen” together you are just assenting to the status quo and, in effect, putting band aids on it. What really needs to be done is to hold a conference where the New Testament’s teaching on leadership is unfolded. If this were done, of course, then the traditional “clergy/laity” practice would have to be jettisoned in favor of the New Testament patterns.

All those names of things - topology, complex analysis, and differential geometry - might not sound like much to you now, but you'll soon learn that they're really just describing the shapes of things in our Universe, and the way those shapes change in time and space are explained by things like calculus and chaos theory.

Popup - You don't need to deal with these messages right away, yet at some point you will need to take action since these won't go away until explicitly say say you don't want them around anymore.

Popover/Tooltip/Hovercard - These are passive approaches to showing more information. These are used to add simple instructions or explanations or foreshadow what will happen if you click a link.

A pop-up is a modal view that can either take form as a pop-up menu or a pop-up dialog. To my understanding, when we use the word “pop-up”, what we want to express is the pop-up motion effect on the call-out of the UI treatment.

A popover is a transient view that shows on a content screen when a user clicks on a control button or within a defined area.

to estimate your geolocation.

ClickFunnels is for ambitious dads who want to leave their 9-5 job. It’s for stay-at-home moms who want to build a business of their own. It’s for the college grad who wants to make extra money online.  Ultimately, it’s for crazy entrepreneur-types who want to change the world and build a better life. 

“Why is this so difficult! I am spending so much time and money trying to build the perfect website, hiring designers, website builders, programmers, it’s never ending!”

Even when my sales began to increase, the profits got eaten up by the upcoming maintenance and site improvements, don’t even get me started on the cost of ad spend!

Well, a click funnel is basically an online sales funnel, but it’s widely referred to as a click funnel due to the growing popularity of the software called “Clickfunnels”.

So what's the worst part? Well, if you're like most entrepreneurs, marketers, and salespeople... it's finding your potential clients' email addresses to reach them out. (Yawn... I almost fall asleep just writing about it.) You see, it's boring and time-consuming, you wish you could skip this part and go straight to the sales process.

What's the best part about running a business? You know, it's closing the deals and counting the money.

There are so many features like personalization, unsubscribe links and social networking widgets that will make sure your emails are more likely to fall into your prospects' inbox.

Preheat your sending accounts and IP to improve your inboxt rate be over 90%

Similarly to a cell phone setup, you prepay your email quota. Although they famously used to offer credits that ‘never expired’, new changes mean that credits now expire after 12 months (or, if purchased before May 15th 2019, they’ll expire on May 15th 2020).

Disciple.Tools is designed by disciple makers for disciple makers to increase time you can spend with people.

While Christian community has its wonderful side, there is also the difficult dark side. When people get to know each other really well and spend a lot of time together, lots of exposure happens. Lots of conflicts. Lots of misunderstandings. Lots of pain and hurt. The NT itself shows us the many problems that arise when Christians meet together closely and regularly outside of institutional structures. The letters written by Paul to churches are examples.

Our mission is to train storytellers to do three things: tell the stories of Scripture in a way that sparks conversation, start groups where the fire can grow, and train more storytellers.

The Lk10 "rhythms" are now being practiced in 28 countries, across 6 continents.

Can't log in and can't create a new account. The player created levels was half the game.

Ah, the old advertising games... It's kind of hard to explain for new generation of players, but back in the days we had games fully dedicated to certain brands. And they wanted us to pay for them. Don't get me wrong, I'm not talking about games like Zool and Biker Mice from Mars that used to include excessive product placement. Even some Teenage Mutant Ninja Turtles games had it. I'm talking about games that were created solely to promote a certain brand. Like Pepsiman, where we played as that weird Pepsi mascot, or Avoid the Noid with the scary bunny-like... creature from Domino's (there was actually another game about him, but it was just a “hack” of somewhat popular Famicom game Kamen no Ninja: Hanamaru). Like I've said, it's kind of hard to explain, but back in the days, kids were less sarcastic, while Ads were... well, a bit more than just Ads.With no Internet, with TV being way more than it's today and with way, WAY less rules applied (because SEGA does what Nintendon't), Ads were more than just that annoying thing that interrupts Rhett and Link on YouTube. Those were almost art on their own. And the perfect scenario for a brand was to create the mascots so cool that everybody would want to buy merchandise with it. I mean, aside from the main product. Like, everybody loves Cap'n Crunch (huge fan here). But would you also pay for a PEZ dispenser with the man? Would you like a T-shirt? That's how it worked back in the days. And with video games starting to recover from large-scale recession of early 80s, when crappy products like Pepsi Invaders almost killed the entire market, we've got ourselves advertising games... that were actually quite good.Believe it, or not, but the games about 7-Up's Spot, Cheetos' Chester Cheetah and even McDonald's Ronald McDonald were actually pretty solid. And sometimes there were even games that tried to achieve more than that. From a fourth generation platformer with kickass soundtrack called Global Gladiators that used to include McDonald's kids Mick and Mack (previously included in the game called MC Kids, which wasn't as good) to a weird 3D action game called Darkened Skye, which featured magic system based on Skittles. Let's just say that advertising games were not as simple as you may think. And this one? Not only it's my most favorite game of the kind, it's, like, one of my most favorite puzzle games... ever. Together with The Incredible Machines, Supaplex and so on. It's that good.First of all, Pushover is a game that was made to promote a popular British snack Quavers (they're so curly!). Quavers are the curly potato puffs and their mascot, Colin Curly... just lost all of them. So, as Colin's ant friend, we need to go down through the ant hill to some caves (because reasons) and get them back. That's pretty much all the background we've got here. Nothing big, nothing really interesting, but... it doesn't matter. Like... at all. The thing is – Pushover is an action puzzle game, the story doesn't really matter in that genre, while gameplay-wise... well, like I've said, this game is totally awesome.Long story short, Pushover is all about the domino effect. You push (hence the title) one block and watch the others falling. Naturally, your goal is to drop all the blocks on level during the limited amount of time. After that, you'll be able to exit the current level and get the password for the next one. Which will be very useful, since the game comes with the whooping 100 levels, some of which will be pretty tricky. Sounds pretty dull, though, can't argue with that. I mean, who cares about domino, right? Pushing blocks on 100 levels... sounds boring, right? But it's not that simple.See, there are ten different types of blocks in this game. All with their own unique properties. And trying to figure out how to drop all blocks on the levels with just a couple of pushes? It's just fun. Very, very fun. So fun that I actually love this game more than Lemmings. And everybody knows just how fun Lemmings game is. Pushover is just... well, it's hard to explain, but it's one of those games, which just “click”. It's one of those games, in which “stars” aligned perfectly. Controls are simple enough, the puzzles are very interesting and tricky (but not too tricky to make you feel bad), the graphics is very cute, the sound has that awesome “Sound Blaster” feeling... Pushover is just one of those games that you can't stop playing. 28 years later? I still can't get enough of it. And it's not just me. Even though the game was ported to quite a lot of systems (there was even SNES version with all Quavers Ads completely removed), there was a fan-made remake released in 2006. Guess, it says something.What we have here is a 100% original (not remade) DOS version (runs through DOSBox), but guess what? No complains here. Even though very often Amiga versions had better music, Pushover was not one of such games (I totally prefer the DOS sound), while all “big three” versions (Amiga, Atari ST and DOS) look almost identical and I'm not a big fan of those “filters” from fan-made remake. I mean... it's pretty cool version and stuff, but... there's nothing like the original.So, yeah. I can't recommend this game enough. Pushover is charming, cute, smart and extremely addicting puzzle game from early nineties. You like games like Lemmings, Bomberman, Wrecking Crew and so on? You should totally check this one out. Like the original Goonies (which also got fan-made remake, by the way), this game is a forgotten gem from the past. It's in my Steam favorites and it'll stay there forever. I love it that much. Dixi.

if you want a copy of my consolidated project management Excel workbook, feel free to contact me. It's gratis. I'm all for extending best practices.

The study found that many groups against the use of vaccines, so called anti-vaxxers, use social media such as Facebook and YouTube, to pass on unfounded and untrue disinformation to some 39 million people who follow them.  

Searches and hashtags in social media are much less reliable as verification tools because you could be fishing within the "bubble" (or "echo chamber") of those who share common interests, fears and prejudices—and are more likely to be perpetuating myths and rumors.

The “honest and accurate” science that society expects relies in part on skepticism, the willingness to doubt results and, when possible, to carefully replicate their findings.

But missing from the third edition is skepticism, one of the fundamental elements of doing science.

Wearing masks and taking other precautions while attending church and other public forums is for the benefit of our neighbor. We wear masks not out of fear, but out of love. Our actions literally communicate “I don’t like wearing this mask, but I do it for you because you are my brother and my sister.” Taking these steps are true acts of benevolence, as we are making sacrifices for the health and well-being of others.

even if you have already had COVID-19, because you can catch it more than once

Not related to this game itself per se, but there is some highly suspect positive reviews posted on all the store pages of titles released by this author (same accounts for each, one even is named after his Youtube channel)

(optional googlesheet & zapier integration for any other email marketing software)

Group Rules from the Admins1NO POSTING LINKS INSIDE OF POST - FOR ANY REASONWe've seen way too many groups become a glorified classified ad & members don't like that. We don't want the quality of our group negatively impacted because of endless links everywhere. NO LINKS2NO POST FROM FAN PAGES / ARTICLES / VIDEO LINKSOur mission is to cultivate the highest quality content inside the group. If we allowed videos, fan page shares, & outside websites, our group would turn into spam fest. Original written content only3NO SELF PROMOTION, RECRUITING, OR DM SPAMMINGMembers love our group because it's SAFE. We are very strict on banning members who blatantly self promote their product or services in the group OR secretly private message members to recruit them.4NO POSTING OR UPLOADING VIDEOS OF ANY KINDTo protect the quality of our group & prevent members from being solicited products & services - we don't allow any videos because we can't monitor what's being said word for word. Written post only.

Slackmojis is made by some random dude in Brooklyn. He doesn't work for Slack, isn't paid by Slack, he just thinks Slack is pretty cool. Super Official Lawyer Talk: Slackmojis is not created by, affiliated with, or supported by Slack Technologies, Inc.

The abstract shapes in the brackets symbolize the "OK" from the boot up screen, services running inside systemd, and our overall optimistic outlook.

Yes. That is a drop-in file. I think a leftover from the CentOS docker package. I just removed the file and it started working.

you can change that drop-in file, change docker daemon to dockerd and remove -H fd://