background preloader

Web Design

Facebook Twitter

CSS

AnythingSlider feature request - swipe support - CSS-Tricks Forums. Responsive Web Design. Images. Forum Software. CSS-Tricks. Create Local Websites With Ampps. The majority of web developers develop their websites and services locally before they publish them on the Internet. This makes sense in a variety of ways, from saving a lot of bandwidth to faster updating or improved security. Even better, new technologies have made it a lot easier to setup a local web development system on any PC. Ampps, which stands for Apache MySQL PHP Python Softalicious, is a free web development environment for the Windows and Mac OS X operating systems that can be installed with just a few clicks. Once up and running, it is up to the user to install web applications from the local admin interface.

The program can install 260 web applications that include highlights such as WordPress, Joomla or Drupal, and lesser known applications such as the course management system Moodle, several types of Wikipedia-like applications or feed aggregators such as Gregarius. A click on install opens the software setup page with all information filled out automatically. YouTube Embedded Player Parameters - YouTube APIs and Tools - Google Code.

Career Dev

Blogs. Tech. SEO. Why DIY Websites Are Many Times a Horrible Mistake. So you’ve finally made the decision – you need a new website. If that’s the case, you’re probably trying to figure out if you should hire a professional or try to go it alone. If you’re a small business or a tech savvy marketer, you’ve considered doing it yourself or maybe even decided to take the DIY website route. For some, this can be a great decision. For others – aka most – this can be a disaster. The DIY Website Designer Lately I’ve received a lot of emails and calls from people who ventured down the DIY website path only to find themselves going astray. Our website development process includes a 90+ point project plan that is broken out into project kick-off, collection of client deliverables, research and planning, custom theme design, website build, and final optimization for search. I’m not implying the non-web designers can’t create their own website. But What About DIY Services Like Website Tonight?

How can that be? So what’s the problem? Why Hire a Professional Web Designer?

Fonts

Grid. Testing/Debugging. Marketing. Does Your Landing Page Say Trust Me? Web development mistakes. Translations of this article are available. This is a compilation of web development mistakes that I originally wrote about in the posts Web development mistakes and Web development mistakes, Redux. The list contains mistakes that are commonly encountered on the web, along with an explanation of why I consider them mistakes.

I also try to offer a way of avoiding each mistake, as well as links to more information on some of the mistakes. DOCTYPE confusion Completely missing, incorrect, or in the wrong place. Why? <span> mania A common way of styling something with CSS is to wrap it in a <span> element with a class attribute and use that to hook up the styling. Why? (too much) Visual thinking Treating the web as WYSIWYG – starting off by focusing on how things look instead of thinking about structure first, and presentation later. Why? Lack of semantics Non-semantic markup.

Why? Character encoding mismatches Why? Bad alt attributes Missing or useless. Why? Invalid id and class attributes Why? Why?

eCommerce

15 Excellent Corporate Blogs to Learn From. This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business. Creating and maintaining a corporate blog, or a blog of any sort for that matter, isn't always the easiest of tasks and doesn't come naturally to most people. There are a lot of considerations to take into account — theme, topics, audience, content, design, writers, multimedia, promotion, writing style, comment policies, and so on. Above and beyond all of that, you also need to consider the blog's name and URL. Although the act of creating blog posts can be quite simple, forethought and planning must first go into the creation of a corporate blog in order to keep the processes running smoothly, especially if multiple bloggers are involved.

We recently outlined 10 tips for corporate blogging for businesses hoping to focus on key elements of creating a blog in the corporate world. 1. 2. 4. 5. 6. 7. 8. 9. 10. 11. 12. Taking the Guesswork Out of Design. Creativity breathes life into successful websites. However, creative ideas and solutions can sometimes seem like guesswork—and guessing is risky business. So what can designers do to show clients they’re using a solid strategy and have the best intentions? The following exercises are a great way to start discussing and documenting aspects of design to help clients shed their fear of creativity and encourage them to join the design process. Set clear goals#section1 Some people feel they know why a website should exist, but struggle to create direct and measurable goals.

A modified acceptance criteria exercise is the simplest and most effective tool I’ve found for setting clear and powerful goals. Example request: We’re redesigning our website because we need more traffic and an updated look, and want to become more respected in our industry. Example goal template: We want to __________ because ____________ so that ___________. Example goals: Organize the pages#section2 Example result: A List Apart.