Is it ok to copy css from different sites? [closed] - html

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
Is it ok to copy css from different sites ?
I mean say I have copied navigation menu css from one site, sidebar css from other, button css from another, footer from another and so on...
Could I get in legal trouble for such kind of copying ??
Update : I thought it would make more sense if instead I showed you the design itself :)

If you also copy graphic design (background-image: url(img/bg-border-top.png);) definitely yes, you' re in legal trouble.
If you copy CSS without the images, you could have problems, IANAL, depending on your country, the sites you're stealing from and their respective country, etc
Using the same technique is perfectly OK (that is, parts of parts of CSS like CSS sprites here, accordion menu there, etc)
Now WHY? There are dozens of CSS frameworks, hundreds of templates and designs under licences like GPL or Creative Commons-Attribution (with derivatives and commercial use allowed) so why would you even care to take any risk copying (verbatim) CSS their authors don't want you to copy?
And for only $39, this WordPress theme is yours for the next 24H (entirely made of div yay! </joking>)

You can use everything on web that allows you to copy and paste, except images, videos, and content because this can have copyright issues.
For copying CSS, JavaScript, jQuery.... you are free to use it :)

Related

Simple website (HTML & CSS) - what is the best way to simplify subpages editing? [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 last month.
Improve this question
I'm trying to get back into HTML & CSS coding and learn JS. I found so many tutorials which are very helpful, now I would like to develop some simple websites. Many years ago the only way to make subpages (I hope it is a correct translation) was to use iframe or just copy whole content from homepage (so with need of editing every page to change ex. logo or footer). What is the best way to do it now?
Typing "HTML CSS webpage tutorial" in YT returns a lot of awesome results, but it gives me only the solution how to make a design, not a website with working menu etc.
What do you suggest? I prefer to work on separate files instead keeping all code in one "index.html".
Thank you in advance,
Happy New Year!!!
Regards, Mariusz
I have no solution yet.
Nowadays different frameworks are used for that purpose. If you don't want to use one, the easiest way would be to still use PHP and use its include method to load "subfiles" like header, footer, navigation sidebar and other content / website parts that are identical on all pages.
BTW, just a note aboute a detail in your question: The "ancient" method for this didn't use iframes, but frames – that's a big difference: iframes load external webpages, frames (as parts of framesets) load parts of the own website.

HTML elements and inline CSS in text fields [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 last month.
Improve this question
I'm trying to find ways to customize a website where I can only edit the content (text and image) via Contentful’s content management interface (the company that developed the website refuses to integrate the corporate identity and style guide and says it "might" be for future versions).
What do you think about adding HTML elements, inline CSS, or even adding style and loading fonts via style elements directly into the text fields? Given that these elements will obviously be in the middle of the body, is this really bad practice in terms of security and SEO (or other)?
Thank you a lot for your time.
I wouldn't say it's bad for security since it's just style (meaning how the users see the website).
Have you thought about linking the style file? It would maybe be a cleaner solution (don't forget you will have to maintain it later, and having it in a clear way will save you a lot of time reading and wondering what you did, so it's better to be clean) than adding everything inline inside body
As for SEO I believe it's more affected by the use of the elements than having the elements. I mean, if you want some content use instead of a tag that resembles by style to a heading.

Differences between CSS images and SVGs [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 3 years ago.
Improve this question
I was wondering if there are any differences between CSS images and SVGs on your website.
By CSS images I mean images created with divs in HTML and styled in CSS (like this: https://codepen.io/andrewrock/pen/jOEZxrY).
Yes, CSS images are more time consuming, but apart from that they're both animatable, you can use CSS variables on them, make them dynamic with JS, ...
So what are the differences of those 2? (Performance, Rendering, ...)
There are countless reasons why you should use a svg instead of a group of html elements:
Creation
There are hundreds of svg editors that allow in a simple way to realize a drawing or an icon. This is not the case for html. So drawing a building icon in full css would be really painful.
Sharing
The fact that it uses a standardized file such as svg, allows you to export your work to other tools and easily be exploited by someone else. Use tricky css rules to manipulate some span or div can be difficult for a newcomer to your project to understand.
User experience
On a website that use svg, you will able to open it on a new tab or to download it. Thats very comfortable for an user for exemple. If you use html an user will not be able to manipulate and thats can be really annoying
Performance
Because the svg is called most of the time a file you can compressed it on your server to gain more space and performance with some tools like Appendix J

How can I create standard layout for multiple pages? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Currently, I am working on my first web page using HTML and CSS. I want to use the same layout like background and header etc but I can't find a way. Today I found a couple of website telling about the template. Is this the related to what I want to do.
Thank you for helping a beginner.
Sam
I would recommend you a few things:
Find websites that make you feel as it is what you wanted to build.
Check their source code and try to find the semantics they have maintained.
Once you figured it out, you should try to create similar one.
You should follow HTML5 specifications , as it will help you build solid foundation. while doing this you will also understand best practices.
HTML or designing mostly depends on requirements. so you might not get one rule to follow, just invest time understanding some great works out there and practice alot.
In case you are very concern to layout, search for website layout images and you will get plenty of images having typical elements like header, navigation/menu, body (left/right sub menu + main content), footer.
You can consider templates for learning but it may lead you to trap of copying-pasting.
You can use Microsoft Expression Web application, which handles template. You make one page and save it as template and declare editable parts for sites. Then You can create multiple empty HTML pages. Finally you attach template, then it works.
Or if you can use PHP, you can create different parts of your Web Site, like: header.php, footer.php, banner.php and include them in every page where modifying the body and not writing the same footer, header, banner

Wordpress vs html page SEO perspective [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I know there are more posts like this. None of them seem to answer my question though.
Let's say i have two websites. One is a Wordpress site, the other is a self scripted html site.
Both websites are the same in text and so.
The websites just contain a couple of pages with good keyword-rich text. No fancy things.
If i place both websites online, which one will rank out higher in Google?
PS: I know Wordpress has a lot of fancy plug-ins for SEO. I am not counting these in this equation. People say things like: "Google just likes Wordpress's structure. But a couple of HTML documents are much easier and faster to crawl."
Thanks in advance,
It would be difficult to ascertain which would rank higher without seeing the code of both websites side by side. If you do publish both websites together to test then you will probably be punished for having duplicate content.
WordPress's HTML structure and semantics have been created with
accessibility in mind which is what Google would give weight to.
If you use friendly and relative filenames/URLs as WordPress does,
this is also a plus.
If you use simple HTML files as #Paul D. Waite mentions above then
indeed this will be faster to crawl than dynamic pages like PHP.
I would conclude if your website is relatively simple and you don't need to update it regularly then, a static website would rank better as it's just content and none of the fuss.
Don't forget inbound links will play a big factor in your page rank.