yui3 | A library for building richly interactive web applications | Runtime Evironment library
kandi X-RAY | yui3 Summary
kandi X-RAY | yui3 Summary
YUI is a free, open source JavaScript and CSS framework for building richly interactive web applications. YUI is provided under a BSD license and is available on GitHub for forking and contribution.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Create a StyleSheets
- Returns a new benchmark .
- Takes a list of prefixes and turns them into a single regexp .
- Defines a notification object .
- Simulates a mouse event .
- Creates a deep clone of an object .
- Simulates a keypress event .
- Creates a source decorator for the given options .
- Simulates a touch event .
- Computes a benchmark .
yui3 Key Features
yui3 Examples and Code Snippets
Community Discussions
Trending Discussions on yui3
QUESTION
I created a user site on github-pages. For the layout, I am using yui to specify proportions. The layout seems to render correctly when viewed locally (opening index.html in a browser) but incorrectly when opened from the deployed github-pages.
For example I specify the first section should use class="yui-gc"
which is a 2/3 to 1/3 proportion respectively. Locally (left) vs Deployed (right) in the same browser
Then later I specify the remaining sections should use class="yui-gf"
which is a 1/4 to 3/4 proportion respectively. Locally (left) vs Deployed (right) again the same browser
Any idea why the layout is changing when deployed to github-pages? Is there something I can specify in the css to make them consistent, and preferably the way it is rendered locally?
For reference source html and source css
...ANSWER
Answered 2020-Oct-26 at 13:35When you open the console while loading your site on GitHub Pages, it shows :
The page at 'https://cory-kramer.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css'. This request has been blocked; the content must be served over HTTPS.
You are requesting a file served over HTTP while your website (GitHub pages) is using HTTPS. This is not allowed by browsers for security purposes.
Because of that, the yui CSS file is not loaded, and your layout breaks.
As far as I can tell yahooapis (that you are using) does not provide an HTTPS version of its CDN, it should be easier for you to copy the file and add it to your GitHub repo, and then reference it relatively (as you did with your resume.css
file)
As a side note : it works locally when you test on your machine, because when you opens it, it does not use http protocol (the url should start with file://
and not http://
), so you are allowed to request non-secured http files.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install yui3
Fork the project on GitHub (https://github.com/yui/yui3).
Clone the fork to your local environment for development.
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page