Front End – AcadGild https://acadgild.com/blog Learn. Do. Earn. Thu, 25 Aug 2016 12:01:42 +0000 en-US hourly 1 https://wordpress.org/?v=4.5.3 103159356 Getting Started with HTML YouTube https://acadgild.com/blog/html-youtube/ https://acadgild.com/blog/html-youtube/#respond Wed, 03 Aug 2016 10:37:27 +0000 https://acadgild.com/blog/?p=13532 HTML can be used to play videos in your web page. The easiest way to play videos in HTML is by using YouTube. Why use HTML YouTube? As different browser supports different video formats and you might want to convert your videos into different video formats to make it play in all browsers. You might […]

The post Getting Started with HTML YouTube appeared first on AcadGild.

]]> https://acadgild.com/blog/html-youtube/feed/ 0 13532 CSS Preprocessors – Sass vs LESS https://acadgild.com/blog/css-preprocessors-sass-vs-less/ https://acadgild.com/blog/css-preprocessors-sass-vs-less/#respond Thu, 21 Jul 2016 13:40:25 +0000 https://acadgild.com/blog/?p=12292 What Are CSS Preprocessors? CSS preprocessors take code written in the preprocessed language and then it converts that code into the same old CSS. The popular CSS preprocessors are Sass, LESS, and Stylus. CSS3 preprocessors are languages written for the sole purpose of adding cool, inventive features to CSS without breaking browser compatibility. In this […]

The post CSS Preprocessors – Sass vs LESS appeared first on AcadGild.

]]> https://acadgild.com/blog/css-preprocessors-sass-vs-less/feed/ 0 12292 HTML Plug-ins https://acadgild.com/blog/html-plug-ins/ https://acadgild.com/blog/html-plug-ins/#respond Sat, 02 Jul 2016 06:14:33 +0000 https://acadgild.com/blog/?p=9805 What are Plug-ins? In computing, a plug-in is a software component that adds a specific feature to an existing computer program. When a program supports plug-ins, it enables customization. The common examples are the plug-ins used in web browsers to add new features such as search-engines, virus scanners, or the ability to use a new […]

The post HTML Plug-ins appeared first on AcadGild.

]]> https://acadgild.com/blog/html-plug-ins/feed/ 0 9805 HTML5 SVG https://acadgild.com/blog/html5-svg/ https://acadgild.com/blog/html5-svg/#respond Thu, 23 Jun 2016 12:16:42 +0000 https://acadgild.com/blog/?p=8195 What is SVG? SVG stands for Scalable Vector Graphics and is used for describing 2D-graphics and graphical applications in XML. XML is then rendered by an SVG viewer. SVG is mainly useful for vector type diagrams like Pie charts, Two-dimensional graphs in an X-Y coordinate system etc. Why use SVG?  SVG images can be created […]

The post HTML5 SVG appeared first on AcadGild.

]]> https://acadgild.com/blog/html5-svg/feed/ 0 8195 HTML5 Drag and Drop https://acadgild.com/blog/html5-drag-drop/ https://acadgild.com/blog/html5-drag-drop/#respond Thu, 23 Jun 2016 11:49:05 +0000 https://acadgild.com/blog/?p=8185 Drag and Drop is part of HTML5 standard. HTML Drag and Drop will enable applications to use drag and drop features in all kinds of browsers. In simple, Drag and Drop is a very common feature which enables you to grab an object and drag it to any location specified by the user. Drag and […]

The post HTML5 Drag and Drop appeared first on AcadGild.

]]> https://acadgild.com/blog/html5-drag-drop/feed/ 0 8185 Introduction To CSS3 Animations https://acadgild.com/blog/css3-animations/ https://acadgild.com/blog/css3-animations/#respond Sat, 28 May 2016 06:43:45 +0000 https://acadgild.com/blog/?p=5544 This blog is a continuation of the previous CSS3 blog in this chain. In this blog we will be discussing about Animation and how it can be done? So, what is Animation? Animation is the process of making shape changes as well as creating motions with elements. CSS3 allows animation of most HTML elements without […]

The post Introduction To CSS3 Animations appeared first on AcadGild.

]]> https://acadgild.com/blog/css3-animations/feed/ 0 5544 Introduction To CSS3 3D Transforms https://acadgild.com/blog/css3-3d-transforms/ https://acadgild.com/blog/css3-3d-transforms/#respond Sat, 28 May 2016 06:32:39 +0000 https://acadgild.com/blog/?p=5539 In this blog we will be looking into 3D transformation. 3D transformation is different from 2D as we can move our elements not only with respect to X and Y axis but also Z-axis. The 3D transformation methods are: ⦁ translate3d(x,y,z) ⦁ scaleX(x), scaleY(y), scaleZ(z) ⦁ rotateX(angle), rotateY(angle), rotateZ(angle) ⦁ matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 1.RotateX(angle) The rotateX() method […]

The post Introduction To CSS3 3D Transforms appeared first on AcadGild.

]]> https://acadgild.com/blog/css3-3d-transforms/feed/ 0 5539 Introduction To CSS3 2D Transforms https://acadgild.com/blog/css3-2d-transforms/ https://acadgild.com/blog/css3-2d-transforms/#respond Sat, 28 May 2016 06:21:41 +0000 https://acadgild.com/blog/?p=5535 CSS3 2D transforms are used to re-change the element structure as translate, rotate, scale, and skew 2D transformation methods: translate() rotate() scale() skewX() skewY() matrix() Now lets look into how to rotate a div 30 degrees by using rotate() method. 1. The rotate() method rotates an element clockwise or counter-clockwise according to a given degree. […]

The post Introduction To CSS3 2D Transforms appeared first on AcadGild.

]]> https://acadgild.com/blog/css3-2d-transforms/feed/ 0 5535 Introduction to CSS3 https://acadgild.com/blog/introduction-to-css3-2/ https://acadgild.com/blog/introduction-to-css3-2/#respond Sat, 28 May 2016 06:00:41 +0000 https://acadgild.com/blog/?p=5294 This is the first Blog in the series of blogs on CSS3. In these blog we will be discussing CSS3 in depth. This first Blog will discuss on introducing CSS3 to its readers. What is CSS3? Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in […]

The post Introduction to CSS3 appeared first on AcadGild.

]]> https://acadgild.com/blog/introduction-to-css3-2/feed/ 0 5294 Front End Interview Preparation Guide https://acadgild.com/blog/front-end-interview-preparation-guide/ https://acadgild.com/blog/front-end-interview-preparation-guide/#comments Tue, 26 Apr 2016 12:57:07 +0000 https://acadgild.com/blog/?p=3810 Front-end web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or web application so that a user can see and interact with them directly. (src: Wikipedia) Before getting into Interview preparation we will have a look at skills required for a front end developer: Proper […]

The post Front End Interview Preparation Guide appeared first on AcadGild.

]]> https://acadgild.com/blog/front-end-interview-preparation-guide/feed/ 1 3810