Designbeep http://designbeep.com Free Resources for Designers and Developers Wed, 01 Apr 2015 07:30:09 +0000 en-US hourly 1 Free Download : Ghost Ship Mobile UI Kit (20 Screens) http://designbeep.com/2015/04/01/free-download-ghost-ship-mobile-ui-kit-20-screens/ http://designbeep.com/2015/04/01/free-download-ghost-ship-mobile-ui-kit-20-screens/#comments Wed, 01 Apr 2015 07:30:09 +0000 http://designbeep.com/?p=56270 Today’s free design resource Ghost Ship Mobile UI Kit is designed by Hoarrd and released as a freebie by Pixelbuddha.net.
Ghost Ship UI Kit Free comes with 20 screens across 7 categories made in Photoshop PSD format. It’s also vector based so you can easily play with without losing any quality.

mobile ui kit

2.Mobile UI Kit

[gpp_button color=”blue” url=”http://pixelbuddha.net/freebie/free-ui-kit-mobile-ios-ghost-ship” title=”Mobile UI Kit” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

]]>
http://designbeep.com/2015/04/01/free-download-ghost-ship-mobile-ui-kit-20-screens/feed/ 0
Prism Effect Slider with Canvas http://designbeep.com/2015/04/01/prism-effect-slider-with-canvas/ http://designbeep.com/2015/04/01/prism-effect-slider-with-canvas/#comments Wed, 01 Apr 2015 07:20:50 +0000 http://designbeep.com/?p=56267 This is a tutorial on how to create a simple slider with an interesting “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique.
The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism.

The demo is supported in all major browsers, including Internet Explorer 9.

PrismEffectSlider

[gpp_button color=”blue” url=”http://tympanus.net/Tutorials/PrismEffectSlider/” title=”Prism Effect Slider with Canvas” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”http://tympanus.net/codrops/2015/03/31/prism-effect-slider-canvas/” title=”Prism Effect Slider with Canvas” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

]]>
http://designbeep.com/2015/04/01/prism-effect-slider-with-canvas/feed/ 0
Free Font Of The Day : Smaq http://designbeep.com/2015/04/01/free-font-of-the-day-smaq/ http://designbeep.com/2015/04/01/free-font-of-the-day-smaq/#comments Wed, 01 Apr 2015 07:10:19 +0000 http://designbeep.com/?p=56263 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 Smaq is designed by Andreas Leonidou.

Smaq is a decorative typeface, ideal for posters,logos, etc. All 8 styles are completely free.

1.Free Font Of The Day  Smaq

2.Free Font Of The Day  Smaq

[gpp_button color=”blue” url=”http://alt-foundry.com/fonts/smaq-typeface/” 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/2015/04/01/free-font-of-the-day-smaq/feed/ 0
Impala – Colorful and Versatile WordPress Theme http://designbeep.com/2015/04/01/impala-colorful-and-versatile-wordpress-theme/ http://designbeep.com/2015/04/01/impala-colorful-and-versatile-wordpress-theme/#comments Wed, 01 Apr 2015 07:00:51 +0000 http://designbeep.com/?p=56259 Impala is a modern flat-gradient, super flexible, fully responsive WordPress Theme and tries to apply google material design principles.Suited for Magazines, Online Portfolios, Agency and Business websites, Blogs, Coming soon pages.

It will give you control over layout, styling, gradient, colors, transparent patterns, fonts, icons, images position and so on. Build easily your own design with all elements using drag and drop, or import one of demos from settings.

multipurpose-wordpress-theme

multipurpose-wordpress-theme_1

[gpp_button color=”blue” url=”http://themeforest.net/item/impala-colorful-versatile-and-oneofkind-theme/full_screen_preview/10067090?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/impala-colorful-versatile-and-oneofkind-theme/10067090?ref=cinim” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

]]>
http://designbeep.com/2015/04/01/impala-colorful-and-versatile-wordpress-theme/feed/ 0
Free Download: 100 Lulu Vector Icons http://designbeep.com/2015/03/31/free-download-100-lulu-vector-icons/ http://designbeep.com/2015/03/31/free-download-100-lulu-vector-icons/#comments Tue, 31 Mar 2015 07:25:31 +0000 http://designbeep.com/?p=56253 Get both Lulu Icons set 1 and 2 in one download. These beautiful sets of fun looking icons, are supplied by 1001FreeDownloads.com. Each set contains 50 full scalable vector icons, with a total of 100 icons, in AI, EPS and PNG formats (at 128x128px, 256x256px and 512x512px ). The icons can be used for both personal and commercial purposes (with attribution).

lulu-set1

lulu-set2

[gpp_button color=”blue” url=”http://www.mightydeals.com/deal/100-lulu-vector-icons.html” 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/2015/03/31/free-download-100-lulu-vector-icons/feed/ 0
Create Stunning Effects with Amberlight for Windows or Mac http://designbeep.com/2015/03/31/create-stunning-effects-with-amberlight-for-windows-or-mac/ http://designbeep.com/2015/03/31/create-stunning-effects-with-amberlight-for-windows-or-mac/#comments Tue, 31 Mar 2015 07:15:32 +0000 http://designbeep.com/?p=56240 Amberlight is a spectacular, one-of-a-kind app for Mac and Windows, from Escape Motions, that creates unique and stunning effects. It uses a unique math algorithm, which generates beautiful, complex patterns, such as exciting swirling patterns, glows and light trails that are ideal for anything from backgrounds, to illustrations and motion graphics.

amberlight

[gpp_button color=”blue” url=”http://www.mightydeals.com/deal/amberlight.html?ref=designbeepamberlight” title=”Effects” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Amberlight[/gpp_button]

Highlights:
  • Create computer-generated images with stunning swirling and lighting effects quickly and easily
  • Perfect for all artists, from budding beginners to advanced
  • Enhance your existing images and designs by adding Amberlight layers right on top of them for truly state-of-the-art special effects
  • Uses a unique math algorithm that generates beautiful complex patterns
  • Create beautiful unique backgrounds, wallpapers, presentations or gorgeous book covers
  • Export any of your images into other graphic applications to include them in a larger art project
  • Incredibly intuitive and user friendly user interface
  • Available for both Mac and Windows
  •  

    Examples:

    amber_2

    amber_3

    amber_5

    amber_9

    Normally, Amberlight sells for $29.99, but for a limited time only, you can get this fabulously unique artistic tool for a mere $9! That’s a huge savings of 70% off the regular price!

    [gpp_button color=”blue” url=”http://www.mightydeals.com/deal/amberlight.html?ref=designbeepamberlight” title=”Effects” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Amberlight[/gpp_button]

    ]]>
    http://designbeep.com/2015/03/31/create-stunning-effects-with-amberlight-for-windows-or-mac/feed/ 0
    Pintsize – Sass Frontend Template http://designbeep.com/2015/03/31/pintsize-sass-frontend-template/ http://designbeep.com/2015/03/31/pintsize-sass-frontend-template/#comments Tue, 31 Mar 2015 07:05:34 +0000 http://designbeep.com/?p=56233 Pintsize is the ideal place to start your next web project. As well as providing you with the basics to get building quickly, it’s nice and tidy file structure makes it easy to scale your projects efficiently.

    pintsize

    Features:
  • You can translate artwork grid values to your build quickly. Takes care of the maths for you
  • You can choose from Basic usage to get building quickly or advanced usage to build semantically
  • A nice and tidy structure designed to help scale your project to any size
  • Everything you need to get started. Screw frameworks – no bloat, no nonsense!
  • [gpp_button color=”red” url=”http://pintsize.io/” title=”free fonts” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Pintsize[/gpp_button]

    ]]>
    http://designbeep.com/2015/03/31/pintsize-sass-frontend-template/feed/ 0
    Free Font Of The Day : Ardnas http://designbeep.com/2015/03/31/free-font-of-the-day-ardnas/ http://designbeep.com/2015/03/31/free-font-of-the-day-ardnas/#comments Tue, 31 Mar 2015 06:55:35 +0000 http://designbeep.com/?p=56229 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 Ardnas is designed by Asclê de Oliveira

    This font is free for both personal and commercial projects.

    1.Free Font Of The Day  Ardnas

    2.Free Font Of The Day  Ardnas

    [gpp_button color=”blue” url=”https://www.dropbox.com/s/neza8mj6q8k6wre/Ardnas.zip?dl=0″ 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/2015/03/31/free-font-of-the-day-ardnas/feed/ 0
    Privado – Interactive Personal WordPress Theme http://designbeep.com/2015/03/31/privado-interactive-personal-wordpress-theme/ http://designbeep.com/2015/03/31/privado-interactive-personal-wordpress-theme/#comments Tue, 31 Mar 2015 06:45:44 +0000 http://designbeep.com/?p=56226 Privado is a minimalist, responsive and yet interactive personal WordPress Theme based on Twitter Bootstrap and made for HUMAN to show their Resume (Education, Work Experience, Awards etc.) and Portfolio in a wonderful way with an unique and beautiful piece of design. It has nice Blog to share your thoughts easily with wonderful design and typography.

    Personal WordPress Theme

    [gpp_button color=”blue” url=”http://themeforest.net/item/privado-interactive-personal-wordpress-theme/full_screen_preview/10822693?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/privado-interactive-personal-wordpress-theme/10822693?ref=cinim” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

    ]]>
    http://designbeep.com/2015/03/31/privado-interactive-personal-wordpress-theme/feed/ 0
    Codeply – Responsive Design Playground & Frontend Editor http://designbeep.com/2015/03/30/codeply-responsive-design-playground-frontend-editor/ http://designbeep.com/2015/03/30/codeply-responsive-design-playground-frontend-editor/#comments Mon, 30 Mar 2015 07:45:19 +0000 http://designbeep.com/?p=56214 Codeply is a editor that lets you run and preview your HTML, CSS and JavaScript code from any modern Web-browser. You’ve seen this capability in other tools like JSFiddle, Codepen and Bootply. But, Codeply is different because it’s not just a code editor. Codeply makes responsive Web design & development easier by enabling you to leverage the responsive framework of your choice. Codeply is integrated with responsive frameworks like Bootstrap, Foundation, PureCSS and Skeleton. This unique functionality makes it possible to quickly learn, prototype and build responsively using the framework of your choice.

    Instead of trawling through docs, or searching for code examples, you now pick the layouts, snippets and elements you want right from the editor.”

    codeply

    [gpp_button color=”blue” url=”http://www.codeply.com/go” title=”Frontend Editor” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Codeply[/gpp_button]

    ]]>
    http://designbeep.com/2015/03/30/codeply-responsive-design-playground-frontend-editor/feed/ 1