New answers tagged

0

Just to dump some ideas... popcorn? Film strips? Clapboards? Red carpets? Something being filmed? The last one can be pretty versatile too; if you ever want to change what is being filmed, you can probably photoshop the images in the camera and background to be different.


0

I'd go for something very recognisable, like a popular animation movie. (Finding Dory, Zootopia, or maybe just Big Buck Bunny?). This way it won't easily be mistaken for a still picture.


1

A picture of a movie theater? source Maybe add some animation and on window load move the curtains from a left-right 200px in view to something like 100px. Giving it the feel like the movie is starting? OR Another option is to have the user choose it's favorite movie from a predefined list when browsing the page and upon selection, fetch a sequence from ...


-1

you can test your website online on any kind of device with different resolutions as well as your own required resolution. Mobitest.comli


1

There is no hard rule or "best number" for the number of columns used in a design for small screens like the 320px screen you mention. Generally 1-2 columns are used for this width as it keeps things readable and clickable, but it depends fully on the design and content of each section as for what number of columns to use. It can even vary from section to ...


0

simply put https://gravit.io is a Reincarnation of Fireworks, but web based. Check it out, its amazing. Only thing we are waiting for is an open API in order to build our own plugins and add to marketplace. It also is still missing a couple of features here and there. But it is catching up so quickly. I can see me finally turning off my Adobe Subscription ...


0

Click on the top layer in your layers palette Scroll to the bottom one, hold Shift, click on it. This should select all layers. No need to unhide hidden layers, because they will move either way, as long as they are not locked. Beware of layer masks. If they aren't locked to their corresponding layer or group, the mask will remain in place, while the art ...


0

I just stumble up on Vectr. It's available for Windows, Mac, Linux, Chromebook. check it from here: https://vectr.com/


0

Without seeing the SVG, it's hard to say, but here are some possibilities: Did you drew outside the drawing area? Open the file and press Ctrl+Shift+D. There's an option to re-size based on the drawing. Did you used a <flowRoot>? There are two ways to add text. Click once, then start typing (this creates an <svg:text>) Click and drag, then ...


3

Organizing information into small bite sized pieces is nothing new, it's a prudential tactic that arises from our inherent desire to segment information for readability. As far as an industry term, the closest would be "info boxes". Further specifying that these particular info boxes would be center justified and using circular masks to crop the associated ...


2

I don't think there is a specific word to describe the layout but I have seen people say Icon Box when they are defining this layout. You will primarily see Icon Box said when looking at Wordpress Shortcodes.


4

Without seeing the page itself or any more code what I'm assume is that the text-align is being overridden by a more specific selector (either an #id or more specific class) You can read more about CSS specificity here: CSS-Tricks — Specifics on CSS Specificity To see exactly what CSS is affecting the element in question you can use the developer tools ...


1

I've figured out the issue: I'd applied some CSS to an outer container that seemed to be affecting the text - after removing this the text has started aligning properly. Thanks for your answers everyone. I hope this is an OK way for me to close the question.


1

I believe you are not identifying the class or paragraph you are using correctly. If you are using a class, put a dot in front of the name. .p9 { font-family: Roboto-light; text-align: center; color: #171717; font-size: 16px; font-weight: 300; line-height: 18px; } Aside from this I would strongly recommend changing editor.


0

Just a suggestion - you might be dealing with a non-linear timeline when certain steps need to be repeated, such as insurance changing requirements or requesting additional supporting information from doctor's office, or patient changing their set billing preferences through the process. So it's more of a logical flow chart with with loops and redirects ...


2

Use a vertical timeline instead of a horizontal timeline. In this way you have a "table view" which we're all much more familiar with for fast reading/scanning for information, and the space for text is significantly greater. And we're all now familiar with this scrolling from using our phones the last 5+ years.


1

A pie chart whose sectors extend variably from its center is generally called a polar area chart. There are probably many more but I know chart.js can create these with no problem. http://www.chartjs.org https://github.com/chartjs/Chart.js


0

try define css rule for text: word-spacing: 0px; If this is not sufficient, try to use negative values: word-spacing: -5px;


1

More to compliment Luciano's answer than counter it: Another thing to take into account is connection speed and bandwidth - you don't want to be firing a massive image over the web if you can get away with it. One option is to have two versions of the image, one acting as a thumbnail and the other as the full sized image. Though JPEGs have compression, it'...


3

There is no way to scale up an image without losing quality. In that case, you should scale your image down. So instead of saving it as 300x300, save it as 600x600. Search for good optimization / compression methods, maybe use PNG instead (because sometimes a PNG-8 compressed can be smaller than a JPEG). You probably need to use a different tool to ...


1

In general scenario, every browser render you image in sRGB color space; you can check this out to be sure: Gérer les couleurs avec Photoshop The trick for showing the right color (let's say, you have a specific red that you want to see the same in browser) is to assign you image a color profile and save the image with embeded color profile. So: you have an ...


0

I just made a new file and placed the .psd there. The downside is that I can't edit the section because it links to the original file. http://image.prntscr.com/image/ca2659749e2f4f359643f53eb23bd503.png


0

Select All. This will make a selection the same size as your canvas. With the background image selected in the layers panel, hit the layer mask button at the bottom of the layers panel. Your background image is now masked to the size of the canvas. Resize your canvas.


-2

Save the file as 'Save for Web', and then choose .jpeg fie type with 100% Quality. It won't display any error and you will get a High Quality Image.


3

It's very important, considering that more than half of users prefer to use portrait mode vs landscape mode across all apps except video players, according to a study done by the University of Stuttgart. You can see that in the case of the web browser, users use portrait 78% of the time! Now for anecdotal evidence, I'd be annoyed by any website or app ...


0

The first thing I think you have to ask is how good are you at the job? I first started on what was a really hard project for a global band, the website's still going now, the code was / is horrible! I don't have to do much to it now but I had to quote this job based not on how much time I'd spend on it but how much I thought it was worth, and what another ...


1

Marking the status of a list-item is definetly best with using simplest possible solutions, colors are the best in my opinion for that. As for the alternatives you can always go for some icons related to the current state of the particular item. There are many ready-to-use icons such as Flaticon or Freepik and many more if you use your search-engine ...



Top 50 recent answers are included