SEARCH KEYWORD -- CSS animation

  Sass Style Guide: A Sass Tutorial on How to Write Better CSS Code

Writing consistent and readable CSS that will scale well is a challenging process. Especially when the style sheets are getting larger, more complex, and harder to maintain. One of the tools available to developers to write better CSS are preprocessors. A preprocessor is a program that takes one type of data and converts it to another type of data, and in our case CSS preprocessors are preprocessing languages which are compiled to CSS. There are many CSS preprocessors that front-end develop...

   CSS,SASS,TUTORIAL     2015-09-17 06:40:47

  How to choose a jQuery plug-in?

jQuery plug-in provides a good way to save time and simplify the development, programmers don't need to write each component from scratch. However, the plug-in will also be a destabilizing factor in your code library. A plug-in saves countless development time, but a poor quality plug-in will cost more than the actual time to write your own component from scratch. Luckily, usually you have many pls to choose from, but even if you have only one plug-in, you also need to know whether it's worth us...

   jQuery, plug-in     2012-10-27 03:51:40

  In 2012, let’s stop talking web design and start talking product design

“My hope for 2012 is that some of the old guard of well-respected web gurus stop talking HTML and CSS and start talking serious development. I love the way many of the old guard write and evangelize, but I’m tired of discussing basically the same stuff we were in 2006.” I wasn’t specifically referring to Jeffrey Zeldman, but he (somewhat arrogantly) assumed I was, and responded with a sarcastic, “And a merry Christmas to you, sir.” ...

   Web design,Model,Module focus,2012     2011-12-26 08:49:03

  CSS3 Animation With jQuery Fallbacks

In today's post, we'll be taking a look at how you can use CSS3 transitions to power your application's animations with jQuery's .animate() method as a fallback where transitions aren't supported. The benefit of transitions is that unlike JavaScript based animations, they're hardware accelerated in certain browsers and mobile devices, resulting in a potentially smoother overall animation than you would normally experience. In a lot of cases your code will work seamlessly with the solut...

   CSS3,Animation,JavaScript,jQuery,Demo     2011-08-19 08:10:58

  Ajax file upload tutorial

Step 1 - AJAX file uploadAJAX file upload tutorialFirst of all I have to say that to create a pure AJAX file upload system is not possible because of security limitations of JavaScript. All of the Ajax upload systems I know use some third party tool/package or only mimics the AJAX feeling. Even so it makes file upload process a bit nicer. In the next section I will present you a solution which imitates the AJAX process, but uses a normal upload process and iFrames.The concept: Create a simp...

   Ajax,File upload,PHP,Tutorial,IFRAME     2011-04-22 13:34:33

  6 Most Effective Methods to Code HTML and CSS

IntroductionJust few weeks ago, I have resigned as a "full on" web developer (frontend, backend, server admin and misc) and moved on to become a pure frontend developer (yay)! It is a really exciting change, as you might know frontend developer role didn't exist few years ago. Thanks to the introduction of HTML5, CSS3 and Javascript framework, frontend development has to be separated from backend due to its complexity, and I think I'm trained to fit in that gap nicely.For many years, I've equipp...

   html,CSS,Style,Design,Pattern     2011-05-26 10:42:21

  HTML5 Can Get the Job, But Can HTML5 Do the Job?

This post is part of our ReadWriteMobile channel, which is dedicated to helping its community understand the strategic business and technical implications of developing mobile applications. This channel is sponsored by Alcatel-Lucent. As you're exploring these resources, check out this helpful resource from our sponsors: Cultivating a Developer Ecosystem: Understanding Their Needs HTML5 is changing the way that developers create applications for the mobile Web. Yet, it is not the be a...

   HTML5,Future,Job,New feature     2011-08-12 07:45:29

  6 cool 3D effect websites

As an unique website design style, 3D effect design will bring the visitors of a website visual impact. Today we share with you 6 cool 3D effect website designs.1. Angry bird workspaceAbsolute funny website design, you can see a random bird move as you mouse moves.2. The story of SendA cool 3D design from Google, you can see a moving Gmail icon transmit along a wire.3. 2BrandA sliding effect 3D homepage, you can see floating cloud and bubbles.4. The Amazing Spider-ManSpider man game website, v...

   3D,effect, web design     2012-06-27 04:09:31

  Stop obsessing over HTML5 and CSS3

As web designers, we all seem obsessed by HTML5 and CSS3 at the moment. Endless posts, tutorials and discussion about them dominate the blogosphere. But how much are we learning that can be applied today? Don’t get me wrong. We all need to understand HTML5 and CSS3. And a lot of it can be used today. My point is that we seem to be spending a disproportionate about of time reading up on the subject when so many other areas deserve our attention. While others are reading yet another tut...

   Clients, Opinion, Web Designers     2011-06-24 00:55:06

  CSS box-shadow Can Slow Down Scrolling

Working on one of the Chromebooks Google lets you borrow on Virgin America flights, I noticed scrolling down the page on my airbnb.com dashboard was much slower than on my normal laptop. I chalked it up to weak Chromebook hardware, but other sites were scrolling just fine. box-shadow had caused slow scrolling on our search results page before, so I did some investigation.I used Chrome's Timeline tab to see the duration of paint events on the page. Before each test I forced a garbage collection a...

   CSS,box-shadow,performance,Timeline,Chromebook     2011-11-13 08:13:48

RECENT