Designers & Programmers

There is so much to learn about WordPress theme development. The Internet is home to hundreds of articles about building WordPress themes, to countless theme frameworks that will help you get started, and to endless WordPress themes, some of which are beautiful and professional but not a few of which are (to be honest) a bit crappy.

PSD Mockup Designs Boost Your Productivity For most designers, the effort of creating great work comes in the form of working in 2D for hours or days within Photoshop. Brand designs for beverage cans, books, cereal, brochures and even software are painstakingly crafted with excruciating detail.

In this video post I will guide you through the whole process of how to create a responsive WordPress site without you touching a single code. Well, at least for the first part. The first video focuses on how to setup a responsive WordPress site using Bluehost as your host, and along with it is a special discount for 1WD readers.

The pseudo-classes are used to target elements without having to add extra classes, attributes or ID; that is why it is called in that way, pseudo-class. Throughout our previous posts, we have covered a few new CSS3 pseudo-classes, including :not, :before and :after, :first-of-type and we also use pseudo-classes in ...

27th Apr 2013 | Posted by Yahya | No Comments Every month we presented you with a showcase of beautiful WordPress websites. Last month we have Green WordPress Websites and today we bring 22 beautiful WordPress websites featuring the color brown. Brown represents simplicity, friendliness and dependability.

With so many new trends advancing every year it can be difficult keeping up with the industry. Website designers and frontend developers have been deeply ingrained into the newer CSS3 properties, determining the ultimate browser support and quirky hacks. But there are also brilliant CSS2 code snippets which have been ...

The WordPress Loop is a core feature of WordPress that is designed to display content dynamically on a page. It is the liaison between WordPress and it's MySQL Database counterpart and determines what database queries are ran.

6th May 2013 | Posted by Eko S. | No Comments You're excited- you've just had a great idea for a new blog, and you can't wait to get started. With all the specialized software, online tools, and design-based mobile apps available today, you'd think that pulling together a design project would be simple, right?

If you are looking for some new outstanding way to improve your WordPress workflow you are in a right place. Experienced developers have found a really great one that will truly improve your website. They would like to share it with the WP Mayor community. We want to present you the intuitive MotoPress plugin.

We are excited to announce a fantastic new workshop led by Instructor Tom McFarlin: Introduction to WordPress Plugin Development Are you an aspiring WordPress developer? Are you ready to take the next step and start building your own custom plugins for WordPress? Our newest Tuts+ Live Workshop is the perfect way to get started!

WordPress shortcodes are super handy, especially when handing off a WordPress-based website to a client. The alternative to using shortcodes is creating complicated templates, and even then, you cannot adequately replace what shortcodes can do. I recently needed to implement a new shortcode for the Mozilla Hacks blog and was happy to learn how simple the WordPress API makes creating new shortcodes!

If you're into social networks, you probably are on two of the biggest platforms, Facebook and Twitter. Trying to catch up on tweets can be a time-consuming task, but if you can't help but get your daily dose of tweets, why not try getting them in a different way. Rather ...

In web design there are a lot of combinations that deliver a beautiful page, including the image + text duo. Combining beautiful images and nice/readable text can result in a eye candy touch that will get your user's attention. To show you that, today we gathered some inspiring examples of the image - text duo in action.

A software however good has to improve continuously or will be outdated very soon in this time of fast technological change. WordPress is highly popular and a strong community around it also is enhanced continuously to make it more and more useful to its users.

We're starting a new series of blog posts featuring " Case Studies " of unique projects that experiment with the boundaries of the Web and create trends. Most of them have been Site of the Day on Awwwards.

Adaptive design has evolved from being a strong trend to become a reality of the web today. In a world that has been conquered by mobile devices over the past two decades, no one now understands a website that cannot be viewed on different screen resolutions, or at the very least the minimum provided on smartphones and tablets.

Flat Social Media Icons is a collection of beautiful icons developed in the flat style. As you already know, we have issued several UI kits in the flat design style, namely Square UI (paid and free versions) and Flat UI (paid and free versions), and we've decided to create free social flat icons, so that the entire design fits the style. In the pack, you will find 35 icons (PNG and PSD formats). Use them in your projects, commercial and non-commercial use if free. Icons included in the pack: Blogger, Delicious, Designbumb, Designfloat, Designmoo, Deviantart, Digg, Dribbble, Drupal, Facebook, Forrst, Foursquare, Friendfeed, Gmail, Google, Google+, HTML5, ICQ, LastFm, LinkedIn, PayPal, Picasa, Pinterest, Reddit, RSS (Feed), Skype, Stumbleupon, Technorati, Tumblr, Twitter, Vimeo, WordPress, Yahoo and YouTube. Source: http://designmodo.com/flat-social-icons/#ixzz2VFUkPHSw

Adaptive images are the current hot topic in conversations about adaptive and responsive Web design. Why? Because no one likes any of the solutions thus far. New elements and attributes are being discussed as a solution for what is, for most of us, a big headache: to provide every user with one image optimized for their display size and resolution, without wasting time, memory or bandwidth with a client-side solution..............

I want to share a fantastic little tool that I've only recently come across; Live.js, written by Martin Kool. This JavaScript file automatically checks for changes to your CSS and JavaScript files, and refreshes them. That means you can have your text editor in one half of the screen, and a web browser in the other. When you save changes in the editor, the updates are reflected immediately in your browser. It really helps to speed up your development time. A lot of text editors offer HTML previews and such, but they only work for plain .html pages. The great thing about Live.js is that it works on any webpage, including a working WordPress theme...............(.read more.)

I recently travelled 2517 miles to try to solve 50 problems in 50 days using design - a journey that would challenge me to fundamentally rethink my understanding of the user-experience design process. I set myself a challenge. I wanted to test the limits of design's ability to solve problems - big and small. To do this, I left the comfort of my computer chair and set out into the unknown. Each day, I had 24 hours to observe a problem, attempt to solve it and then communicate the solution.............read more