First I will give example and my problem with HTML language.Two days back I have was searching for Cool looking CSS based DropDrop menu. I found a website which were having such menu. I decided to copy it. To copy a specific module from a website is not at-all easy task. We can solve this problem then lots of remix and reusable module will be made. Anyways, I used firebug to search "div" which has code for menu. I extracted that HTML code. Thanks to GOD that it was not a dynamically generated code. I download every css files and looked for "id"s and "class"s which was their in copied code. It was somewhat working. Finally I used firebug to make a side by side debugging to generate exact behavior. Finally I have done it. but when I tried to integrate it on Drupal website, It was not looking exactly same. After some more Firebug debugging, I made some change. It was taking some parent css properties which were not detected using ids and classes.
I think, web developed should be done modular design approach.For example, A cool CSS button or may be JavaScripted button can have this code.<div id="some id">
<style> blah blah blah </style>
<html> blah blah blah </html>
<script> blah blah blah </script>
</div>you can further compress all the three section into some DATA URI scheme (or some base64 string) Now if somebody else want to reuse the code he can use <div id="some id" css-reset>
<style> blah blah blah </style>
<html> blah blah blah </html>
<script> blah blah blah </script>
</div>
OR
<div id="some id" css-reset>
<div class='base64code"'>
345423%%#@%2523453245#%#@$%$756756431#$%#@$%............
</div>
</div>css-reset property will restrict or reset CSS or JavaScript processing inside that particular node <div/>.
It is just like a local isolated scope for integrating a module.
It is just a thought.
Also, I was thinking to create a GUI for development where anybody can create a nice collaborate GUI for creating 'easily reusable modules'. So I am researching on all options.Thanks
I think, web developed should be done modular design approach.For example, A cool CSS button or may be JavaScripted button can have this code.<div id="some id">
<style> blah blah blah </style>
<html> blah blah blah </html>
<script> blah blah blah </script>
</div>you can further compress all the three section into some DATA URI scheme (or some base64 string) Now if somebody else want to reuse the code he can use <div id="some id" css-reset>
<style> blah blah blah </style>
<html> blah blah blah </html>
<script> blah blah blah </script>
</div>
OR
<div id="some id" css-reset>
<div class='base64code"'>
345423%%#@%2523453245#%#@$%$756756431#$%#@$%............
</div>
</div>css-reset property will restrict or reset CSS or JavaScript processing inside that particular node <div/>.
It is just like a local isolated scope for integrating a module.
It is just a thought.
Also, I was thinking to create a GUI for development where anybody can create a nice collaborate GUI for creating 'easily reusable modules'. So I am researching on all options.Thanks
No comments:
Post a Comment