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.
Related
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.
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 4 months ago.
Improve this question
When I'm working on a website, I check the changes on my browser (Google Chrome), and since usually the browser doesn't register the changes I make into the CSS file, I usually just work into an incognito window to avoid the hassle of deleting the cache manually. The downside is that I have to close it and open it often, and I have to log again in the app I'm working on every single time.
This is relatively quickly but it adds up over time when done hundreds of times.
There has to be a better way. What do most programers do?
On the network tab of the developer tool in google chrome, you should be able to disable cache (the highlighted box). The setting will be saved and automatically applied every time you use google chrome.
One way to get the browser to reload external css files, is to 'trick' the browser into interpretting the link to the file as having changed. This is achieved by adding a query string to the reference to the file in the html head and modifying it each time you want to reload.
<link rel="stylesheet" href="path/to/styles.css?v1">
will always load styles.css regardless of whatever follows the '?' but the browser parses the href attribute as having changed.
You just change the query string and save the html file each time.
I actually use a plugin that clears the cache from the site i am currently on when i hit the F9 button.
At least on Firefox, the "clear cache" on the network tab doesn't always seem to work for me
If you dont mind reloading cache for your site only, I often press ctrl+f5 (or for mac users, cmd+shift+r), which refreshes the page, and cache on the specific page youre on.
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
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.
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 8 years ago.
Improve this question
My friend hired a guy to build her company's website, but the developer has since stopped responding to her attempts to contact him. The site performance is pretty poor, especially because it's a graphic design company. The images should be the most prominent and accessible elements on the page, but they load horribly slowly.
I looked at the page source but I'm a total novice with webdev and this site was developed using WordPress, I think. I'm just trying to help out my friend, so I'm wondering if anyone has ideas why the images might be so slow to load and what I should look into as far as fixing them. Could it be as simple as image size or format? Or how they're loaded? Or where they're loaded from?
Any ideas are greatly appreciated. Here's the website URL: http://studiosaltdesigns.com/
There are more issues at play here than just large images loading slowly.
Testing load speed via http://tools.pingdom.com I can see there are over 10 .css files loading on the homepage and over 20 .js files (many of which aren't minified).
As the prvious answers suggest, you should think about optimising your images (reduce file size) but also try to minify and reduce the number of resources being loaded.
The way the site is built is it hides the images until they've loaded, with that being said your main first image is huge resolution of (3128x1505) the image should be a lot smaller around (1280x600) for full screen images and compressed greatly as that images size is 2mb when the most it should be is around 300-500kb. Hope that helps!
There are a few reasons for slow image loads.
Usually the most common I see are images are not optimized for the web. This meaning the picture resolution is more than 72. 72 being the web standard. Another reason may be very large images. Try to make the images smaller sizes and see what happens
I looked into the page source to try and get the image size. This site has many links and javascript links in the head of the page. Most of the time javascript links should be at the bottom of the body.
Look into optimizing the images. I use ImageOpt for mac. Here is the download link. It is free.
http://imageoptim.en.softonic.com/mac
Hope this helps.