Group items tagged

This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here. | Difficulty: Beginner; Length: Quick; Tags: Tools & Tips, Tutorials, Web Dev

Online marketing and virtual interface is successful through a good website. A good website works as an interface between the company and the target audience. To capture attention of potential clients, the online interface needs to have clear message, appeal, easy navigation and quick loading. It must interest the readers.

"There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."

Most of the times, your computer runs slow and this hampers the productivity of your work. Then what to do?? Well, you can find the solution for this when you know the exact problem. In this tutorial, we are giving you 10 most obvious reasons for slow speed of your computer.

It is really irritating when the laptop freezes and this hinders your work. Then what to do? Well, in this tutorial we are providing you some help regarding laptop freezing.

The release of Windows 8.1 is going to overpower Windows 8 very soon. The fundamental problem faced by every user with Windows 8 is that the modern interface of the Start screen works best on a Tablet instead on a PC. Also, there are other problems related to screen is available with Windows 8. Thus, the entry of Windows 8.1 overcomes the problems of Windows 8. Here in this tutorial, let's discuss about Windows 8.1.

Forgot the password of your Windows PC administrator level account? This hampers your work a lot. This tutorial can give access to it.

As the CEO of AXZM, Steve Floyd has worked hard to build the company he always wanted to work for. Founding AXZM in the spring of 2003, Steve has since grown his agency into one of the most recognized and trusted digital marketing boutiques in North Texas. Starting his career in the early 2000′s designing for print & web - later evolving into LAMP application development and over the last 5 years, Content Strategy, SEO & Inbound. Steve is also the founder / organizer of the Dallas Content Strategy Group and Co-Chair / Founder of SEMPO NTX.

Shopping is not an easy task. When it comes to buy a gadget for your work related needs, you need to be very specific and attentive. In this tutorial, we are highlighting business features among the different operating systems as well as the best specs for business which you should keep in mind while purchasing your smartphone.

Magnifying glass experiment using CSS3. Only works in Google Chrome at the moment and has very limited usage capability. But the initial idea is there and hope to extend with more features later on.

This is a demo site for CSS3. For most stuff you need Safari 4+, Chrome, Firefox 4 beta or Opera 10.5x to make these demos work. For 3D stuff, you need Safari 5 or the WebKit Nightly build.

The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that's your thing) with a single div and a single image. In this article I explain how the border-image shorthand property works in today's browsers.

One of the most demanded features for Twitter has been the ability to create groups, allowing members to focus on different sets of people they're following. For example, you could create groups for all of your fantasy league friends, colleagues at work, friends in real life, family members, and so on.

The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.

Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.

There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it's time to share the technique with the rest of the world and see how we can work together to improve it. I'm calling it "faux absolute positioning" after the faux columns technique that simulates the presence of a column.

I have written previously on the fine art of preloading images without JavaScript using only CSS. These caching techniques have evolved in terms of effectiveness and accuracy, but may be improved further to allow for greater cross-browser functionality. In this post, I share a "CSS-only" preloading method that works better under a broader set of conditions.

My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.

In the previous article in this series, we covered the basic concept of progressive enhancement; now, we can begin discussing how to use it. There are many ways to integrate progressive enhancement into your work using Cascading Style Sheets (CSS), and this article will cover a few of the biggies and get you thinking about other ways to progressively enhance your sites.

This must be the easiest way to get full support for PNG-transparency in Internet Explorer 6. The technique even works for PNG-transparency in CSS backgrounds. Credit goes to Angus Turnbull for creating this workaround. My hat is thoroughly tipped.