Articles > Tag > Css-html

There are so many useful online tools nowadays, I found myself have a few of them up my sleeve that I have been using because they are straight forward, quick and do exactly what they meant to do precisely and correctly. Most of the web development online tools are great time savers, and some even able to enhance the quality of your work and help you to produce high quality websites. One drawback though, when there isn't Internet connection you would not able to use them; in the other hand, if you are in client site, or remote area with Internet access, you will able to use them without any prior app installation.

CSS 3D Transforms have been a famous topic in web development industry. Tutorials, experimental demos and real life applications are almost everywhere! Even though it's only supported by latest webkit engine browsers (Chrome and Safari), the excitement and the coolness that brought by CSS 3D transform is simply irresistible!

Recently I was assigned with a frontend R&D task as part of the process to revamp our company website. We have decided to use responsive layout because based on a few information/facts:

I discovered this website from Mozilla Developer network called DemoStudio which gathered a bunch of cool CSS3 and Javascript effect. It reminded me of Chrome Experiment but this is Firefox version. Browsing around I found a few pretty impressive effects and you could probably use it in your website!

Dynamic Grid is one of the hottest page layout we can easily seen in web industry. As you can see, this phenomena is caused by the rising star - Pinterest which allow us to pin our favourite photo and share it in our pinboard. The whole sharing process is painless and pretty fast.

Image Sliders have been quite common solution to showcase works, products and services. Flash use to be dominating this area, but with the rise of Javascript framework such as jQuery and CSS3 slider with cool transition effects are achievable easily.

HTML5 has been with us for a while now and we have seen a lot of crazy stuff, another crazy stuff. How about some latest development of using HTML5 technology along with Javascript and CSS in website and web application design? Here in this post, we found 8 awesome HTML5 websites that will simply blow you away!

Boilerplate is a set of code that can be reused in many ways with little or no alteration. However, the boilerplates we are talking about here usually can be used as a base, a solid foundation for your projects. Additional benefit, it's also a good place to learn tips and tricks about coding too!

There are so many image gallery out there, literally hundreds of them. In case you missed it, you can read our previous post about 8 Image Gallery with Impressive transition effects weeks ago.

Due to popular demand, this tutorial is actually a revisit from my previous Twitter tutorial - Create a dead simple Twitter feed with jQuery. A lot of readers requested to be able to parse hashtag. So, I've decided to make a new version that able to do both plus some enhancements.

As a lead frontend developer, it's my responsibility to make sure I'm keeping up-to-date with the web development industry trend. I reckon it's important and should be part of my job because my company will have to rely on my input regarding the best solution or possible technical difficulties during the development process. From HTML to HTML5, CSS to CSS3, Javascript to Javascript framework, it's a fast pace industry and if you leave behind, you're out of the market!

Good day! Today we are giving away Mobinodo Sprite Master Web for Mac user!

Website animation has became one of the design trend this year, check out my previous about about website with javascript animation effects. A lot of company has started to move forward and embrace HTML5, CSS3 and Javascript trinity, though not much of intensive animation like flash, with good planning and creative thinking, simple animation with those technology are good enough to impress most of us.

Parallax scrolling effect is one of the hottest techniques many of us have seen around the web. All credit must give to Nike Better World campaign. It stirred such a hugh ripple in web design and development industry and everyone was talking about it. Me, myself was totally amazed by theirs creativity and boldness. This technique involves several large background images, scrolling, mathematic calculation for each sprite to be in right position and good timing for the parallax effect.

Continued from our previous posts on Tips, Tricks and Tools You Will Need to Start Using HTML5 Today. Now we present the second series about References, Presentation, E-Book and Tutorials.

How Javascript has evolved the Internet! It's positive changes in my opinion. Modern web browsers, computer hardwares and fast Internet have enabled the ermerging of sophisticated websites that driven with high quality graphics and thousands line of Javascript code to perform cool animations.

Today, we are going to build a TAB interface. Well, not your ordinary TAB interface, this version come with history support. Yes, you can use Back and Forward button in your browsers, and also it has an URL for each TAB as well.

HTML5 has been a really hot topic in web development. With the support of most modern browsers available (Safari, chrome, firefox, IE10 and mobile devices), even though the specification has not fully completed yet, but many people have already adopted it as the main technology for all the web development projects. Online giant websites such as Google, facebook, twitter and youtube, they are all built in HTML5!

WARNING: Addictive games alert, if you want to stay productive, do not click on any of these links. :P

Internet is full of freebies for web designers and developers. Today, we will be covering 42 free UI Kits and templates. All of them are editable in PSD format and mostly covering all of the basic UI elements such as textfield, checkboxes, radio buttons, buttons, drop down menu and some other cover extensive list of elements.

jQuery is a really good addition to web development. Not only it's easy to use but also has a big developer community. I given up on Javascript once, but jQuery simply change the whole game - animation, interactive component and web elements can be made quickly and easily. And, most of the time, we don't even have to made it ourself, there are thousands of variety and useful plugins out there, from simple web elements such as slider, accordion, modal window to complex animation, face recognition, and perhaps phone number lookup in the future. This week, I did a round up on some pretty new and interesting jQuery plugins. Hope you will find something useful here.

Google Map is one of my favorite tools to search for direction because of its speed and accuracy. Nowadays, we always receive request from clients from basic implementation (integrate Google Map into contact section) to fairly complicated implementation (Store location javascript with distance calculation). All of these will involve certain level of Javascript knowledge and understanding of Google Map API.

Browse through dozens of job offers for web professionals including design jobs and tech jobs

EDM (Electronic Direct Marketing), most of the time refer as email marketing, html emails or newsletters. They are used to announce new products release, promotion or important announcement to consumers. Well, we will not discuss about how electronic marketing campaigns work. In Queness, we always focus on technical part to web designers and developers.

This tutorial will guide you how to build a jQuery script that reads and parses XML file and display data in random order. I made this because I believe some of us might get this kind of request from clients. Eg, load the frontpage promotional tiles randomly among 8 tiles but display only 4 of them and JavaScript is the only option to do it. However, one should aware the pros and cons of this approach: