December 1, 2019
Use AMP HTML with Your Existing Site
HTML Tutorial – 10 – Structural Markup
Vitaly Friedman: Smart responsive interface design patterns
Montgomery celebrates new high-speed internet access
About Author
admin
30 Comments
You should dive in on installing AMP on WordPress. The official documentation doesn't make much sense on the WP enviroment; It would be nice to have an official tutorial on this. The existing one just teach how to activate a boring starting template. I want to get amazing templates like the one you share on your site.
A thing I just noticed: Your brand guidelines say that you shouldn't terms like "AMPlify" to describe the AMP functionalities. Yet you did it in the video in some way… ^^
My existing site has a tawk.to messaging app integrated into it via a javascript function call. So If I am not allowed to call any third-party <script> calls with amp then how can I continue to have tawk.to integrated on my site?
And also McAfee WebAdvisor is reporting https://ampstart.com site as unsafe/high-risk, why?
How to use amp ? I dont understand yet
Why did Ashley hurt Brian. Carroll
https://stackoverflow.com/questions/48416789/amp-src-not-match
amp seems to be useless?! inline css like in 2002?
amp should build on a way that it works with w3c standard websites.
how to use javascript
lesser css framworks, and lesser javascripts.. it just got my life harder lol
What about all the users using CMSs who don't have any control over the template?
can we implement angular js in AMP(Accelerated Mobile Pages) and AMP page dynamically
Can i open a custom popup on browser window/tab closing in AMP pages. Please reply as soon as possible
How to secure my AMP pages ?
AMP is really awesome! I watched more video of AMP, but I have one question if we using WordPress with a premium plan which does not provide any plugins, so there are no the amp plugins to installing, then how can we use the amp for our website?
Nice video, but one question. I have created two pages, one is for normal HTML and one is for AMP. So my url is something like myowndomain dot com and myowndomain dot com/amp respectively with the same content. So my question is "1) Which url will get index, 2) Is this ok or good to create two pages ? "
👏👏👏
I have done few projects in amp, there are lots of limitations in amp, plus you can't use important if you want to validate amp code.
Basically if you want to create clean and none animation JavaScript site then you can use this otherwise strongly not.
How to fix multiple meta description home page in HTML when I check Bing SeO analyzer show this msg
Onwards!
Nice opportunity to remind you to keep your code lean, but not really a viable way of doing everyday-stuff. Like we don't have enough stuff on our mind…
in AMP css and js should be in the same page like W3c websites
Hi there, i have a problem with my AMP, the problem is "A tag on this page requires an AMP component 'script' tag, which is missing." what is that? and the most important thing is how I can fix that issues?
Hey please show the tutorials practically not by lectures. Thank you
Hi, let's say, I have a responsive website and I want to implement AMP on its home page which has Forms. How can I achieve this ? Can we avoide form section ? Please help with example.
I love Amp! I was about to get my 39 mobile page speed to 97 overnight!! Its the KISS method. Good luck everyone
Please do a amp page recaptcha v3 tutorial tq
Hola, quiero aprender hacer videos como los que esta mostrando para así subir mis tutoriales en AMP. No cuento con mucha tecnología en cámaras. Me gusta crear sitios web y blogs en AMP. Si usted puede responderme quedaría muy agradecido.
Hi, I am having an AMP issue in my WordPress blog (www.awomanlikeus.com).
AMP is indexed in google but the error comes as: "Linked AMP version is invalid, It won't appear in Google Search results.
The detailed error displays as: "The text inside tag 'amp-analytics extension .json script' contains 'html comments', which is disallowed."
Can you please help with this. I am lost as I am not a technical person
Cant support you there. I am using my own framework that I developed that extends limitations bootstrap, foundation, ant and other html/css/js frameworks have a basically with two breaks can support more then 90% of screen sizes, with maximum of three breaks it supports 99%, it also saves me a lot of coding lines, for example on Bootstrap on complex projects I usually had around 16 000 lines of CSS code, 1000 lines of js and so on, with my framework I have 2000, but my framework also has more lines of code then bootstrap, 2200. But still that is 4 times less then using any today existing framework, so chances are that in 99.99% cases I will need my framework, that has 97kb, which I could optimize to 40 at it's best which leaves me with 9.9kb of available use of another stylesheet for global classes since the rest of it would be need to be inlined in head styles as you say. Will definatelly give it a try, but I already know the first issue that will happen, google does not like inlined css so that part of optimisation will be problematic because amp of google asks for inlined css as you said, so the conflict is that Google does not like inline css, but it needs inline css.
But I have a question. Based of what you said, looks like it would be the best to put mobile optimized site on sub-domain. Is it possible to do it without sub-domain because html now supports picture tag which allows for in-file optimization of media sizes.
About hover selectors in CSS for vertical menus they do not work, because when you tap, sub-menu appears and it is automatically clicked if it pushes parent category link up, because tap register stays active for few milliseconds which is enough for mobile to register a double tap on mobile device vertical navigation and that will lead to frustration with mobile users because whenever they wish to brows the menu and subcategories they will be automatically be taken to a sub category page they didn't want to click yet, so there if hover will be used javascript needs to be used with simple turn on/off class (pointer events style). So it is better to not use hover css selector for vertical mobile menus but instead to build through javascript.