Found 10483 Articles for Web Development

Smart ways to use Canva for Social Media

Zahwah Jameel
Updated on 09-Dec-2021 06:14:12

220 Views

Starting out new on Canva and completely overwhelmed? When first starting out, Canva can be a tricky place to find your way through. The wide assortment of features which makes designing very easy may also sometimes lead to confusion if you are not well-versed with the platform. This may keep users from discovering the multiple smart and underrated uses of these features.Smart and unique ways to use Canva for Social MediaIn this article, we will see how you can use Canva and its features to promote a brand in smart and unique ways on Social Media platforms.Branding ImagesIf the images ... Read More

How to design templates in Canva?

Zahwah Jameel
Updated on 09-Dec-2021 06:08:23

808 Views

Want to explore your creativity as a graphic designer? Tired of using the same predefined templates? This is the right place for you. Canva provides you with the opportunity to custom create your template designs so that you can create exactly what you need with all the components of your choice.What are templates in Canva?Canva is a free graphics design platform which aids in creating a wide range of visual content such as presentation, invitations, posters, business cards and various other for use in social media and other visual platforms. Templates are the building blocks of these designs they are ... Read More

Responsive Video or Slideshow Embeds in Bootstrap with Examples

Prateek Jangid
Updated on 26-Nov-2021 07:07:31

539 Views

Bootstrap is a free open source and is one of the most famous HTML, CSS, and Javascript frameworks. It's used for user interfaces and themes that create what a user sees in a website or application, and it's utilized on the client rather than the server.Responsive web applications automatically adapt to various screen sizes. It is used to create responsive mobile-first web apps and websites; mobile-first refers to designing for smaller displays first and then scaling up to bigger ones. As a result, you won't have to worry about your app not working on different devices or with different screen ... Read More

Responsive Images in Bootstrap with Examples

Prateek Jangid
Updated on 26-Nov-2021 07:01:07

634 Views

Bootstrap is a front-end framework meaning that it’s used on the client, not the server, and it’s specifically used for user interfaces and themes that design what the user sees in a website or application.It included bits of code and HTML, CSS, and also javascript. It is used for building responsive mobile-first web applications and websites; mobile-first means it refers to design for smaller screens first and then working and then working up to the larger screens.In Bootstrap, we have different classes for making the other appearances of images and making them responsive to scale according to their parent class.Let’s ... Read More

angularjs – ng-class Directive

Mayank Agarwal
Updated on 08-Oct-2021 13:45:35

693 Views

The ng-class Directive in angularjs allows the user to dynamically set the CSS classes on an HTML element by databinding an expression which will further represent all those classes to be added. The class is only added if the expression inside the ngClass Directive returns True, else it will not be added. It is supported by all the HTML elements.The directive does not set any duplicate class if it was already set. When the expression changes, the previously added classes will be removed and the new classes will be added only after that.Syntax..Content..Example − ngClass DirectiveCreate a file "ngClass.html" in ... Read More

AngularJS – ng-mousedown Directive

Mayank Agarwal
Updated on 08-Oct-2021 13:33:17

352 Views

The ng-mousedown Directive in AngularJS basically specifies a custom event on mouse-down event. We can perform multiple functions whenever the mouse is pressed and the mouse-down event is called.Syntax..content..Example − ngMousedown DirectiveCreate a file "ngMousedown.html" in your Angular project directory and copy-paste the following code snippet.           ngMousedown Directive                              Welcome to Tutorials Point                      angularjs | ngMousedown Directive                                   Click mouse and hold !!!                 OutputTo run the above code, just go to your file and run it as a normal HTML file.Your browser does not support HTML5 video.

AngularJS – ng-app Directive

Mayank Agarwal
Updated on 08-Oct-2021 13:23:32

385 Views

The ng-app Directive in AngularJS is used for auto-bootstraping of an AngularJS application. This directive gives the root element of the application and is generally placed near the root element of the page like on the  or tags. This directive declares the root context from where the application will be started.Points to note while using the ngApp Directive −Only one application can be bootstrapped per the HTML element. If you declare multiple ngApp components, the first ngApp appearing element will be considered as the root element for auto-bootstrap. For running multiple applications in the HTML, one should use the ... Read More

AngularJS – angular.element() function

Mayank Agarwal
Updated on 08-Oct-2021 13:16:08

1K+ Views

The angular.element() method wraps the raw DOM element or the HTML string as a jQuery element. If jQuery is available or imported, angular.element is an alias for the jQuery function, else this method delegates to AngularJS’s built-in subset of jQuery called jQueryLite or jqLite.Syntaxangular.element(element)Example − Wrapping the DOM element using angular.element()Create a file "element.html" in your Angular project directory and copy-paste the following code snippet.           angular.element()                              Welcome to Tutorials Point           ... Read More

AngularJS – ng-copy Directive

Mayank Agarwal
Updated on 08-Oct-2021 12:53:46

306 Views

The ng-copy Directive in AngularJS is used for specifying any custom behaviour while copying the texts in input text fields. We can use this directive to call certain methods that will be triggered while the text is copied from the input field. This directive is supported by all types of input elements.Syntax..content..Example − ngCopy DirectiveCreate a file "ngCopy.html" in your Angular project directory and copy-paste the following code snippet.           ngCopy Directive                      .index {color: white; background-color: green;}       ... Read More

AngularJS – equals() method

Mayank Agarwal
Updated on 08-Oct-2021 12:46:35

2K+ Views

The equals() method in AngularJS basically checks if two objects or two values are equal or not. This method supports value types, regular expressions, arrays, and objects. It will return True if the reference objects passed inside the function are equal, else it will return False.Syntaxangular.equals(value1, value2)Example − Check if the reference objects are equal or notCreate a file "equals.html" in your Angular project directory and copy-paste the following code snippet.           angular.equals()                              Welcome to Tutorials Points ... Read More

Advertisements