Categories
Web Design

Organize Your CSS Properties Alphabetically

Everyone who writes code does it a little differently. Sometimes we get lazy, or we don’t know any better, or there isn’t a clear standard. I have worked with a lot of different freelance coders and everyone has their own coding style. Today I wanted to share a little tip that I have recently had my team doing to better organize our CSS properties.

For years I was ordering my CSS properties by type, but every time I had to go back (months later) to make a change, or edit someone else’s code, I found that it really made it hard for others to edit.

Here is a sample of what my code looked like:

.class {
border: 1px solid #FFF;
width: 100px;
padding: 20px;
height: 100px;
position: relative;
z-index: 1;
border-radius: 20px;
}

So, I switched to ordering my properties alphabetically, which makes sense in my head, but I think as coders we could all save each other a lot of time if we did the same thing!

Here is what the code looks like now:

.class {
border: 1px solid #FFF;
border-radius: 20px;
height: 100px;
padding: 20px;
position: relative;
width: 100px;
z-index: 1;
}

If you have OCD about your code, this is a great way to organize your code! At Bearded all of my developers are now coding their CSS in this fashion so it is quicker for another coder to step in and edit.

So, how do you organize your CSS?

Categories
Web Design

6 Tools for Responsive Web Design

It seems like responsive web design is here to stay. I recently started designing and developing my new projects around the responsive web design methodology. Designing and developing with multiple screen sizes in mind, presents a whole new set of challenges for designers and developers.

I have put together a list of some great tools I have used to help make my new responsive websites work.

Categories
Tools & Resources

Defined: What Is The Cloud?

Image Credit: mnsc @fickr

The internet is always changing, it is always adapting, and it is always has something new to offer. The concept of the cloud is not a new one, but the internet is now in a place to make all our of cloud computing dreams possible.

Let’s take a look at what exactly this cloud thing is.

Categories
Tools & Resources

Simple CMS: A Preview of a Simple CMS

This is our first in a series of content management system previews. Church Website Ideas is taking time to highlight content management systems that we come across that might work for your church website. Today we take a look at Simple CMS, a basic but very powerful CMS that offers some unique features!

Categories
Web Design

Website Idea #4 – Make Your Site Mobile

Let’s be honest, you haven’t given any thought to making your church website mobile friendly. With smartphones everywhere in the US, as web designers we need to be aware that more and more people will access our sites from their mobile phones. Luckily, for website developers, this task isn’t that a big issue. There are CSS frameworks available in the market that allows users to make mobile versions of every web application.

Today I want to share with you some of my favorite plugins and frameworks that will make it easy for you to create a mobile version of your website. Enjoy!

Categories
Web Design

The Disadvantages of Flash

Adobe’s Flash technology has recently come under much debate in the design community. One one side of the debate, the strong willed Flash designers and developers, who have invested time and money into learning and developing for the Flash platform. And the other side, are the web designers and developers who want nothing more than a standard, HTML 5 to rule. I want to take a look at why Flash might be bad for your next website.

Categories
Tools & Resources

The 7 Best CMS Systems for Your Church Website

As a web designer, developer, or church staff member, you have to update your church website. Usually it is a small change, updating an event, posting a new sermon, or writing a blog post. The best and simplest way to update your website is using a content management system. These systems provide an easy user interface that makes your website easy to update, come with add on components that add in additional functionality, and allow you to easily change the design of your church website. Today I wanted to share the 7 best CMS systems you can use for your church website, enjoy!

Categories
Web Design

22 CSS Layout Tutorials and Tricks

CSS is the style guide for all websites, it tells the browser what the page should look like. Today I share with you 22 resources to help you with your CSS layouts. These tutorials and tricks range from liquid columns to adaptable view design concepts. Enjoy and if you have a link to share feel free!
Categories
Tools & Resources

23 Podcasting Tools for Churches

[icon style=”calendar” color=”blue”]Last Updated Jul 7, 2015 @ 5:54 pm[/icon]

A lot of the questions I have received over the last few weeks have been in regards to podcasting. Podcasting is a great tool we have today that allows pastors and churches to share sermons with their memebers directly from the church website. Also, users can subscribe to messages which will automaticlly download to their computer. Today I would like to share with you a list of 23 different tools you can use to create, share, or listen to podcasts! As always enjoy this list, and please add your own favorite tool if yours is not listed!

Categories
Tools & Resources

46 Joomla Resources for Churches

It’s all about Joomla today! Joomla is a free, open source Content Management System that is used to power a ton of websites. It has a huge community of developers behind it.  philiprabon asked for some resources in how to work with the Joomla system. These resources cover everything from  the initial setup of Joomla to free templates! If you have any questions about something please send us a tweet!