New answers tagged

2

The primary balance you have to be especially careful of when using a technique like scroll points is a balance of control. You don't want to unnecessarily take away or curb a user's control if you can help it because they are used to navigating in a particular way. (The slides linked throughout this post are from my talk on meaningful animations) When I ...


0

50 different styles does sound like a lot of styles to cycle through, I would suggest narrowing it down a bit first! You can sort of cycle through classes in the Chrome inspector, it's not the cleanest solution though... Save your classes in your regular CSS file (or another CSS file and link it in your HTML). Name the classes you want to cycle through ...


1

This question was asked before somewhere. Then, I asked on the stack overflow forum and the question was more conclusive. Normally they just take the layered PSD, they will take what they need and generate what they don't need. On this case that the web developer do not want to use Photoshop just pass a PNG as a template, and the important elements ...


1

We build WebSpek as our own tool, specifically to address communication between designers and developers, it generates full job specification with marked up screens and code requirements It also generates interactive presentation from the same spec. You can see it in action on YouTube Free registration will be available starting Tuesday, May 24, 2016


1

Assuming you're using the most up to date version of Adobe Photoshop, the easiest way to do what your asking is to export the layers' CSS. Right click on the layer in the layer panel and choose 'Copy CSS'. This copies the CSS rules to your clipboard which can then be pasted into any text editor. You've got to set your document up with the appropriate ...


2

They should. Theres no logical reason to exclude anything from your vertical rhythm. Traditionally vertical rhythm isn't something that has been given much importance in web design (nowhere near as universally as in print design at least). Partly due to technical limitations—it's a lot harder to keep a consistent vertical rhythm with baselines and heights ...


0

Recreate your image with the areas that you want to change the color of with CSS as transparent. You can do this in Photoshop by applying your grayscale image as a mask over a solid color layer. Your image background is gray so first use levels to make the gray areas white. Select All (cmd+A) and Copy (cmd+C) Create a new Solid Color Layer and add a Layer ...


0

Since the image is a raster graphic, the only way you'd be able to influence the color of the image is through blend modes. You would need to have a solid color sit under the image that you want to blend. You would preferably do this by setting the background property of the image's parent container to the color you want to tint the image and use an ...


0

You may not want to use physical units on the screen, the main reason I can think is, the vast amount of screen sizes and pixel density combinations currently available. It will be a nightmare to fix position issues in each combination available, in fact the main reason for units like rem, ems, etc. to exist is because of this paradigma.



Top 50 recent answers are included