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 Tue, 23 Sep 2014 08:25:38 +0000 en-US hourly 1 http://wordpress.org/?v=4.0 Free Download : Jellycons – iOS 8 app icons http://designbeep.com/2014/09/23/free-download-jellycons-ios-8-app-icons/ http://designbeep.com/2014/09/23/free-download-jellycons-ios-8-app-icons/#comments Tue, 23 Sep 2014 08:25:38 +0000 http://designbeep.com/?p=52578 Jellycons Icon Taster Pack designed by LoveUI.co includes 30 flat, round, and colorful iOS 8 app icons for Sketch, ready to use in your personal and commercial projects.

All 11 required app store dimensions are also included in PNG format (1024px, 512px, 152px, 180px, 120px, 87px, 80px, 76px, 58px, 40px, 29px). All icons in this iOS 8 app icon set are ready to use with the iPhone 6 and iPhone 6 Plus.

iOS-8-app-icons_1

iOS-8-app-icons_2

[gpp_button color="blue" url="http://tympanus.net/codrops/2014/09/18/freebie-jellycons-ios-8-app-icon-set/" title="free icons" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

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

]]>
http://designbeep.com/2014/09/23/free-download-jellycons-ios-8-app-icons/feed/ 0
Ideal Image Slider – An Image Slider With Right Amount of Features http://designbeep.com/2014/09/23/ideal-image-slider-an-image-slider-with-right-amount-of-features/ http://designbeep.com/2014/09/23/ideal-image-slider-an-image-slider-with-right-amount-of-features/#comments Tue, 23 Sep 2014 08:20:34 +0000 http://designbeep.com/?p=52562 The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”. Here are the ideals and core features I wanted to include:

– HTML5 (SEO optimised)
– CSS3 transitions (a few simple transitions like slide/fade)
– Left/Right navigation (including touch/swipe support)
– Responsive
– HiDPI (retina) support
– ARIA support
– Extremely simple to setup (no dependencies)
– Very extensible
– Uses progressive enhancement
– Open source (goes without saying)

image-slider

[gpp_button color="blue" url="http://gilbitron.github.io/Ideal-Image-Slider/" title="Image Slider" icon_left="cloud-download" target="_blank" size="medium" display="inline"]Demo & Download[/gpp_button]

]]>
http://designbeep.com/2014/09/23/ideal-image-slider-an-image-slider-with-right-amount-of-features/feed/ 0
Mobile App Design Inspiration – Iconic (free – available AppStore or Google Play) http://designbeep.com/2014/09/23/mobile-app-design-inspiration-iconic-free-available-appstore-or-google-play/ http://designbeep.com/2014/09/23/mobile-app-design-inspiration-iconic-free-available-appstore-or-google-play/#comments Tue, 23 Sep 2014 08:15:36 +0000 http://designbeep.com/?p=52566 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 Iconic is designed by Filip Slováček an interactive designer and art director.

This is a game of icons.Iconic challenges you to translate icons into words. Test your knowledge of visual language and pop culture in a ridiculously fun trivia game.

1.Mobile App Design Inspiration – Iconic

2.Mobile App Design Inspiration – Iconic

3.Mobile App Design Inspiration – Iconic

4.Mobile App Design Inspiration – Iconic

5.Mobile App Design Inspiration – Iconic

6.Mobile App Design Inspiration – Iconic

[gpp_button color="blue" url="https://itunes.apple.com/us/app/iconic-guess-name-quiz-from/id895074713" title="Iconic" icon_left="external" target="_blank" size="medium" display="inline"]App Store[/gpp_button]    [gpp_button color="red" url="https://play.google.com/store/apps/details?id=cz.flowstudio.iconic" title="Iconic" icon_left="external" target="_blank" size="medium" display="inline"]Google Play[/gpp_button]

]]>
http://designbeep.com/2014/09/23/mobile-app-design-inspiration-iconic-free-available-appstore-or-google-play/feed/ 0
Free Font Of The Day : Fortheenas 01 http://designbeep.com/2014/09/23/free-font-of-the-day-fortheenas-01/ http://designbeep.com/2014/09/23/free-font-of-the-day-fortheenas-01/#comments Tue, 23 Sep 2014 08:10:32 +0000 http://designbeep.com/?p=52558 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 Fortheenas 01 comes from Situjuh Nazara.

Fortheenas 01 is a clean thin font for modern performance and appearance typeface.

fortheenas_01

[gpp_button color="blue" url="http://www.dafont.com/fortheenas-01.font" 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/09/23/free-font-of-the-day-fortheenas-01/feed/ 0
WP Theme Of the Day #269 – Semantic – Responsive & Clean WordPress Blog Theme http://designbeep.com/2014/09/23/wp-theme-of-the-day-269-semantic-responsive-clean-wordpress-blog-theme/ http://designbeep.com/2014/09/23/wp-theme-of-the-day-269-semantic-responsive-clean-wordpress-blog-theme/#comments Tue, 23 Sep 2014 08:05:31 +0000 http://designbeep.com/?p=52555 Semantic is a trendy and unique WordPress Blog theme for writers, bloggers, online publishers and content creators. It offers several features like multiple homepage layouts, essential page templates, shortcodes and support for popular third-party plugins.

Semantic WordPress theme is based on the powerful and widely used Bootstrap 3 framework. The theme uses a custom 24-column grid for more flexibility.

Clean WordPress Blog Theme

[gpp_button color="blue" url="http://themeforest.net/item/semantic-responsive-clean-wordpress-blog-theme/full_screen_preview/8936356?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/semantic-responsive-clean-wordpress-blog-theme/8936356?ref=cinim" title="wordpress theme" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

Theme Features:

,

Post Formats Support, including the following formats:
Standard Post – includes a featured image in the header
Video Post – features native video or video from Youtube, Vimeo, etc via URLs or embed codes
Aside Post
Quote Post – with multiple quotes as slider with background featured image
Multiple blog layouts available:
Standard layout with left/right sidebar on single posts
Full-width layout on homepage, single post pages and archives
Three columns masonry layout on homepage and archives
Hybrid masonry layout using Post-emphasis
SEO Optimized – the theme has been built with all the main SEO best practices in mind
Easy page layout changing – for each page you can choose between:
Right Sidebar
Left Sidebar
Full-width (No sidebar)
FontAwesome 4.2 icons
Translation ready – a .pot file included for translation
Custom logo image
WordPress 3.0 Custom Menu Support
jQuery Tabs

]]>
http://designbeep.com/2014/09/23/wp-theme-of-the-day-269-semantic-responsive-clean-wordpress-blog-theme/feed/ 0
Free Download : 210 Line Icons (PSD, PNG, SVG, Icon Font) http://designbeep.com/2014/09/22/free-download-210-line-icons-psd-png-svg-icon-font/ http://designbeep.com/2014/09/22/free-download-210-line-icons-psd-png-svg-icon-font/#comments Mon, 22 Sep 2014 09:00:13 +0000 http://designbeep.com/?p=52549 Today’s free resource Line Icons comes from Robert Karnovski a designer from Ukraine.

The icon set contains 210 16px grid line icons created using vector shapes and available as PSD, PNG, SVG, Icon Font.You can find almost all most essential icons in the free icon set.

1.free line icons

2.free line icons

[gpp_button color="blue" url="https://www.dropbox.com/s/5e6obkobwjo9b4n/ultraicons_line_vol1.zip" title="free icons" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

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

]]>
http://designbeep.com/2014/09/22/free-download-210-line-icons-psd-png-svg-icon-font/feed/ 0
Product Quick View – Modal Window Animated Using CSS3 and Velocity.js http://designbeep.com/2014/09/22/product-quick-view-modal-window-animated-using-css3-and-velocity-js/ http://designbeep.com/2014/09/22/product-quick-view-modal-window-animated-using-css3-and-velocity-js/#comments Mon, 22 Sep 2014 08:50:13 +0000 http://designbeep.com/?p=52545 There are some patterns in the e-commerce design world aimed at increasing the conversion rate by simplifying the user experience. Other patterns try to achieve the same goal by providing additional information where needed. The product quick view modal belongs to the second category.

A ‘product quick view’ modal window, animated using CSS3 and Velocity.js, that provides the user a quick access to the main product information.

The end result is always a window with additional information and a call-to-action button but applied some cool motion design notions to enhance the user experience.

product-quick-view-featured

[gpp_button color="blue" url="http://codyhouse.co/gem/css-product-quick-view/" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"]Product Quick View[/gpp_button]

]]>
http://designbeep.com/2014/09/22/product-quick-view-modal-window-animated-using-css3-and-velocity-js/feed/ 0
Free Font Of The Day : Blaze & Radley http://designbeep.com/2014/09/22/free-font-of-the-day-blaze-radley/ http://designbeep.com/2014/09/22/free-font-of-the-day-blaze-radley/#comments Mon, 22 Sep 2014 08:40:13 +0000 http://designbeep.com/?p=52535 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 Blaze & Radley comes from Dilem Akiner

Blaze & Radley is an elegant handwritten display typeface design. I was inspired by the characters of the amazing cartoon from late 80′s.

1.Free Font Of The Day  Blaze & Radley

2.Free Font Of The Day  Blaze & Radley

3.Free Font Of The Day  Blaze & Radley

4.Free Font Of The Day  Blaze & Radley

5.Free Font Of The Day  Blaze & Radley

6.Free Font Of The Day  Blaze & Radley

7.Free Font Of The Day  Blaze & Radley

[gpp_button color="blue" url="http://www.1001freefonts.com/d/14196/blaze___radley.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/09/22/free-font-of-the-day-blaze-radley/feed/ 0
WP Theme Of the Day #268 – BlogBox – Responsive & Bold WordPress Theme http://designbeep.com/2014/09/22/wp-theme-of-the-day-268-blogbox-responsive-bold-wordpress-theme/ http://designbeep.com/2014/09/22/wp-theme-of-the-day-268-blogbox-responsive-bold-wordpress-theme/#comments Mon, 22 Sep 2014 08:32:13 +0000 http://designbeep.com/?p=52532 BlogBox is a minimal, bold, responsive and easy to use photoblog-style WordPress theme. Its a perfect fit for artists, photographers, or just creative people looking for a theme with clean design to share their photos, galleries, videos and articles.

Responsive design adapts smoothly to different screen sizes, so your readers can access your blog from any device with a web browser.
BlogBox supports link and quote post formats, so you can share your favorite links/quotes with style. The quote post format has a unique feature – you can add a background image for you quote.

flat blog theme

[gpp_button color="blue" url="http://themeforest.net/item/blogbox-responsive-bold-wordpress-theme/full_screen_preview/8632677?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/blogbox-responsive-bold-wordpress-theme/8632677?ref=cinim" title="wordpress theme" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

Theme Features:

Translation file included – use BlogBox in any language
Responsive layout – your blog will be accessible on various devices (iPhone, iPad, Android, etc.)
Retina display ready – all icons are optimized for retina devices
WordPress post formats – specific styles for link and quote posts
Theme customizer
Social media icons
Author box support (useful for multi authors)
Easy setup with easy to follow instructions

]]>
http://designbeep.com/2014/09/22/wp-theme-of-the-day-268-blogbox-responsive-bold-wordpress-theme/feed/ 0
Free Download : Edge UI Kit http://designbeep.com/2014/09/19/free-download-edge-ui-kit/ http://designbeep.com/2014/09/19/free-download-edge-ui-kit/#comments Fri, 19 Sep 2014 08:00:50 +0000 http://designbeep.com/?p=52520 Today’s free design resource Edge UI Kit is designed and shared by UI8.net.Edge UI kit is a really huge,detailed and fresh web component for designers.This set includes almost every essential web design element like blog,social media,e-commerce,charts,buttons,forms,headers,navigation,footers etc…

Edge comes in as usual PSD format with fully layered and of course in vector shapes which you can easily play with component without losing the quality.

edge-ui-kit

edge ui kit_1

[gpp_button color="red" url="https://ui8.net/edge/" title="free fonts" icon_left="cloud-download" target="_blank" size="medium" display="inline"]DOWNLOAD[/gpp_button]

]]>
http://designbeep.com/2014/09/19/free-download-edge-ui-kit/feed/ 1