Submit Search
Upload
Comparative Analysis of Bootstrap and UIkit framework
•
0 likes
•
32 views
IRJET Journal
Follow
https://www.irjet.net/archives/V4/i6/IRJET-V4I6495.pdf
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 4
Download now
Download to read offline
Recommended
Stmik bandung
Stmik bandung
farid savarudin
Writing HTML5 Web Apps using Backbone.js and GAE
Writing HTML5 Web Apps using Backbone.js and GAE
Ron Reiter
Template based framework for rapid fast development of enterprise applications
Template based framework for rapid fast development of enterprise applications
eSAT Journals
Template based framework for rapid fast development
Template based framework for rapid fast development
eSAT Publishing House
Database Engine Control though Web Portal Monitoring Configuration
Database Engine Control though Web Portal Monitoring Configuration
IRJET Journal
Analyzing bootsrap and foundation font-end frameworks : a comparative study
Analyzing bootsrap and foundation font-end frameworks : a comparative study
IJECEIAES
IRJET- Training and Placement Database Management System
IRJET- Training and Placement Database Management System
IRJET Journal
IRJET- Automatic Database Schema Generator
IRJET- Automatic Database Schema Generator
IRJET Journal
Recommended
Stmik bandung
Stmik bandung
farid savarudin
Writing HTML5 Web Apps using Backbone.js and GAE
Writing HTML5 Web Apps using Backbone.js and GAE
Ron Reiter
Template based framework for rapid fast development of enterprise applications
Template based framework for rapid fast development of enterprise applications
eSAT Journals
Template based framework for rapid fast development
Template based framework for rapid fast development
eSAT Publishing House
Database Engine Control though Web Portal Monitoring Configuration
Database Engine Control though Web Portal Monitoring Configuration
IRJET Journal
Analyzing bootsrap and foundation font-end frameworks : a comparative study
Analyzing bootsrap and foundation font-end frameworks : a comparative study
IJECEIAES
IRJET- Training and Placement Database Management System
IRJET- Training and Placement Database Management System
IRJET Journal
IRJET- Automatic Database Schema Generator
IRJET- Automatic Database Schema Generator
IRJET Journal
IRJET-Towards a Methodology for the Development of Plug-In
IRJET-Towards a Methodology for the Development of Plug-In
IRJET Journal
IRJET- A Repository Application Developed using .Net MVC and Angularjs for In...
IRJET- A Repository Application Developed using .Net MVC and Angularjs for In...
IRJET Journal
FRONTEND DEVELOPMENT WITH REACT.JS
FRONTEND DEVELOPMENT WITH REACT.JS
IRJET Journal
Architecture and Analytical Study of Magento
Architecture and Analytical Study of Magento
IRJET Journal
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
IRJET Journal
Architecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC Solution
Andrea Saltarello
ReactCodemod: An automated approach for refactoring class based components to...
ReactCodemod: An automated approach for refactoring class based components to...
IRJET Journal
Introduction to j2 ee frameworks
Introduction to j2 ee frameworks
Mukesh Kumar
Integration of Struts & Spring & Hibernate for Enterprise Applications
Integration of Struts & Spring & Hibernate for Enterprise Applications
IJMER
IRJET- A Study Focused on Web Application Development using MVC Design Pa...
IRJET- A Study Focused on Web Application Development using MVC Design Pa...
IRJET Journal
Eclipse Code Monitoring Utility
Eclipse Code Monitoring Utility
IRJET Journal
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET Journal
IRJET- Polymer Javascript
IRJET- Polymer Javascript
IRJET Journal
Design and functional_specification
Design and functional_specification
Pushkarprabhat SAXENA
Shield UI JavaScript Chart
Shield UI JavaScript Chart
JStoikov
2013HZ12018 final-dissertation-presentation
2013HZ12018 final-dissertation-presentation
Karthikeyan Balasubramanian
Analyzing Optimal Practises for Web Frameworks
Analyzing Optimal Practises for Web Frameworks
IRJET Journal
IRJET- Tour and Travels
IRJET- Tour and Travels
IRJET Journal
IRJET- Plug-In based System for Data Visualization
IRJET- Plug-In based System for Data Visualization
IRJET Journal
combinepdf
combinepdf
Gaurav Gopal Gupta
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
IRJET Journal
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
IRJET Journal
More Related Content
Similar to Comparative Analysis of Bootstrap and UIkit framework
IRJET-Towards a Methodology for the Development of Plug-In
IRJET-Towards a Methodology for the Development of Plug-In
IRJET Journal
IRJET- A Repository Application Developed using .Net MVC and Angularjs for In...
IRJET- A Repository Application Developed using .Net MVC and Angularjs for In...
IRJET Journal
FRONTEND DEVELOPMENT WITH REACT.JS
FRONTEND DEVELOPMENT WITH REACT.JS
IRJET Journal
Architecture and Analytical Study of Magento
Architecture and Analytical Study of Magento
IRJET Journal
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
IRJET Journal
Architecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC Solution
Andrea Saltarello
ReactCodemod: An automated approach for refactoring class based components to...
ReactCodemod: An automated approach for refactoring class based components to...
IRJET Journal
Introduction to j2 ee frameworks
Introduction to j2 ee frameworks
Mukesh Kumar
Integration of Struts & Spring & Hibernate for Enterprise Applications
Integration of Struts & Spring & Hibernate for Enterprise Applications
IJMER
IRJET- A Study Focused on Web Application Development using MVC Design Pa...
IRJET- A Study Focused on Web Application Development using MVC Design Pa...
IRJET Journal
Eclipse Code Monitoring Utility
Eclipse Code Monitoring Utility
IRJET Journal
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET Journal
IRJET- Polymer Javascript
IRJET- Polymer Javascript
IRJET Journal
Design and functional_specification
Design and functional_specification
Pushkarprabhat SAXENA
Shield UI JavaScript Chart
Shield UI JavaScript Chart
JStoikov
2013HZ12018 final-dissertation-presentation
2013HZ12018 final-dissertation-presentation
Karthikeyan Balasubramanian
Analyzing Optimal Practises for Web Frameworks
Analyzing Optimal Practises for Web Frameworks
IRJET Journal
IRJET- Tour and Travels
IRJET- Tour and Travels
IRJET Journal
IRJET- Plug-In based System for Data Visualization
IRJET- Plug-In based System for Data Visualization
IRJET Journal
combinepdf
combinepdf
Gaurav Gopal Gupta
Similar to Comparative Analysis of Bootstrap and UIkit framework
(20)
IRJET-Towards a Methodology for the Development of Plug-In
IRJET-Towards a Methodology for the Development of Plug-In
IRJET- A Repository Application Developed using .Net MVC and Angularjs for In...
IRJET- A Repository Application Developed using .Net MVC and Angularjs for In...
FRONTEND DEVELOPMENT WITH REACT.JS
FRONTEND DEVELOPMENT WITH REACT.JS
Architecture and Analytical Study of Magento
Architecture and Analytical Study of Magento
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
Architecting an ASP.NET MVC Solution
Architecting an ASP.NET MVC Solution
ReactCodemod: An automated approach for refactoring class based components to...
ReactCodemod: An automated approach for refactoring class based components to...
Introduction to j2 ee frameworks
Introduction to j2 ee frameworks
Integration of Struts & Spring & Hibernate for Enterprise Applications
Integration of Struts & Spring & Hibernate for Enterprise Applications
IRJET- A Study Focused on Web Application Development using MVC Design Pa...
IRJET- A Study Focused on Web Application Development using MVC Design Pa...
Eclipse Code Monitoring Utility
Eclipse Code Monitoring Utility
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- Polymer Javascript
IRJET- Polymer Javascript
Design and functional_specification
Design and functional_specification
Shield UI JavaScript Chart
Shield UI JavaScript Chart
2013HZ12018 final-dissertation-presentation
2013HZ12018 final-dissertation-presentation
Analyzing Optimal Practises for Web Frameworks
Analyzing Optimal Practises for Web Frameworks
IRJET- Tour and Travels
IRJET- Tour and Travels
IRJET- Plug-In based System for Data Visualization
IRJET- Plug-In based System for Data Visualization
combinepdf
combinepdf
More from IRJET Journal
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
IRJET Journal
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
IRJET Journal
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
IRJET Journal
Effect of Camber and Angles of Attack on Airfoil Characteristics
Effect of Camber and Angles of Attack on Airfoil Characteristics
IRJET Journal
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
IRJET Journal
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
IRJET Journal
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
IRJET Journal
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
IRJET Journal
A REVIEW ON MACHINE LEARNING IN ADAS
A REVIEW ON MACHINE LEARNING IN ADAS
IRJET Journal
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
IRJET Journal
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
IRJET Journal
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
IRJET Journal
Survey Paper on Cloud-Based Secured Healthcare System
Survey Paper on Cloud-Based Secured Healthcare System
IRJET Journal
Review on studies and research on widening of existing concrete bridges
Review on studies and research on widening of existing concrete bridges
IRJET Journal
React based fullstack edtech web application
React based fullstack edtech web application
IRJET Journal
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
IRJET Journal
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
IRJET Journal
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
IRJET Journal
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
IRJET Journal
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
IRJET Journal
More from IRJET Journal
(20)
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
Effect of Camber and Angles of Attack on Airfoil Characteristics
Effect of Camber and Angles of Attack on Airfoil Characteristics
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A REVIEW ON MACHINE LEARNING IN ADAS
A REVIEW ON MACHINE LEARNING IN ADAS
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
Survey Paper on Cloud-Based Secured Healthcare System
Survey Paper on Cloud-Based Secured Healthcare System
Review on studies and research on widening of existing concrete bridges
Review on studies and research on widening of existing concrete bridges
React based fullstack edtech web application
React based fullstack edtech web application
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Recently uploaded
Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptx
pranjaldaimarysona
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
soniya singh
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
Soham Mondal
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
ranjana rawat
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
SIVASHANKAR N
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
Suhani Kapoor
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
ranjana rawat
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
Call Girls in Nagpur High Profile
Extrusion Processes and Their Limitations
Extrusion Processes and Their Limitations
120cr0395
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
RajaP95
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentation
GDSCAESB
Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptx
upamatechverse
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
ranjana rawat
Call Girls Delhi {Jodhpur} 9711199012 high profile service
Call Girls Delhi {Jodhpur} 9711199012 high profile service
rehmti665
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
srsj9000
APPLICATIONS-AC/DC DRIVES-OPERATING CHARACTERISTICS
APPLICATIONS-AC/DC DRIVES-OPERATING CHARACTERISTICS
KurinjimalarL3
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )
Tsuyoshi Horigome
Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024
hassan khalil
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
null - The Open Security Community
Recently uploaded
(20)
Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptx
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
MANUFACTURING PROCESS-II UNIT-5 NC MACHINE TOOLS
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
Extrusion Processes and Their Limitations
Extrusion Processes and Their Limitations
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentation
Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptx
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANJALI) Dange Chowk Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
Call Girls Delhi {Jodhpur} 9711199012 high profile service
Call Girls Delhi {Jodhpur} 9711199012 high profile service
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
APPLICATIONS-AC/DC DRIVES-OPERATING CHARACTERISTICS
APPLICATIONS-AC/DC DRIVES-OPERATING CHARACTERISTICS
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )
Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Comparative Analysis of Bootstrap and UIkit framework
1.
International Research Journal
of Engineering and Technology (IRJET) e-ISSN: 2395 -0056 Volume: 04 Issue: 06 | June -2017 www.irjet.net p-ISSN: 2395-0072 © 2017, IRJET | Impact Factor value: 5.181 | ISO 9001:2008 Certified Journal | Page 2551 Comparative Analysis of Bootstrap and UIkit framework Sneha Velankar1, Dashrath Mane2 Student, Dept. of MCA, VES Institute of Technology, Maharashtra, India1 Professor, Dept. of MCA, VES Institute of Technology, Maharashtra, India2 ---------------------------------------------------------------------***--------------------------------------------------------------------- Abstract - Nowadays front-end web framework plays most important role in web development. Front-end web frameworks like Bootstrap, UIkit support responsive web design and different kind of devices. This paper compares Bootstrap and UIkit from developers as well as users point of view. A prototype has been developed using both the frameworks. Key Words: Web development, Front-end web framework, Lightweight, Modular, Grid. 1.INTRODUCTION These days web applications are developed for different purposes like Ecommerce, Blogs, social networking etc. Front-end framework plays important role in web development. A front-end web framework has standard classes and scripts for making development easier. It combines HTML, CSS and Javascript for effectivedesignsand animation effects. These frameworks also help in making designs responsive. All frameworks differ in many factors, which are shown below with the help of analysis, small prototype and its outcome. 2.BOOTSTRAP This is the most popular, free and open source front-endweb framework in web development. It was originally named as Blueprint and released as an open source project on 19th August 2011. The latest version is Bootstrap 3, released on 19th August 2013. It is based on Grid system. It supports the latest versions of Google Chrome, Firefox, Internet Explorer, Opera, and Safari (except on Windows). For comparison purpose, I have used Bootstrap 3.3.7 as it uses flat designand mobile first approach. 3.UIKIT This is a lightweight andmodularfront-endframework,used to develop fast and powerful interfaces. It is created by YooTheme in the year 2013. This is one of the underrated frameworks that is lightweight, modular. It supports both LESS and SaSS pre-processors. This framework is also built using CSS3 and Javascript. It also provides some interesting components which are not in Bootstrap. 4.DIRECTORY STRUCTURE A directory structure makes developer’s task easy. Figure 1 and Figure 2 depict the directorystructureofBootstrap3.3.7 and UIkit 2.27.4 respectively. Both the frameworks follow same directory structure; but they differ in sizes. As directory structure of both the framework is so simple, it becomes easy for developers to search for files during development. Fig -1: Directory structure of Bootstrap 3.3.7 Fig -2: Directory structure of UIkit 2.27.4 5.DATEPICKER COMPONENT PROTOTYPE The Datepicker component is the mostly used form component in almost every application. Bootstrap does not provide class for Datepicker, so it has to be coded through JQueryUI; but UIkit has predefined class for Datepicker. The outcome of developed prototype is shown in Fig -3 and Fig -4 for Bootstrap and UIkit respectively.
2.
International Research Journal
of Engineering and Technology (IRJET) e-ISSN: 2395 -0056 Volume: 04 Issue: 06 | June -2017 www.irjet.net p-ISSN: 2395-0072 © 2017, IRJET | Impact Factor value: 5.181 | ISO 9001:2008 Certified Journal | Page 2552 Following is Bootstrap code snippet used for creating Datepicker. <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device- width, initial-scale=1"> <title>Demo bootstrap</title> <script src="../sem 6/jquery-3.2.1.min.js"> </script> <link href="../sem 6/bootstrap-3.3.7- dist/css/bootstrap.min.css" rel="stylesheet"/> <link href="../sem 6/bootstrap-3.3.7- dist/css/bootstrap-datepicker.css" rel="stylesheet"/> <script src="../sem 6/bootstrap-3.3.7- dist/js/bootstrap.min.js"></script> <script src="../sem 6/bootstrap-3.3.7- dist/js/bootstrap-datepicker.js"></script> </head> <body> <script type="text/javascript"> $(function(){ $('#datepicker').datepicker(); }); </script> <div class="container"> <form class="form-horizontal"> <div class="form-group"> <label class="control-label" for="date">Date</label> <input style="width:250px;"class="form-control" id="datepicker" placeholder="dd/mm/yyyy" type="text"/> </div> </form> </div> </body> </html> Following is UIkit code snippet used for creating Datepicker <!DOCTYPE html> <html lang="en-gb" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device- width, initial-scale=1"> <script src="../sem 6/jQuery_v2.1.4.js"> </script> <script src="../sem 6/uikit-2.27.4/js/uikit.js"></script> <link rel="stylesheet" href="../sem 6/uikit- 2.27.4/css/uikit.css" /> <script src="../sem 6/uikit- 2.27.4/js/components/datepicker.js"></script> <link rel="stylesheet" href="../sem 6/uikit- 2.27.4/css/components/datepicker.css" /> </head> <body> <div class="uk-container"> <form style="padding:5%;" class="uk-form"> <label>Date: </label> <input type="text" data-uk- datepicker="{format:'DD.MM.YYYY'}" placeholder="dd/mm/yyyy"> </form> </div> </body> </html> Fig -3: Datepicker in Bootstrap Fig -4: Datepicker in UIkit
3.
International Research Journal
of Engineering and Technology (IRJET) e-ISSN: 2395 -0056 Volume: 04 Issue: 06 | June -2017 www.irjet.net p-ISSN: 2395-0072 © 2017, IRJET | Impact Factor value: 5.181 | ISO 9001:2008 Certified Journal | Page 2553 6.TECHNICAL FACTORS A front-end web framework is rated as best framework when it provides unique features as well as the other technical factors gives good results. Chart -1 and Chart -2 depict the storage space consumed byframework andJS,CSS files respectively of UIkit and Bootstrap. The UIkit framework’s JS file is larger because it focuses mainly on JQuery scripting rather than the built-in CSS classes. As the UIkit framework is lightweight, it takes less timetoloadweb pages than that in Bootstrap. Chart -1: Framework storage consumption Chart -2: CSS and JS file size The Uikit has a lot of unique styling as compare to Bootstrap. Even though framework size of Uikit is smaller than Bootstrap, it provides more powerful and flexible customization mechanism. Bootstrap uses Glyphicons whereas Uikit uses Font Awesome. The Font Awesome provides more icons than Glyphicons,so againUikitbecomes advanced. The Table -1 compares different factors and features of Bootstrap and UIkit. All the differencesareobtainedbasedon proper research. It shows whereboththeframeworkslackor give best results. Table -1: Comparison of factors/ features of Bootstrap and UIkit framwork Factors/ Features Bootstrap UIkit Grid It is based on 12 column layout. To remove padding between each column, one need to modify JS file It is based on 10 columns layout. To remove padding, just add ‘.uk-grid- collapse’ class. Dynamic grid Does not support dynamic grid. It allows developer to create dynamic and responsive grid layout with the help of grid component. Grid items arrange themselves according to the device size. Autocomplete One need to manually code to show pre- generated values while typing in form input. It has predefined class (uk- autocomplete) that allows users to choose from pre- generated values while typing. Documentation It is well organized and provides live examples and templates. Documentation is complex for beginners. Timepicker/ Datepicker JQueryUI is needed to create these form fields It has pre-defined classes for both, so no need of JQueryUI. Animation Bootstrap has built-in animations for limited components UIkit has built-in animations which can be used for various components. Popularity This is the most popular framework This is less popular framework. It is hard to find learning resources for a beginner developer.
4.
International Research Journal
of Engineering and Technology (IRJET) e-ISSN: 2395 -0056 Volume: 04 Issue: 06 | June -2017 www.irjet.net p-ISSN: 2395-0072 © 2017, IRJET | Impact Factor value: 5.181 | ISO 9001:2008 Certified Journal | Page 2554 3. CONCLUSION As per the studies, both the frameworks are good for front- end web development. Though UIkit is less popular and has fewer resources for learning, it is better when compared to Bootstrap. The UIkit framework is not only beneficial for designing small informative websites, but also for complex and big website’s projects because of its performance, responsiveness, customization and components. ACKNOWLEDGEMENT I take this opportunity to express my gratitude for the experience and guidance whichwasgiventomefrom timeto time that enable me to successfully complete my research paper. Firstly I would like to thank my guide Mr. Dashrath Mane, the person without whom this research would never have materialized. I am really thankful to him for providing direction, support and sparing his precioustimetowards the completion of research paper. REFERENCES [1] https://en.wikipedia.org/wiki/Front- end_web_development [2] http://getbootstrap.com/components/ [3] https://en.wikipedia.org/wiki/Bootstrap_(front- end_framework) [4] https://getuikit.com/docs/introduction [5] https://getuikit.com/v2/docs/components.html [6] Bootstrap: Responsive Web Development, By Jake Spurlock
Download now