How to use after effect on website? - html

I'm learning after effect for animate a typography logo for my website. What format do I have to save and how can I integrate that in the HTML code?
Thanks and sorry for my english.
Ps: if you know better way to animate a font logo it will be appreciated.

Not sure why everyone is downvoting this...
All you need to do is turn your After Effects composition into a gif and place it in an <img> tag. You can search this on Google.
Example: https://cdn.dribbble.com/users/29591/screenshots/2354342/studio.gif

Related

HTML/CSS to png

I'm new to coding/devlopment, and after doing some html and css pages, I realized that I can use html and css to make designs just like photoshop but with code. For example: A div with a height, a width, and a color outline to make a box with an outline.
What I'm trying to do here is save the content of a page (html AND css) in a png or jpeg file to have it the right size and put it as a pc wallpaper.
can you please help me?
I am open to talking on discord with French-speaking people since I use a translator to write in English.
All i can ^^', i ive try to save as .png my html file, put my folder which contain my project on a website who can convert my files to png...
Your request is very open-ended, so I'm not sure we can help you. So I'm gonna try to be as helpful as I can.
As far as I understand, you're designing something with html and css, and then want to save that as an image.
I'm not sure why you can't do that with a simple screenshot (assuming you have an application where you can cut the screenshot as you like).
If not try this app which can help you cut any way:
https://app.prntscr.com/en/index.html
or get the extension in chrome:
https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en
Hope this helps.

How to make a svg vector icons to inline css?

I honestly don't know anything about coding so I need help, I'm a graphic designer.
I recently did several icons and sent them as svg format, but they told me they needed them in "inline css"? I have no idea what that is other than maybe it has something to do with coding? can someone help me understand what is it and how do I do it?

Html Image map generator with custom shape

I'm looking for a tool which could help me with html map tag. I know I can do it by myself with photoshop and notepad, but it's very laborious. I've investigated image-maps.com but it scales up my image, so the coordinates I put won't fit to my website. Do you know an alternative tools?
Regards,
David
Try dreamweaver.
http://www.adobe.com/products/dreamweaver.html

How can I achieve this :hover image overlay

I came across this site: http://gatilho.com/
I love the blue overlay and site title that slides down on image hover but I can't seem to figure out how it's done. I want the transition too.
Any suggestions?
Is it just CSS or jQuery too?
Thanks!
(p.s. I'm not looking to rip it off just like it so I want to figure out how!)
Looking at the source code, it looks like they're using http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

What is the best way to edit those 1 pixel background images?

I got my colleague's web page together with and the css files and many images. I need to apply part of it to my jsp page. I have to admit that I didn't have any experience in handling css. Currently I am using GIMP2 to edit those 1-pixel-width background images. It's really the pain in the neck. I have to guess the proper image size, crop it a bit, then view it in the jsp... Do you have a better way to edit those 1-pixel-width images? Thanks in advance.
You might want to look into using Firebug add on for Firefox. There you can tweak the height of the graphics while looking at the page (yes, you need some knowledge about the DOM, CSS and Firebug to fully get this, but it's worth learning). Once you're happy with it, you open up your image editor and crop the image to that height.

Categories