jquery

25+ Best Web Development Tools of March 2015

25+ Best Web Development Tools of March 2015

Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such as generators, jquery plugins, frameworks and other helpful resources and services. You will definitely find something to…

View On WordPress

The struggle of being a programmer

The struggle of being a programmer is due to the costant need to have the answer, and to have it right now. I was talking to one of my fellow students and the fear of not knowing or not feeling close to the answer can cause serious damage.

One of the first subjects we went over the first day with the instructors was about this topic. Programmers know that 80% of the time spent in building code and applications will be spent looking for answers, crashing their own code and finding new ways to complete whatever it is that they’re working on.

But what if we approach the problem in a completely different way. Let’s call it Zen Programming. The best thing you can do is to focus on the process itself, tracking your progresses, motivating yourself with your goals and having fun with it (whatever that means to you, what I love to do while I code is getting into my personal bubble listening to music and sing like I was in a music video).

It can be hard to break the habits, especially because of the work culture we belong to, where most of the time you hate your job and the best thing you can hope for is knowing everything from the beginning, solving all the problems and getting over it as soon as possible.

Being a programmer though, requires so much of your effort that either you love it or you love it. The process of finding the answers, the challenge of creating new applications is what you should wake up in the morning for.

The final product will come.

Fresh Tools for Web Developers January 2015

Fresh Tools for Web Developers January 2015

Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such as generators, jquery plugins, frameworks and other helpful resources and services. You will definitely find something to…

View On WordPress

16 New Free jQuery Plugin For This Week [09th January - 15th January]

16 New Free jQuery Plugin For This Week [09th January – 15th January]

Here’s our best collection of 16 New Free jQuery Plugin with examples we found around the web from last week (09/01/2015 to 15/01/2015). These jQuery plugins haven’t been featured on our website yet I think you might find useful. Have fun with it and remember to spread the word!

You may also like these :

1.

Making a…

View On WordPress

15 Free jQuery Plugins for April 2015

15 Free jQuery Plugins for April 2015

We have collected for you the 15 fresh, free and handy jQuery plugins that will help to speed up the design of your projects and make it more user friendly. jQuery plugins are constantly being released, and it’s no surprise since they are insanely popular, and for good reason. The only problem is looking through the whole amount and finding the best ones. That’s why we constantly keep on…

View On WordPress

anonymous asked:

For your slide-up tutorial, would you ever be willing to make a slide-right/slide-left tutorial? Or at least explain how to change the Slide-Up? Thank you!

Ok, here is the tutorial to make a slide right / slide left navigation. It’s almost the same of the SlideUp tutorial. You will just need to change a few things.

[preview]

STEP ONE: add the jQuery script between <head> and <style type=”text/css”>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".menu").click(function(){
    $(".in").toggleClass("out");
  });
});
</script>

STEP TWO: Now you must to add the css on your code

.in {width:0px;
-webkit-transition:all 0.6s;
-moz-transition:all 0.3s;
-ms-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
}

.out {
width:150px; /*put here the width you want on your tab*/
padding-left:10px;
padding-right:10px;
z-index:10000000000;
-webkit-transition:all 0.6s;
-moz-transition:all 0.3s;
-ms-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
}

STEP THREE: Now you will add the css of your tab

#nav {
height:100%;
z-index:10;
left:0; /*if you want a slide right tab change it to right:0; */
top:0;
position:fixed;
background-color:#000;
color:#fff;
}

#cont {
font-size:12px;
color:#fff;
font-family:cambria;
padding:10px;
}

STEP FOUR: Now we are going to add the html part

We will put this where we want to click to open the menu

<a class="menu"> link </a> 

This is the SlideUp menu html part. You will put it on your < body >

<div class="out" id="nav">
<div id="cont">
Put whatever you want here
</div>
</div>

And it’s done. \(*T▽T*)/

If you have any question fell free to send me a question here

CSS SNIPETS

jQUERY SNIPPETS

15 Newest Free jQuery Plugins For This Week March #7 (2015)

15 Newest Free jQuery Plugins For This Week March #7 (2015)

Here’s our best collection of 15 Newest Free jQuery Plugin with examples we found around the web from last week (20/03/2015 to 26/03/2015). These jQuery plugins haven’t been featured on our website yet I think you might find useful. Have fun with it and remember to spread the word!

Credit Card Validation

A lightweight and easy to implement jQuery plugin that lets you embed and display real time…

View On WordPress

10 Newest Free jQuery Plugins For This Week January #1 (2015)

10 Newest Free jQuery Plugins For This Week January #1 (2015)

Here’s our best collection of 15 Best Free jQuery Plugin with examples we found around the web from last week (23/01/2015 to 29/01/2015). These jQuery plugins haven’t been featured on our website yet I think you might find useful. Have fun with it and remember to spread the word!

jQuery Currency

Simple, unobtrusive currency converting and formatting.

jQuery readmore

A “read more” implementation…

View On WordPress