Designbeep http://designbeep.com a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles Thu, 24 Jul 2014 11:11:27 +0000 en-US hourly 1 http://wordpress.org/?v=3.9.1 WP Theme Of the Day #222 – Nikka – Super Clean Portfolio WordPress Theme http://designbeep.com/2014/07/24/wp-theme-of-the-day-222-nikka-super-clean-portfolio-wordpress-theme/ http://designbeep.com/2014/07/24/wp-theme-of-the-day-222-nikka-super-clean-portfolio-wordpress-theme/#comments Thu, 24 Jul 2014 11:11:27 +0000 http://designbeep.com/?p=50838 Nikka, an Enjoyable and refreshing choice for all kinds of Agencies & Creative workers out there. It is a perfect choice for Artists, Creative Agencies, Collectors and the ones who need to showcase their work in a beautiful yet elegant way.

It’s magnificent design and yet flexible effects and settings let you to take the most out of your theme and present a different and unique result for yourself or your client.

portfolio wordpress theme

[gpp_button color="blue" url="http://themeforest.net/item/nikka-ajax-portfolio-wordpress-theme/full_screen_preview/8273610?ref=cinim" title="best wordpress themes" icon_left="external" target="_blank" size="medium" display="inline"]DEMO[/gpp_button]    [gpp_button color="blue" url="http://themeforest.net/item/nikka-ajax-portfolio-wordpress-theme/8273610?ref=cinim" title="wordpress theme" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

Theme Features:

  • HiDPI (Retina) Ready
  • Fully Responsive
  • Super Smooth CSS3 Animations
  • Fully AJAX Template
  • Exclusive Portfolio Mosaic Gallery
  • Advanced Search Engine Optimization
  • AJAX Portfolio & Blog
  • Optimized for Page Speed
  • Preloader (On/Off Switch)
  • Embeding Videos [ YouTube, Vimeo, ... ]
  • More than 40 Portfolio Layouts
  • Portfolio Filtering
  • 2 Types of Blog
  • Post Format Ready Blog
  • Full Width Gallery Slider (Revolution Slider 19$ Value)
  • A Set of Super Handy Shortcodes
  • Social Sharing Buttons
  • Unlimited Colors
]]>
http://designbeep.com/2014/07/24/wp-theme-of-the-day-222-nikka-super-clean-portfolio-wordpress-theme/feed/ 0
Free Font Of The Day : Atiza http://designbeep.com/2014/07/24/free-font-of-the-day-atiza/ http://designbeep.com/2014/07/24/free-font-of-the-day-atiza/#comments Thu, 24 Jul 2014 11:11:19 +0000 http://designbeep.com/?p=50841 Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies?
Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Atiza comes from Pablo Bosch.

Atiza was originaly designed as text face for being used in printed magazines, but with characteristics to be also used in newspapers.High X-higher and relative low contrast makes Atiza very legible at small sizes and perfect to be used in long texts.
free fonts

3.Free Font Of The Day  Atiza

4.Free Font Of The Day  Atiza

5.Free Font Of The Day  Atiza

6.Free Font Of The Day  Atiza

7.Free Font Of The Day  Atiza

[gpp_button color="blue" url="http://www.pablobosch.com/" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

[gpp_button color="black" url="http://designbeep.com/category/freebies/fonts-freebies/" title="free fonts" icon_left="external" target="_blank" size="medium" display="inline"]View All Free Fonts[/gpp_button]

]]>
http://designbeep.com/2014/07/24/free-font-of-the-day-atiza/feed/ 0
The Best Designing Principles Behind WordPress Website http://designbeep.com/2014/07/23/the-best-designing-principles-behind-wordpress-website/ http://designbeep.com/2014/07/23/the-best-designing-principles-behind-wordpress-website/#comments Wed, 23 Jul 2014 12:26:04 +0000 http://designbeep.com/?p=50803 Amidst the innumerable content management systems (CMS), ranging from open-source to paid, WordPress is one of the best CMS for your website. WordPress is the way to go, no looking back. It has held its fort strong over the last few years and is the most preferred web design and development platform. Therefore, incorporating the best functionalities in it is the primary responsibility of the designers. Today’s blog post aims at pointing out the designing principles behind creating the best WordPress website.

Optimized search engines

SEO
Search engine optimization (SEO) is an important aspect to ensure that your site draws as much targeted traffic as possible. Some WordPress plugins come with built-in SEO features and they are great to use. Check out some of the best WordPress plugins in 2014.

Google XML Sitemap
Google XML sitemap WordPress plugin generate a clear XML sitemap to help search engine index your website in a better and easy format.

Use Google Libraries
Use Google libraries help to speed up your website by loading the default script like jQuery and commonly using script files from the Google content delivery network.

W3 Total Cache
W3 Total Cache WordPress plugin optimize the WordPress website, follow the Google page speed guidelines to make your site superfast.

Breadcrumb NavXT
Breadcrumb NavXT improve the user experience by providing current location navigation links with parent category.

Recommended:50 Best SEO Friendly WordPress Themes

Responsive design is the latest trend

responsive-web-design
Responsive web design is the latest buzz and has become a necessity for designing a WordPress website. Responsive WordPress themes are new and still in constant development. It has been observed that 22% of the page views in 2013, came from mobile devices which is clearly a double growth if compare to 2012. This is because responsive design ensure maximum readability and usability on mobile devices. This in turn increase the scope and ensures maximum ROI to the business.

Recommended:28 Free Responsive WordPress Themes

Integrate full screen video

fullscreen-video
Incorporating videos in the WordPress site is one of the latest ideas that are being used by the WordPress developers. This designing technique is supported by full HTML5 Media features and HTML5 video and audio support. Including video content as visual creatures when creating WordPress site is important for boosting online traffic. Videos can deliver the message which is sufficient enough to create a strong online presence. According to recent researches, approximately 100 million users are sharing, posting and commenting on YouTube every week.

Construct the basic elements

Once you have chosen a few WordPress themes, consider designing a few basic configurations to enhance the function of your website.

Start AKismet

AKismet is one of the popular tool to detect spam comment, provided you have plan to allow comments on your article. Activate it and generate API key.

De-activate comments
If you don’t want to allow comments direct to
– Settings
– Discussions
– Uncheck ‘allow people to post comments on new articles’.

Design permalinks

Enable permalink structure and paste in ‘%postname%’ to make your URLs much friendlier to search engines and RSS readers.

Flat design to communicate clear message

flat-website-design
Flat design websites are getting more and more popular with some of the designs incorporating shades of skeuomorphic design in order to keep the balance. Few shades of colour or gradient with images makes message clear and navigation much easier. The flat design WordPress themes are the embodiment of the current trend. The designs enable the users to take note of your site especially when they find it difficult to navigate the complex website of your competitors.

The One-Page site

When someone stumbles on your blog, you want them to be able to find everything they need as quickly as possible. So why to follow the traditional method of creating separate pages for Home Page, About Page, Contact Page or product Page, when you can fit all the information into a single page? Help users scroll down and view different sections or pages in one shot. This is gaining in popularity as businesses want to have their web presence not only in desktop computers but also in mobile and tablets. Moreover, single page websites are economical enough to design.

Recommended:50 Inspiring Single Page Website Designs

Set up caching

When multiple people are viewing the same page, WordPress processes that page on your server. This involves recovering both the title and content from the database and effecting other processes. Therefore, display a static version instead of processing the page for every requests. Using W3 total Cache plugin is the best solution. The plugins offers ‘Minification’ feature which remove all white space from your HTML, CSS and JavaScript files and make your file smaller and faster to load.

The use of best fonts

google-fonts
To dramatically improve the design and professionalism of your website use great fonts. Using Google Fonts on your WordPress site require adding code into your theme’s style.css file. This plugin allow you to easily work with different fonts in the directory and quickly change any CSS you want. It also allow you to change and trial fonts on your site in real time without having to change any code. Working with Google font ensure that all the fonts are directly accessed from the Google directory and work on practically any machine with any browser. The font that you choose will largely depend upon what you are trying to convey with your design. Fonts are used to capture the interests of the site’s readers.
It is a good practice to avoid too many fonts for a particular WordPress site design. It makes it difficult to balance more than two fonts and using more than two typefaces on one site can create visual issues.

Large background image

background-image
Perhaps one of the best ways to make your site look unique is to add full screen background image. The header and the background are two graphical components that visitors definitely take note of. This designing strategy helps you to get an artistic as well as minimalist design. All you have to consider is the image size and scaling that size for different devices, screen resolutions and browsers.

Recommended:50 Creative Use Of Large Background Images in Web Design

Install Analytics

channels
When we speak of Analytics, Google Analytics is one of the most popular Analytics. Analytics enable you to track visitors with huge amount of data including

– How they landed on your website?
– How long they stayed?
– How many pages they viewed?
– Which pages they viewed?
– How they interact with your site’s content?
Google analytics in WordPress website track the geographical location of your audiences and other information including screen resolution, JavaScript, language and Flash support. Most importantly, it generates comprehensive site statistics for your website.

Following the above mentioned principles will help you to get a high-quality WordPress website running in very little time.

]]>
http://designbeep.com/2014/07/23/the-best-designing-principles-behind-wordpress-website/feed/ 0
Patternbolt : SVG Pattern Backgrounds in Single CSS or SCSS File http://designbeep.com/2014/07/23/patternbolt-svg-pattern-backgrounds-in-single-css-or-scss-file/ http://designbeep.com/2014/07/23/patternbolt-svg-pattern-backgrounds-in-single-css-or-scss-file/#comments Wed, 23 Jul 2014 12:24:03 +0000 http://designbeep.com/?p=50798 Patternbolt is a fine selection of SVG pattern background, packed in a single or SCSS (or CSS ) file.

Just put it in your project and add the right class to your elements. You can easily change pattern color and the pattern size changing the background css property, check the demo page to see how to do it. The pattern is added in a “after” element and your original element still be inalterate and ready for manipulations. As they are vectors they never pixelate, not even on retina screens.

svg-patterns

There are 16 available background pattterns but more coming soon.

svg-pattern-background

[gpp_button color="blue" url="http://buseca.github.io/patternbolt/" title="svg pattern backgrounds" icon_left="cloud-download" target="_blank" size="medium" display="inline"]Demo & Source[/gpp_button]

]]>
http://designbeep.com/2014/07/23/patternbolt-svg-pattern-backgrounds-in-single-css-or-scss-file/feed/ 0
Mobile App Design Inspiration – InPočasí (weather app) http://designbeep.com/2014/07/23/mobile-app-design-inspiration-inpocasi-weather-app/ http://designbeep.com/2014/07/23/mobile-app-design-inspiration-inpocasi-weather-app/#comments Wed, 23 Jul 2014 12:22:03 +0000 http://designbeep.com/?p=50827 his is our daily mobile app inspiration article for our loyal readers.Every day we are showcasing a mobile app design whether live on app stores or only designed as concept.

Today’s mobile application InPočasí (weather app) is designed by Marek Levak.

InPočasí is an iOS Application Design for a weather service.

2.Mobile App Design Inspiration

3.Mobile App Design Inspiration

4.Mobile App Design Inspiration

5.Mobile App Design Inspiration

6.Mobile App Design Inspiration

7.Mobile App Design Inspiration

8.Mobile App Design Inspiration

]]>
http://designbeep.com/2014/07/23/mobile-app-design-inspiration-inpocasi-weather-app/feed/ 0
Free Font Of The Day : Olinda http://designbeep.com/2014/07/23/free-font-of-the-day-olinda/ http://designbeep.com/2014/07/23/free-font-of-the-day-olinda/#comments Wed, 23 Jul 2014 12:20:06 +0000 http://designbeep.com/?p=50793 Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies?
Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Olinda comes from Luís Paulo.

Olinda is a free font inspired by a specific style of Victorian architecture, which is generally found all over the globe, yet is mostly based on the typical Victorian houses found in the UK.

2.Free Font Of The Day  Olinda

1.Free Font Of The Day  Olinda

[gpp_button color="blue" url="http://freebiesbug.com/download/Olinda-free-font.zip" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

[gpp_button color="black" url="http://designbeep.com/category/freebies/fonts-freebies/" title="free fonts" icon_left="external" target="_blank" size="medium" display="inline"]View All Free Fonts[/gpp_button]

]]>
http://designbeep.com/2014/07/23/free-font-of-the-day-olinda/feed/ 0
WP Theme Of the Day #221 – Garnet – Creative Portfolio WordPress Theme http://designbeep.com/2014/07/23/wp-theme-of-the-day-221-garnet-creative-portfolio-wordpress-theme/ http://designbeep.com/2014/07/23/wp-theme-of-the-day-221-garnet-creative-portfolio-wordpress-theme/#comments Wed, 23 Jul 2014 12:18:07 +0000 http://designbeep.com/?p=50790 Garnet is a clean lightweight and elegant responsive WordPress theme suitable for any Portfolio. Theme came with lots of options but still keep it easy to use. the theme focuses mainly on showcasing portfolios for artists, web designers and illustrators while provides a warm and pleasurable atmosphere for visitors and your potential clients.

Garnet is easy to install and customize so it is perfect for both users with no programming background and experts.

creative wordpress themes

[gpp_button color="blue" url="http://themeforest.net/item/garnet-creative-portfolio-wordpress-theme/full_screen_preview/7428185?ref=cinim" title="best wordpress themes" icon_left="external" target="_blank" size="medium" display="inline"]DEMO[/gpp_button]    [gpp_button color="blue" url="http://themeforest.net/item/garnet-creative-portfolio-wordpress-theme/7428185?ref=cinim" title="wordpress theme" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

Theme Features:

  • Custom Homepage drag-drop
  • Custom Post Type – Portfolio, Team, Testimonial
  • Page Template – Portfolio, Team, Services, Left or Right sidebar, Full width
  • Portfolio – Infinite Scroll or Paged
  • Responsive Design
  • Unlimited Colors
  • Retina ready
  • Translation Ready
  • Powerfull option panel
  • Bootstrap 3
]]>
http://designbeep.com/2014/07/23/wp-theme-of-the-day-221-garnet-creative-portfolio-wordpress-theme/feed/ 0
Mega Bundle ! 40 Font Families 93% OFF http://designbeep.com/2014/07/22/mega-bundle-40-font-families-93-off/ http://designbeep.com/2014/07/22/mega-bundle-40-font-families-93-off/#comments Tue, 22 Jul 2014 08:37:58 +0000 http://designbeep.com/?p=50779 This is the 3r mega bundle from Dealjumbo.

Highest quality custom fonts and shapes from 8 authors in one mega bundle! Whether you’re just starting your freelance career or looking to beef up your custom font library, this Jumbo Deal is for you! With almost 93% off, and available for limited time only, you’ll need to grab this bundle while you can.

With this deal you get:

– 40 Custom Font Families ( TTF or OTF or both font formats )
– Bonus vector shapes in font or vector format (Adobe Illustrator AI,EPS files or in TTF or OTF )
– Wide Variety of Uses
– Unique additions for your font and graphic design arsenal!

[gpp_button color="blue" url="http://dealjumbo.com/only-best-fonts-mega-bundle/" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"] BUY 40 Fonts For Only $39 [/gpp_button]

Here are some examples:

Gist Font Family

gistGist from Yellow Design Studio is an inline slab serif with a retro yet modern vibe. It’s a collision between monoline slab and indie script. With 627 glyphs per weight, it’s highly customizable

Veneer Complete Family

VeneerSlide1Veneer from Yellow Design Studio is a high resolution hand-crafted letterpress font that’s vintage and authentic with a touch of grunge.

Samathor Typeface

poster0-o-800x532Samathor is a victorian vintage style typeface, perfect for your vintage word art typography or logo. available in ttf and otf format.

Hobric Full Family

hobric-full-1-800x532Hobric is Modern Vintage typeface inspired by Old brick with some Modern touch. Great for almost all of your designing needs including headline, labels, logo, etc. Hobric Family includes 12 fonts.

Metros

Metros-images-0-800x532Metros is the 5th and latest font release for the Aeasea Design Co. & Type Foundry. It is my first geometric sans-serif font and first full font family that consists of 6 weights ranging from Thin to Bold.

[gpp_button color="blue" url="http://dealjumbo.com/only-best-fonts-mega-bundle/" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"] BUY 40 Fonts For Only $39 [/gpp_button]

]]>
http://designbeep.com/2014/07/22/mega-bundle-40-font-families-93-off/feed/ 0
Mobile App Design Inspiration – Composer Drinks http://designbeep.com/2014/07/22/mobile-app-design-inspiration-composer-drinks/ http://designbeep.com/2014/07/22/mobile-app-design-inspiration-composer-drinks/#comments Tue, 22 Jul 2014 08:35:55 +0000 http://designbeep.com/?p=50770 This is our daily mobile app inspiration article for our loyal readers.Every day we are showcasing a mobile app design whether live on app stores or only designed as concept.

Today’s mobile application Composer Drinks is designed by Michal Galubinski.

Composer Drinks is an application that lets you search for drinks mixing and matching elements.

mobile app design

2.Mobile App Design Inspiration – Composer Drinks

3.Mobile App Design Inspiration – Composer Drinks

4.Mobile App Design Inspiration – Composer Drinks

]]>
http://designbeep.com/2014/07/22/mobile-app-design-inspiration-composer-drinks/feed/ 0
Free Font Of The Day : Stygis http://designbeep.com/2014/07/22/free-font-of-the-day-stygis/ http://designbeep.com/2014/07/22/free-font-of-the-day-stygis/#comments Tue, 22 Jul 2014 08:33:53 +0000 http://designbeep.com/?p=50763 Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies?
Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Stygis comes from Chiara Picano.

This font is inspired by Styx, one of four infernal rivers. This river’s dark waters make immortal, like ink for printed words. This typeface is sophisticated, elegant and suitable for printing.

free fonts

2.Free Font Of The Day  Stygis

3.Free Font Of The Day  Stygis

4.Free Font Of The Day  Stygis

[gpp_button color="blue" url="https://www.dropbox.com/s/9d05jk3ewprjymc/2F_picano_chiara_stygis.ttf" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

[gpp_button color="black" url="http://designbeep.com/category/freebies/fonts-freebies/" title="free fonts" icon_left="external" target="_blank" size="medium" display="inline"]View All Free Fonts[/gpp_button]

]]>
http://designbeep.com/2014/07/22/free-font-of-the-day-stygis/feed/ 0