55+ Extremely Useful Online Generators for Designers In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. Well as I focus more on my personal brand in 2015, I made the crucial move of switching domain names. As you noticed with this change, I got a new site design. I didn’t want to spend too much time creating a custom theme, so I used my friend Michael Hyatt’s theme which you too can buy if you like: GetNoticed. I did customize it to give it a bit of personal touch. The main reason why I chose this theme is because of all the amazing functionality it comes with. I also made everything SSL which is a move that we’ll be making across all of our websites this year. This will make a good case study because I can see how much this impacts my SEO traffic both the domain switch and SSL overall.
26 awesome Firefox add-ons for web workers If you aren’t yet a Firefox user, you may want to become one after reading this post listing Firefox extensions for designers. Of course you shouldn’t install it all, you shouldn’t bloat your Firefox (consider using profiles for using more extensions). This collection of Firefox extensions for designers gives you some of the best Firefox add-ons for web workers and designers. Must-have add-ons for web developers These are the classics firefox extensions for designers, you probably already know all of it if you’ve been using Firefox for a while. Web Developer toolbar Toolbar with various web developer tools, this is the first add-on I install when doing a fresh Firefox install. Firebug Edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. With Firebug, you can also install many other Firefox extensions for designers to extend its capabilities, these are some of them: Pencil Pencil is an add-on to do GUI prototyping and simple sketching. Working with color ColorZilla FirePalette
Ways Filter Information | Using social media to guide and help y By admin Sunday, June 23, 2013 Facebook has a very huge source of online business, blogging being conducted with the help of Facebook pages. The time line mainly focused on the following aspects: It’s very important aspect as the first thing people are going notice is the cover of the page. This image is also something to be given some importance because it’s going to be displayed with every conversation you make; you can also be creative in designing it by making it look like a continuation of the cover pic. Covering from the top now we hit the mainstream of timeline itself. PINNING – it’s the ability to make one of your post static or sticky, meaning it always stays on the top of your timeline. HIGHLIGHTING – it makes a particular post displays double wide as compared to normal ones on both sides of timeline.
15 Awesome tutorials and resources for web developers A new week is coming and in this post I want to suggest you some interesting tutorials and resources for web developers I bookmarked this week. If you want to suggest a link, please leave a comment.1. InfoVis ToolkitThe JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web. It supports multiple data representations: treemaps, radial layouts, hypertrees/graphs, spacetree-like layouts, and more. 2. Vaadin is a Java framework for building modern web applications that look great, perform well and make your user happy. 3. 4. Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. 5. 6. FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. 7. 8. This tutorial illustrates how to implement an amazing music player using mouse gestures & hotkeys in jQuery. 10. 11. 12. 13. 14. epiClock 15.
99 Essential Twitter Tools And Applications | Developer's T 99 Essential Twitter Tools And Applications If you haven’t heard of Twitter1 by now, you must be living under a rock! It is everywhere, and everyone is using it. Below, we present 99 Essential Twitter Tools and Applications, split into the following categories: Tools and Productivity Apps, Statistics and Analytics, Find New Twitter Friends Apps, Search Twitter Apps, Web-Based Mobile Apps, WordPress Twitter Plug-Ins, Adobe Air Twitter Apps and Firefox Twitter Extensions. You may want to take a look at the following related posts: Tools and Productivity Apps Link Twittercal6 Twittercal is a service that connects your Twitter account to your Google Calendar and lets you add events easily, directly from your Twitter account. Twitpay8 TwitPay is a simple way to send payments via Twitter. Twibs10 Find, follow and interact with businesses, apps and services on Twitter. Twittermail.com12 Users can post to their Twitter account by sending a message to their own unique email address. Mr.
15 jQuery Plugins For A Better Photo Gallery And Slideshow Photo Gallery, picture gallery, or slideshow are the best way to showcase your images/photos to your readers. There are a lot of different methods to create them and today we are going to look into different jQuery plugins that can be used to create a better photo gallery. 1. GalleryView GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize. 2. Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. 3. Galleria is a javascript image gallery written in jQuery. 4. Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos. 5. Supersized is an image gallery built by BuildInternet.com and it is able to slideshows the images with full screen. 6. slideViewer 7. 8. EOGallery is a web animated slideshow gallery maid with jQuery. 9. jQZoom 10. jqGalScroll 13. 14.
Informative And Usable Footers In Web Design | Design Showcase Advertisement Website designs have so many different elements that work together to convey information in a usable and organized manner. For a website to be effective, every element on the page, from the header to the footer, needs to add to its overall usability and readability. In this article, we’ll take a look at the footer and see what exactly makes for a good website footer. We’ll look here at what to include in footers, the importance of site maps, usability practices and styling ideas and trends. What To Include In Footers Before we go over how exactly to design the footer, let’s talk about common elements to include in footers and the importance of each. Site Map Usability is foremost in importance in Web design. In the site map below, visited pages show up differently than the other links. Quick “About” or “Contact” Information This is a good idea for freelancer portfolios, business websites and other similar websites. Be sure to make the information brief, though. Styling Footers
25 Fun & Creative Web Designs From DeviantArt | Spyre Studios How many web designers can say that there are too many places to draw inspiration from? Exactly. None. Inspiration is welcomed from high and low, far and wide. Sure, there are css galleries you can check out, or even other designers portfolios you may be friends with on twitter or other social media websites, but what about DeviantArt ? I have taken the time to gather some of the best, most creatively designed websites from users on the site and put them together in this list of 25 Fun & Creative Web Designs. Some of the popular elements in the designs below include: Trees & leaves Light blurs Cartoon characters Realistic animals Water Sky/clouds So sit back, relax, and get inspired! Bird House ↓ Bonza ↓ Creative Flu ↓ Deewater ↓ Designers Junior ↓ Designers Weblog ↓ Detskiy ↓ Feartox ↓ Garden First Aid ↓ Iihe ↓ Imagine Air ↓ Insurances ↓ Kempes ↓ Kindergarten ↓ Kosmos Travel ↓ Lion City ↓ Panda Sofas ↓ Portfolio ↓ Private Planes ↓ Some Web ↓ Sports Deluxe ↓ Tateljee ↓ Web Agency Web Design ↓ Zoom ↓
20 Tools to Make the Life of a Web Developer Easier - Nettuts+ Developing a well-rounded aesthetically pleasing website can be a daunting task even for the most seasoned web developer. You must identify current trends and standards and determine ways to incorporate them into your designs. Luckily, there are many free tools which are available that can help you speed up your efforts and work in a more efficient manner. Below are 20 tools which are sure to benefit all developers. Typetester Typetester is an online application for comparing how different fonts and font attributes will appear on a given set of text. pForm Create a php form in seconds with this free and easy to use tool. ColourLovers An international site created for color lovers. Firebug Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. HTML Entity Character Lookup Need to know how to display the trademark symbol on one of your pages, this tool if just for you. 960 Grid System Em Calculator Browser Shots Icon Finder WhatTheFont Pingdom
How To Use Help Elements To Improve Your Designs | Design Showcase Advertisement When designing a website, the most important thing is to make it as usable and convenient as possible. On a website on which users could possibly get confused, it is best to include help elements. With the number of forms, search functions and other navigational elements on websites these days, using them can occasionally become confusing for some users. Below is a compilation of best practices for help elements, an explanation of when to use them and a showcase of excellent help elements. You may also be interested in the following related posts: When To Include A Help Element Convenience is key to a website, and going the extra mile to make a website more convenient can go a long way. 1. 2. The form below is nicely laid out; it’s clean and has good explanations of each form element. 3. 4. What To Include What to include depends on the type of element and where it is being used, but there are a few guidelines to making a “helpful” help element. Usability Is The Key It's done.