I have been trying for some time now to create it myself or find a good example of how to do this in the best way possible. I want to recreate this basically : http://www.materialup.com/posts/plaid
Can anyone point me in the direction of a good tutorial or example of how to do this, im neon-page-animating from a list to a page that looks like i want it, but making that smooth transition is not something i have been successfull at yet. Please help.
Like Ben Thomas said, you should use the neon-animated-pages component for that.
You can also take a look at these official demos that are somewhat similar to what you want to achieve :
grid demo - source
tiles demo - source
Related
I'm using fancyBox3 in a project and I want to achieve the following:
I wanted to know if there is a CSS trick to achieve it or if it requires some math and calculation to make it fit perfectly?
Basically, there are two ways - using JS (there are ton of scripts, for example https://github.com/brunjo/rowGrid.js, https://haltu.github.io/muuri/, https://github.com/kombai/freewall, http://miromannino.github.io/Justified-Gallery/) or CSS.
The problem with CSS is that it is still not possible to create true "masonry style layout", but you can archive something similar, try googling for "masonry using css", you will find many articles and examples about this topic, for example, this one - https://medium.com/#andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb
Have a look at masonry.js - it does all the calculations for you to make your images tesselate as you resize the screen etc.
i'm sure you can help me.
For example: on this site - when you click on "team" - you can hover over an image and the name is shown on the top. (ja, it's flash, i know ;) )
So, i want to do this in a post-thumbnail-grid in wordpress.
pseudo-code: hover over post-thumbnail(ID) in div1-> show title of post in div2
I don't need a exactly described walk-through.
Just a few keywords, ideas etc.
Thank you
Im guessing even though the example is in flash, you arent wanting a "how to" in flash. What you are looking for is probably jquery, if you are looking for what you should be googling, try a jquery hover tutorial or jquery onClick().
try something like this http://bavotasan.com/2009/a-simple-mouseover-hover-effect-with-jquery/ and adapt the hover results to match your criteria.
Right guys,
I have been looking all over the internet for a tutorial to which will show me how to re-create this effect on images...
http://flash-effects.com/tutorial-image-transition-flying-tile-3d/
I dont want to install these 3rd party components, because the project I am working on at present, may in future need to be edited by other designers/developers.
Is there anyway to do this just via scripting???
Any feedback would be appreciated, im ideally looking for a tutorial...
Most of what you're looking for is here. Then download the Bitmap.zip example and look through it. Although I will reiterate what the page says, you really should buy the book. It's quite good and teaches a lot about Flash in general, not just game programming.
You'd still have to figure out how to randomize the height and width of the pieces, add an onClickListener, and then move the pieces. From the example you provided it looks like they're just moving them back and forth in a z-dimension.
Hope this helps.
Take a look at my fiddle here:
http://jsfiddle.net/DmcEB/12/
What I want to do is create a connector from the second tr to all the tr's below except for the last one. Here's a mockup:
How would I accomplish this via a combo of CSS/HTML/Prototype/Rails?
Something like this?
Take a look at my suggestion for a solution: http://jsfiddle.net/DmcEB/13/
I am truly a fan of jimmy's answer, but i have tried to do this without the use of images.
I know its not as good as it can be with the use of images, but probably it can be improved upon to actually get it working without images.
Here's what i have done: http://jsfiddle.net/DmcEB/15/
I'm currently working on making my Swing application look better. I want to achieve something along these lines:
The idea is for each box to have a pretty header with a background similar to the above image. The closest I can get to anything like this using basic Swing components is adding a TitledBorder but this is nothing close to what I want.
I have experiment with JXTaskPane from SwingX, which is close:
http://img411.imageshack.us/img411/6866/image431.png
And near perfect, except for the fact that it's collapsible and it doesn't appear possible to make it not collapsible.
Are there any obvious solutions I'm missing here? Otherwise I figure extending JPanel and creating a special header for it using a image for the background of the header.
Any pointers greatly appreciated. Thanks.
Since you already looking into SwingX components, why don't you use JXTitledPanel? I think it is very close to what you want to achieve. You can set your own colors there.
Yes, why not write your own custom border or JPanel for that? You customize the painting by overriding the paintComponent-method.