How does using CSS 3D Transforms affect SEO? [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 7 years ago.
Improve this question
Google's made a big deal of "if you hide it, it won't count." However, google cache shows it doesn't understand a lot of things correctly. Maybe google sees something as hidden when it should show or shows when it should be hidden.
So, I ask about CSS 3D transforms.
Take this example for example:
3d Carousel CSS
Ignoring Javascript, if it were instead coded to to run on pure CSS and rotate on it's own (kind of a replacement for a bannder display)... what would be the SEO effect? Would it treat items that start facing away from the user as hidden and what's facing the user as SEO-able content? Would it ignore 3D and treat them as just divs to look at? Or would it ignore 3d as if it were ALL hidden?
Seems important to know for design purposes if one intends to use 3d effects.

To check what Google's robots see, you should not rely on cache, but on the 'Fetch as Google' feature from Google Webmaster Tools. Cache lags behind the index (sometimes a lot).
Your 'if you hide it, it won't count' rule is not correct. It's: 'if it is never displayed to users, it won't count'. In other words, if users need to click on a button or on a tab menu to display content, it will count for relevancy and ranking (i.e. SEO), but Google will discount such content somehow. Ditto for CSS effects hiding or displaying content.
Google can execute Javascript and take CSS effects into account in general, but always check with the 'Fetch as Google' feature to be sure.

Related

JavaFX, best node/tools to use for this task? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 13 days ago.
Improve this question
i'm developing as a University project a destkop program that handles restaurant menu's management.
Since i'm new to JavaFX, i don't have knowledge of the various tools i can use. I'll provide a mock up of what i want to create with explanations.
The big rounded rectangles are my 'Categories', so 'Appetizers' and 'First Course' (in my mock up they're in italian, so i'm translating). I want this rectangles to be clickable so they can expand and show the meals they have inside.
By pressing the + button, i want to create a category.
Since my program have to be about organizing the menu, i also want to click the - button and enter a "delete" mode, where checkboxes appear on the left side of both categories and meals, i can select them and pressing 'Confirm' deletes them.
I also want to press the '=' button to order my categories (maybe i want to put Appetizers after First Course, or move meals inside a category).
What do you think is the best tools/library/node i can use to deal with this problem? I've looked up a lot but only found out about TitledPanes or Accordions, but seems to static for what i have to do.
there could be MANY more viable options to deal with this problem.
Understandable, but there are not.
You can be confident that you have the best advised solution to your problem by selecting TitledPanes or an Accordion.
To learn to use these controls, you can prototype using SceneBuilder. You can study layouts in the Oracle tutorials.
Accordions, but seems to static for what i have to do.
See Accordion getPanes() javadoc:
Changing this ObservableList will immediately result in the Accordion updating to display the new contents of this ObservableList.
so the content is dynamic, not static.
can i move the titledpanes' position inside the accordion at runtime?
The order in the pane list determines the order of the displayed panes in the Accordion. Changing the order in the list will automatically change the displayed order, as it is an observed list.

should i use Window Popups or in-app overlays? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 1 year ago.
Improve this question
I'm developing a somewhat complex app with javaFx and I'm facing a technical decision concerning popups (tooltips, context menus, alerts... etc), it seems like I have two approaches to go about it:
extend PopupWindow (or PopupControl), the popups will be rendering outside the application in their own undecorated window.
wrap my whole app in a parent that supports fixed/absolute positioning and show/position popups as overplayed nodes.
I know this seems a bit opinion based but i just can't find any resources on it, if anyone done some profiling or a performance comparison, and I don't know which one is "best-practice" for a desktop application.
It intuitively seems like the window popup approach is favoured and easier to implement but I've seen real applications like messenger and discord using the second approach (maybe because they're using electron and they're obliged to follow "the web way" of doing things).
any help would be appreciated.
UPDATE
I'm back to add my input on this question after trying to implement the ideas, just in case anyone comes by this question with the same issues.
both approaches come with limitations and I came across the following issues :
Tooltips blocking mouse events
If you build your tooltip system around PopupControl (or PopupWindow) and you want your tooltips to have a shadow around them, the tooltip (or the shadow) will block the mouse events from reaching the nodes in the application window, and because you can't make the window transparent to mouse events, it would cause some flickering (you hover a node, tooltip shows then steals mouse events which causes a MouseExited event on the node, which causes the tooltip to hide, and it happens endlessly unless you move the mouse away)
This issue is essentially caused by the shadow, building your tooltips around a layout (VBox, for instance) and adding to tooltip to the root of the scene will solve this issue, because you can simply make the tooltip mouse transparent.
Popups having to show outside the application window
in some situations you may have a popup/context menu that has a somewhat fixed position, say it has to show under a specific node and it can't be re-positioned inside the application window, if you build your context menus around a layout that gets added to the scene root, your context menus might have to clip at some places.
This issue is naturally solved if your popups are based on PopupControl or PopupWindow.
Though window popup approach sounds good and easy I have encountered the below two issues with that approach. Just letting you know if you need to consider them.
JavaFX : How to close a sub window without getting focus on main window
JavaFX : How to manage the z-index of stages

I am un-able to type in any text field on my website. Nor can any users [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I have no idea how or why this is happening, but all text fields on my website can not be typed in.
I seem to have bad luck when asking questions here so I would ask you just go to https://contest.faucetastic.fun and attempt to login. Any info/guesses or direction on this issue would be much appreciated as I legit have not the foggiest.
I've looked through possible settings as to why this is happening, but I just don't have the experience to find out what happened.
I've been wondering why I've had no sign-ups with all the ads I've ran
UPDATE:
So while I'm in my admin panel and on theme customizer I noticed I was logged in on my site itself, I clicked log out and it took me to the admin log in screen for WP. Then went back to my theme customizer and was logged in again. I clicked log out once again but this time my screen went white and did not recover.
I'm sorry that not so experienced to give more deffinate descriptions, but I'm in a serious bind here so I truly do appreciate the help.
I set the color of the text to black.. and it showed. your css has the color of the text in the input elements set to white or matches the box ..
I would put
input[type='text']{ color: black; }
in style.css
or in the js
$( "form input:text" ).css({
color: "black",
});
Alright, after some very frugal and stunning efforts from WPMU Dev. It was established that the NES Emulator Known as Retro Game Emulator has several flaws, one of which locks up all text fields on a site.
The amazing folks at WPMU Dev even went as far as reaching out to him to see if he was either aware or cared about the fault. As it turns out, He really doesn't seem to give two s**** about.
-=- And to the user that mentioned the miner. I removed that Long before your comment which concerns me. I will head there now and run a few tests
<>TID BIT TO ADD<> + <>NEW QUESTION<>
If any of you have used the nesbox before, you already know that its both A: Amazing, but B: missing some U.I components.
Now, From the back end of the retro game emulator, you can easily upload files directly into it with a drop down tab. Then on the front end, users drop the same menu, but instead it displays the games uploaded that can be played.
So my continued question now is, would it be possible to add that feature to the nesbox to make it both easier for wordpress webmasters to install, and give higher functionality to front end users.
I know this may intale a long answer, so, this is just for thought :)
should you have an explosive thought tho. please write er down ;)
<>I WILL START A NEW THREAD SOON FOR THIS<>
Just gonna jump to tic80 and talk to nesbox man
-Thanks

No play button in embedded Spotify playlist [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I'm trying to embed music from Spotify on a Wordpress site. Tried both playlist and single tracks - experiences issues with both:
Playlist:
The playlist looks nice, but I'm unable to control what track to play. The only option is to start playing from the top. On pictures there's always a small play button to the left of each track, but it doesn't appear in my case. I'm using the link provided in the Spotify desktop application, which renders into a nice looking playlist in Wordpress, for instance this:
https://open.spotify.com/user/musikkpedagogikk/playlist/1zhS1MDiYYvCYil7PcNJE8
Single tracks
So, then I tried to place single tracks underneath each other. It is now possible to select what track to play, but each player leaves a huge blank space below, which makes it impossible to make a functional page with 5-6 tracks.
Screenshot of playlist without proper play buttons + can only select the top track
showing huge space between single track play buttons
Screenshot of playlist without proper play buttons + can only select the top track - and another showing huge space between single track play buttons
This has been fixed and you should be able to play after clicking on the track in the list.

How to embed a resized website throught an iframe? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I need to embed a website in another website ( throught an iframe I think ).
I want to embed this website in this resolution: 200x150 pixel.
How can I do that ?
Just in case someone wanders in here. Solution in https://stackoverflow.com/a/11382661/605112. Same problem in different context. Set iframe to desired width and height and use CSS to scale it. May not work in all browsers.
<iframe width="1024" height="768" src="http://www.bbc.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>
If you mean scale the website down to fit in that frame then you can't.
The website would have to be uncommonly small to fit those dimensions.
<iframe src="http://www.google.com" width=200px; height=150px;></iframe>
If you don't have access to the iframed site itself, then there's very little you can do since you can't access iframe from other domains with Javascript.
However, if you are able to change the external page, you could either pass a URL parameter or try CSS3 media queries. For the URL parameter you would simply include a secondary stylesheet if the parameter was present that changed the layout or reduced the size of the web page in some way.
It's impossible to scale entire web sites programmatically, whether in an iframe or not.
You would have to take a screen shot of the embedded page on server side, resize that and serve it as an image.

Resources