How to change old php site into responsive site - responsive-design

Please let me know how to convert old php site - www.cnc4milling.com into a responsive web. Site using php and css
Your replies will be very appreciated
Best Regards

There is no such thing as converting a site through a tool, or simple technique.
Seeing that site, it seems like you may only rewrite your HTML and CSS code. Try using CSS Flexbox or Twitter's Bootstrap to achieve responsiveness. There are more ways then those I speak of, each with it's own benefits. Study all of those for better understanding of your needs.
And good luck!

Related

INline React.JS styling vs. CSS styling

I'm creating a podcast website for someone. It will be the first project I've developed for someone other than myself. I want to deliver the best quality web application with the best coding ethics..
Is it good or bad practice to style inline React.JS??
CSS styling. You have all the styles in order there so that when a problem comes up you know exactly where to look.

What is the Epsilon Framework that being used by some of the Mobile templates in ThemeForest?

I need someone that can explain to me what is Epsilon Framework is all about? I have a friend that just purchased two mobile tempalates at ThemeForest site which is Clean Mobile and Glovebox theme.
So then when i studied his source code, i realize the title on the html page says "Epsilon Framework 2.0" and the script src use the something like "framework.plugins.js". It may be weird but i like the templates has been designed especially for mobile. However, when i search for this framework in google, i don't find any homepage about it and all i found only the demo of this plugin and some non-related stuff.
Therefore, can someone tells me what is this framework really is? The code looks clean and i really want to learn it if possible. If someone ever used these sort of plugins, can you tell me where can i find the docs and is it an open source?
Here's the link towards that mobile template i talked about.
Clean Mobile
GloveBox 3D
Thank you.

How to create a living style guide with your own UI

I have created an website/application using Angular2. The infrastructure is all set, I have routing completed, sass being processed etc.
I have sections (components) on this website that will display current web standards for our designs (buttons, forms, copy). The purpose of this site is to give our developers a copy/paste solution for markup and sass.
We will most likely create our own css library but they will still need a good visual reference of what each class does and a copy/paste solution.
I know how to develop all the standards, what I don't know how to do is have the DOM display options for the user to copy/paste the code. I could manually enter the code into or tags but this will be hard to maintain and not very clean approach. I'd like to find some solution that will utilize my code and create these tags at run time.
Googling this question leads down the road of using living style guide generators, which i don't want to use... why? I like having the functionality of controlling my own layout and scaling my standards as I see fit with our own technology.
Any ideas?
After exploring this even further I ended circling yet again on documentation tools (KSS) where I would need to rebuild my entire style guide for this functionality using markdown and or JDOCs.
Solution!
Use CodePen, its free to signup however there are some nice to have features for a monthly fee. I easily created my code here using SASS, HTML and CSS libraries. CodePen has a great EMBED feature whereas I could copy/paste html or iframe right to my styleguide.
Problem is now solved, and we have have a dynamic Web & UI Styleguide.
Hope this method helps others in my situation.

Why the famo.us/angular is no longer supported by Famo.us

I've found Famo.us when I try to make better animation on mobile devices. But as a angular developer, I still want to use ionic in my next App, so the famo.us/angular comes to me.
When I starting to research it on github, it says
This integration library is no longer supported by Famo.us
Github link : famous-angular
But I can't find any more explanation about the statement.
Can anyone give me some information about that statement? Are there any risks or issues if I still use it?
Here's what happened.
It's up to you whether you use it, but my feelings would be no. To be honest I'm sure if you hunt around you'll find something much more up to date anyway.
I know a few people have success with the Ionic framework, another could be ngFX. Personally I've been pretty happy with Angular's native ngAnimate of late, it's definitely been improved in most recent releases. Combining this with css animation and you have everything you need.

How to make yui2 responsive

I am using yui2 (I know it is archived now but I had hands on experience with this version and did not have time to learn yui3 due to tight deadline) in some of the pages of my project.The pages without yui listing are made responsive for mobile view using responsive css.But now the pages with yui2 design are not responsive.I want to know if I can add lines of code so that it can become responsive.Please help.
YUI or not, you can use Pure CSS grids: http://purecss.io/grids/#pure-responsive-grids
I found the solution:
follow steps given here:https://css-tricks.com/responsive-data-tables/
in the css provided replace table,td etc with #uryuidivname table,#urdivname td

Resources