Thursday, July 6, 2017

How to Create Text Animation Using CSS

        , , , , , ,     1 comment   

In this post I will explain how to create text animation using css. To achieving this we need to use css @keyframes property for animating the text.  so we need to add -webkit, -moz, -ms, -o in front of keyframes property to avoiding browser related issues.  For Example see bolow: @-webkit-keyframes...
Continue Reading →

Form Processing Steps Design Using HTML & CSS

        , , , , , ,     No comments   

In this post I will explain how to create form processing steps design using HTML and CSS. You can directly copy and paste the below code in your working code. And in this post I am not using any Javascript or Jquery related validations. Just giving an idea about design perspective. In next post I...
Continue Reading →

Tuesday, January 24, 2017

Adding and Display data using AngularJS

        , , , , , ,     No comments   

Hi Folks, In this article i am explaining a sample application for adding and displaying data using AngularJS and Bootstrap. Below is the code, you can directly copy and paste and run in your application. <!DOCTYPE html> <html> <head>   <title>Bootstrap Example</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width,...
Continue Reading →

Friday, January 20, 2017

Back to top page scroll using Jquery, CSS, HTML5

        , , , , , , , ,     No comments   

Hi, Today i will explain about how to scroll page to top from bottom. This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages. This resource is suitable for website with lots of page content. The link fades in on the right-hand side of the content area, after the browser window has...
Continue Reading →

Thursday, January 19, 2017

Animated “x” icon for the Bootstrap navbar-toggle using CSS (Or) Hamburger icon animation using Bootstrap and CSS

        , , , , , ,     No comments   

There are lots of posts online about that trendy (and awesome) transition from the hamburger icon (when the menu is collapsed) to that “x” (when the mobile menu has been expanded). This should be pulled off by CSS3 animations, of course. Below is the code , you can copy and paste ,run directly.. <!DOCTYPE html> <html> <head>   <meta name="viewport" content="width=device-width,...
Continue Reading →

Javascript shorten string without cutting words (Or) Javascript trim multiline string without cutting words

        , , , , , ,     1 comment   

In this article i will give Javascript code for trim multiline string without cutting words. Here i am giving an example, say i had the string text = "this is a long string i cant display" i want to trim it down to 10 characters but if it does't end with a space finish the word i don't want the string variable to look like this "this is a long string i cant dis" i want it to finish the word...
Continue Reading →
Subscribe to: Posts (Atom)

Popular Posts