CSS optimisation recommendations [closed] - html

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I'm working on a project of mine and it is my first time doing PSD to HTML/CSS.
I put my work so far online, if I could get advices on what I'm doing wrong (I don't have sprites yet but I will), that would be great.
The link is there REDACTED

you need to do
▸
Leverage browser caching
[Score: 8/100]
▸Optimize images
[Score: 22/100]
▸Enable compression
also there is a
ReferenceError: jQuery is not defined
})(jQuery);
also this is an issue on resizing the browser
Note: dont use !important unless you really need to but you have uses important too much
also its seems like you are not resting browser default css ...try http://meyerweb.com/eric/tools/css/reset/

Related

Can i use "Figma" Instead of HTML,CSS [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 1 year ago.
Improve this question
Can I design sites with figma instead of writing them in html + css? Only design.
YES
As far as you are just talking about prototyping, you can do it in Figma with animations as an addon. You can share your figma prototype for review purposes too.
However, Figma doesn't give you an HTML, CSS code that you can host on your server so you will have to code it at the end to make it available online.
Hope this will clear your thoughts about figma.

How do I create beautiful HTML5 webpages [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I do server-side and client-side developments pretty well , however, my designs are apparently not catchy enough. Is there anything I need to know to assist me do this?
Thanks.
You can use plugins like Bootstrap and skeleton and design platforms like SqaureSpace. There are many jquery stuff and many libraries out there it depends on what you want to build and use jquery and css. That will make your website responsive and beautiful.
You can use bootstrap,bootswatch and get aware of css,jquery
they can be learnt in a day and sites having catchy UI can be created

Is it bad practice to use inline styles? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Is it bad practice to occasionally put some CSS directly into some HTML tags if I am sure that it won't be used again?
For instance:
<div style="padding-left: 0"></div>
Or do I have to systematically create new class even for little tweaks that will pollute my CSS file?
Yes it is fine. Stylesheets are used mostly to style multiple pages in the same manner and for easier editing. Putting css directly in html also overrides all other conflicting styles.
There is a Programmers Stack Exchange site that's a better fit for questions like this.
Here are two existing questions there that cover this particular topic:
https://softwareengineering.stackexchange.com/questions/138538/is-it-a-bad-practice-to-use-inline-styling-with-generated-code
https://softwareengineering.stackexchange.com/questions/125893/when-should-i-use-a-css-class-over-inline-styling

Best Practice for image link [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Just Wondering if some could explain difference between following 4 ways of uses of image in a website.
/img/log.png (in http://example.com)
http://example.com/img/log.png
http://example2.com/img/log.png (Different website on same server)
http://example3.com/img/log.png (Different website on different server)
Performance wise which is the best?
This is a bit of a silly question, and that isn't 4 ways of using an image. So I'll give you a kind of answer.
When referencing an image from within your site just use
/img/log.png
When referencing images hosted elsewhere
//website.com/img/log.png
By using the // instead of http:// you will avoid SSL issues. That is about the only help I can offer. Other than that, check out some "Learn HTML" sites or books. Even a quick hour study session should help you move past questions like this.

the mystery of lesscss [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
Hi I am trying to work out if it is worth using LESSCSS.
After much research and playing I see that it is not supported by older browsers and needs to be compiled before it is used. Is it even worth using? I know that it makes css easier write, but is it even worth it if what you are writing is not what will be on live when it is used?
Thanks
In fact, there are two ways of using LESSCSS :
Client-side : the .less file is sent to client and is executed by the browser, uses javascript and requires recent browser.
Server-side : the .less files are compiled to plain .css files, which are sent to the client.
The second one requires more configuration of the server, but requires nothing more than CSS compatibility from the client.
You can find more details on the LESSCSS main page, at the bottom of "usage" section : here.