Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Wednesday, 25 July 2018

Performances of Angular jQuery and Bootstrap?



Angular Js:
AngularJS is a structural framework for dynamic web apps. With AngularJS, designers can use HTML as the template language and it allows for the extension of HTML's syntax to convey the application's components effortlessly.
The following are the features of AngularJS:

  • Two-Way data binding
  • REST friendly
  • MVC-based Pattern
  • Deep Linking
  • Template
  • Form Validation
  • Dependency Injection
  • Localization
  • Full Testing Environment
  • Server Communication


Jquery:
jQuery is a fast and concise JavaScript Library created by John Resig in 2006. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
The following are the features of Jquery:

  1. jQuery is a library.
  2. easily manipulate the contents of a webpage
  3. Doesn’t supports two-way data binding.
  4. easy DOM traversal
  5. simple to make AJAX
  6. Lightweight Footprint
  7. CSS3 Compliant
  8. Cross-Browser
  9. It can be used on any website or web application


Bootstrap:
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.Ther are two version for now. Stable version 3.3.7 and preview version v4.0.0.
The following are the features of Bootstrap:

  • Preprocessors
  • One framework, every device
  • Pre-styled Components
  • Responsive Features
  • Browser Compatibility
  • Great Grid System
  • An extensive list of Components
  • Bundled Javascript plugins
  • Good Documentation
  • Base Styling for most HTML Elements

#Happy Blogging😋




Tuesday, 24 July 2018

Top Five most popular CSS Frameworks of 2018



A CSS framework is a pre-prepared software framework that is meant to allow for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid.

Here Are Top five FrameWork List
1.Bootstrap
2. Zurb Foundation
3. Bulma
4.Materialize framework
5.Semantic UI


BootStarp


Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.Ther are two version for now. Stable version 3.3.7 and preview version v4.0.0.
Website-click

Zurb Foundation 



Framework for any device, medium, and accessibility. Foundation is responsive front-end frameworks that make it easy to design beautiful responsive websites, apps, and emails that look amazing on any device. The framework is a mobile-first flexible, 12-column grid that can scale to an arbitrary size (defined by the max width of the row), customizable control handles, and pre-built layouts. Foundation is semantic, readable, flexible, and fully customizable. We're constantly adding new resources and code snippets, including these handy HTML templates to help get you started!
Website-click

Bulma




Bulma is an open source CSS framework based on Flexbox and used by more than 100,000 developers. Firstly, Bulma contains great UI components, like tabs, navigation bar, boxes, panel and much more because this framework is designed to provide you with clear and attractive UI. Secondly, Bulma is incredibly modular meaning you can import only those features that are needed and you can start your work. Finally, this framework has very readable classes, which again may be a huge advantage for some developers.
website-click

Materialize 




Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.
Website-click

Semantic UI




Semantic UI is a modern front-end development framework, powered by LESS and jQuery. It has a sleek, subtle, and flat design look that provides a lightweight user experience.
Website-click


#Happy blogging😉
#Happy Coding💓

Saturday, 21 July 2018

Top 10 Thing Need To Know Front End Developer




HTML / CSS
HTML is the most basic building block you will need for developing website and CSS is the language used to style the document


Javascript
where HTML and CSS determine the content and presentation of the page, js determine the function.


CSS / javascript framework
CSS and JSF framework is the collection of the file that does not allow common functionality.


CSS preprocessor
CSS preprocessor lets you write code in preprocessor language and then converts that code to CSS.


Version control / git
version control software lets you track changes so you can go back to the previous version of your work and find out what's wrong.


Responsive design
responsive design allows to a webpage to adjust yourself to the device.


Testing / debugging
bugs are the reality of the development process so in order to keep thing moving you will need to test your code for bugs along the way.


Browser developer tools
Browser developer tools usually include an inspector (so you can see the HTML and CSS of the site) and a javascript console.


Web performance
the program like grunt and gulp can be used to automate image optimization CSS and js minifying and other web performance chores to make your website.


Command line
There will be times you need to open in the command line.



#Happy Developing😏😋