Creating vertical divider with CSS3 / Compass rather than using image [duplicate] - image

This question already has answers here:
Gradient borders
(20 answers)
Closed 3 years ago.
Here's a screenshot of my existing image-based vertical divider for menu items (hopefully you can see it):
(1) What's the best way to replace this image with a custom CSS3 style? Dimensions are 3x27.
(2) Does Compass offer a mixin for vertical dividers? That would be preferable, and if so, no need to address (1).

I am not sure if compass has something for this but couldn't you use regular css borders. border-right:1px solid white then on the last one say dont have a border.

Related

Upscale an image but making it look the same [duplicate]

This question already has answers here:
Enlarge image pixels with opencv
(2 answers)
Closed 2 years ago.
I have an image that is 8x8px, and i need it to be 16x16, but I want it too look the exact same. So I want every pixel in the 8x8 version to be 4 pixels, making it 16x16. Is there a way to do this?
I want every pixel in the 8x8 version to be 4 pixels, making it 16x16.
What you are describing is commonly called "nearest neighbor" resampling. Most image editing software has an option for this.
One way to do factor-2 nearest neighbor upscaling is to use the ImageMagick convert command line program like:
convert in8x8.png -scale 200% out16x16.png
Or if you have MATLAB and the Image Processing Toolbox, you can do it with imresize as imresize(I, 2, 'nearest').

FFmpeg, animation types: How to move the video screen along the large images? [duplicate]

This question already has an answer here:
generate video containing scrolling image
(1 answer)
Closed 3 years ago.
My output video sizes are 1280x720. And I have an images with these sizes
3000x1200
1200x2000
So, I need to animate the large images inside the small video frames. The first image should be animated from right to left and the second one from top to bottom. In other words it will be something like moving screen along the pictures
In this video example you can see the animations like that.
So, how I can do it?
Use an animated crop.
Use the scroll filter. I completely forgot about this. See duplicate link above.

Color bar use in matlab surface image [duplicate]

This question already has answers here:
How to generate a non-linear colormap/colorbar?
(4 answers)
Closed 7 years ago.
Im displaying a 3D matrix, as an image using the surf tool in a 2D display as follows:
figure;
title('Plot')
surf(Matrix,'EdgeColor','None');
view(2);
colorbar;
There are areas of the image that i am interested in distinguishing from other areas, however since there are a few very high/ very low background values, the image doesn't make the colour of the interesting areas distinct, since the colour bar has to take into account the whole spread of the values.
Is there a way to change the colour bar so it takes the average values more into account as apposed the extreme values?
You can use caxis option to tune your color limits, and prctile to get the percentile level. Combining them will let you highlight portions of you data.
e.g.
caxis(prctile(Matrix(:),[5 90]))
will limit the colormap to the data above the %5 and below %90. Modify this values at will

How do I create a collage of images? [duplicate]

This question already has answers here:
How to efficiently create a multi-row photo collage from an array of images in Swift
(4 answers)
Closed 7 years ago.
I would like to create a collage of images (about 7) of varying shapes and sizes within a UIView.
I originally tried to do it manually using auto layout & constraints. But it's sloppy.
I was thinking of using UICollectionView...probably not a flow but a general layout.
Is there a tutorial, cookbook and/or literature that can explain how to create a collage/template from an array of images (png)?
There's a tutorial that I saw here. I'm not sure if it is what you want. It's in Objective-C though. http://what-when-how.com/ios-4/collage-an-image-example-ios-4/
UPDATE* I found something that may be useful but in swift - http://www.raywenderlich.com/78551/beginning-ios-collection-views-swift-part-2
Check out the solution I propose on this question (How to efficiently create a multi-row photo collage from an array of images in Swift). The ideas produce a rectangular solution of only one size but you might look at scaling the image appropriately to attain the utile sizes. Essentially I use CGGraphics to create rectangles and then draw images within each CGRect.
See my answer to the question that Tommie C is referring to. It builds on Tommie C's answer but gives a bit different results.

How to force Qt widgets to maintain equal height and width? [duplicate]

This question already has answers here:
How to maintain widgets aspect ratio in Qt?
(5 answers)
Closed 1 year ago.
I'm using Ruby Qt bindings.
I'm trying to make a square widget (checker board), but it doesn't seem to work.
This is the code that I tried
What is the proper way to making a widget that maintains its aspect ratio?
See this question: How to maintain widget's aspect ratio in Qt?

Resources