This post is part of our weekly series of our favorites design related articles. I have been trying to focus on providing useful content in the form of resources, tutorials and design news posts. This is the first news roundup post where I will be covering noteworthy news from the past week.
If you want to participate and share your resources, tutorials and design news. Please visit our submit tutorial, submit news page.
I think a lot of us CSS authors are doing it wrong. We are selfish by nature; we get into our little bubbles, writing CSS (as amazing as it may be) with only ourselves in mind. How many times have you inherited a CSS file that’s made you say “WTF” at least a dozen times?
HTML has a standard format and syntax that everyone understands. For years, programmers have widely agreed on standards for their respective languages. CSS doesn’t seem to be there yet: everyone has their own favorite format, their own preference between single-line and multi-line, their own ideas on organization, and so on.
Social networking apps have become all the rage, especially with mobile users. You can’t search on Twitter or any corner of the web without finding some reference to checkin apps. The two industry giants are Foursquare and Gowalla which have both been online for just a few years. They feature many similar functions such as user checkins, badges, and friend feeds.
One of the biggest hurdles when developing a website in Drupal is the initial setup and configuration. Out of the box, Drupal isn’t exactly “end-user friendly”.
If you’re like me, and you need to set up sites with a non-developer end-user in mind, there is a lot of face lifting that needs to be done before Drupal is presentable in a simple, easy-to-learn way.
Below, you’ll find some recommended Drupal modules that will extend the core installation in order to make content management easier for site owners as well as, you, the developer who builds sites using Drupal.
This free WordPress template has been designed to help you make your stuff look awesome, it’s focus is on clean, elegant looks and simplicity to allow your work to shine.
Off the back of this article in Net Magazine last week, and the subsequent few tweets popping up in my stream, I’ve finally managed (in no small part from the help of Nathan and Alex) to pull together some of my thoughts and concerns regarding CSS grids and how they could (or, maybe, should) be created.
In today’s post, I’m going to recount my experience of creating a cross-browser polyfill along with the lessons learned along the way. I’ll also give you some tips on how you can create your own polyfills and avoid some of the headaches developers often run into when coding them for the first time.
We are back with another issue of the “The Mad Lab” posts. This time we are putting the idea of arranging some visual content block – a block of HTML containing text, images, links etc – in to a super sexy interactive content gallery. Last time we created a slick image gallery display and this time we are going to tame some HTML code blocks in to a visual gallery presentation with interactive responses all using plain and pure CSS3 declarations.
Users like fast websites. That’s one of the universal rules of web development. To attain faster speeds, it’s common to use a process known as “minification” to compress the file size of JavaScript and CSS. Yahoo developed one of the most commonly-used tools for this, a command line program called the YUI Compressor. This open source project has become integrated into many other tools, including numerous websites that will minify any JavaScript or CSS you paste into a form field.
We often get potential clients innocently ask us “What does a website cost?” and as we’re sure you can appreciate, often it’s not a simple matter working that out.
As search engines make deals with social sites like Twitter, it’s obvious that social media affects SEO. But the question really isn’t if social media affects SEO. It’s more so on how it affects SEO, right?
Whether you’re a private individual or a business, setting up a website is important if you want to get a lot of mileage. Of course, getting a good WordPress host is essential if you want to maximize the functionality of your website. In this article, I list down everything that you need to know about getting a suitable web hosting for your site.
SEO or search engine optimization is big business in web design and search these days. In this article I’d like to focus on some current tips and tricks you can utilize on your site to boost your seo ranking in google, yahoo, bing and all other search engines.
In this video I demonstrate how to use the object expand feature in Adobe Illustrator to create outline (fill) shapes around your logo. A cool feature that you might use when creating logos.
The Web designing has gained significant popularity over the last few years and the main job of a web developer or a designer is to create websites and content management systems to promote the site. There are many applications used in the web designing which helps to create a theme for a website. The web designers largely depend on the commercial applications like Fireworks, Illustrations, Adobe Photoshop and Indesign to satisfy their graphic design requirements. There are also certain supporting applications such as screen shot snapping, cross browser texting, FTP uploading, pixel measuring and many more.
A short time ago I wrote an article that broke down the syntax for coding CSS3 linear gradients from scratch.
Once you get the hang of them, linear gradients are pretty simple to code. Radial gradients, on the other hand, are a little more complex.
So let’s finish off what I started in that earlier post and go through the syntax for radial gradients.
Like a lot of web-designers and developers, I’m quite excited about responsive web-design. It seems to be the answer to a lot of the problems we’ve been facing in terms of transforming our websites that were built for the desktop to work and look great on mobile devices and tablets. Say goodbye to fixed-width layouts.
This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..
Bring your pages to life by adding relevant rich media using our smart, sleek and easy-to-install player.
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.
