Designbeep http://designbeep.com Free Resources for Designers and Developers Fri, 30 Jan 2015 08:25:15 +0000 en-US hourly 1 Morphing Modal Window http://designbeep.com/2015/01/30/morphing-modal-window/ http://designbeep.com/2015/01/30/morphing-modal-window/#comments Fri, 30 Jan 2015 08:25:15 +0000 http://designbeep.com/?p=55258 This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.The main idea here is the button that triggers the action animates and turns into a full-width new page.

The final result is powered by a combination of CSS transition and transformations, jQuery and Velocity.

morphing-modal-window-featured

[gpp_button color=”blue” url=”http://codyhouse.co/demo/morphing-modal-window/index.html” title=”Morphing Modal Window” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”http://codyhouse.co/gem/morphing-modal-window/” title=”Morphing Modal Window” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

]]>
http://designbeep.com/2015/01/30/morphing-modal-window/feed/ 0
40 New Free Flat Icons (PSD, AI, EPS, SVG, PNG) http://designbeep.com/2015/01/30/40-new-free-flat-icons-psd-ai-eps-svg-png/ http://designbeep.com/2015/01/30/40-new-free-flat-icons-psd-ai-eps-svg-png/#comments Fri, 30 Jan 2015 08:10:18 +0000 http://designbeep.com/?p=55254 Today’s free resource is a set of free flat icons designed by Squid.ink.The package contains 40 flat icons and these icons are consistent and pixel perfect and come in various editable vector files ( PSD, AI, EPS, SVG, PNG )and ready to use PNGs.Icons dimension is 32px,64px.

You can use these icons both for your personal and commercial projects.

free-flat-icons-feature

flat icons

[gpp_button color=”red” url=”http://graphicburger.com/squid-ink-40-flat-icons/” 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/01/30/40-new-free-flat-icons-psd-ai-eps-svg-png/feed/ 0
Free Font Of The Day : Pier http://designbeep.com/2015/01/30/free-font-of-the-day-pier/ http://designbeep.com/2015/01/30/free-font-of-the-day-pier/#comments Fri, 30 Jan 2015 08:05:20 +0000 http://designbeep.com/?p=55245 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 Pier is designed by Mathieu Desjardins.

Pier is a modern and structured typography. The idea was to create a slightly off geometric font that would look as good big or very small. It was made to fit your everyday designs and text needs.

1.Free Font Of The Day  Pier

2.Free Font Of The Day  Pier

3.Free Font Of The Day  Pier

4.Free Font Of The Day  Pier

5.Free Font Of The Day  Pier

6.Free Font Of The Day  Pier

7.Free Font Of The Day  Pier

[gpp_button color=”blue” url=”https://drive.google.com/file/d/0B8i-AgcJDWkcQkRhRHF5eHNOaXc/view?usp=sharing” 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/01/30/free-font-of-the-day-pier/feed/ 0
WP Theme Of the Day #365 – EPIC – Responsive One page Multi-Purpose Theme http://designbeep.com/2015/01/30/wp-theme-of-the-day-365-epic-responsive-one-page-multi-purpose-theme/ http://designbeep.com/2015/01/30/wp-theme-of-the-day-365-epic-responsive-one-page-multi-purpose-theme/#comments Fri, 30 Jan 2015 08:00:22 +0000 http://designbeep.com/?p=55242 EPIC is a WordPress theme, fully responsive One Page & Muti Page suitable for any kind of creative or business use. Designed to give your brand or service an air of esteem and confidence, EPIC is perfect for personal and business uses.

EPIC is 100% responsive, each and every element including the awesome slider are fully responsive included retina display optimizations for all the main graphics used in the theme, so they look sharp on retina displays.(PSD Included)

Responsive One page wordpress theme

[gpp_button color=”blue” url=”http://themeforest.net/item/epic-responsive-multipurpose-theme/full_screen_preview/9962807?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/epic-responsive-multipurpose-theme/9962807?ref=cinim” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

]]>
http://designbeep.com/2015/01/30/wp-theme-of-the-day-365-epic-responsive-one-page-multi-purpose-theme/feed/ 0
Spacebase – A Sass-based Responsive CSS Framework http://designbeep.com/2015/01/29/spacebase-a-sass-based-responsive-css-framework/ http://designbeep.com/2015/01/29/spacebase-a-sass-based-responsive-css-framework/#comments Thu, 29 Jan 2015 08:20:23 +0000 http://designbeep.com/?p=55223 Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project.

spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.

More Features:
  • Common UI components (buttons, lists, media object)
  • Helper classes and mixins
  • Cross-browser form controls
  • Built on REMs
  • Supports all browsers including IE 6
  • responsive-css-framework

    [gpp_button color=”blue” url=”http://spacebase.space150.com/” title=”css framework” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

    ]]>
    http://designbeep.com/2015/01/29/spacebase-a-sass-based-responsive-css-framework/feed/ 0
    Free Download : EventRay UI KIT http://designbeep.com/2015/01/29/free-download-eventray-ui-kit/ http://designbeep.com/2015/01/29/free-download-eventray-ui-kit/#comments Thu, 29 Jan 2015 08:15:21 +0000 http://designbeep.com/?p=55227 This reedy-to-use user interface kit by Dtail Studio includes multiple layouts and GUI elements designed for use on different resolutions Web and Mobile devices.

    EventRay allows users to Pin content, Manage items, Track balances, Gather statistics, and more.
    This Free PSD is designed and released by dtailstudio.com

    • Format: Editable PSD file
    • File Size: 1 file – 25.1 mb
    • Works with: Adobe Photoshop CS6+

    Event-Ray-UI_Kit_Dtailstudio

    [gpp_button color=”blue” url=”http://dtailstudio.com/#work” title=”free ui kit” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

    ]]>
    http://designbeep.com/2015/01/29/free-download-eventray-ui-kit/feed/ 0
    Print-ready Wireframe Sketch Sheets http://designbeep.com/2015/01/29/print-ready-wireframe-sketch-sheets/ http://designbeep.com/2015/01/29/print-ready-wireframe-sketch-sheets/#comments Thu, 29 Jan 2015 08:10:21 +0000 http://designbeep.com/?p=55233 These PDFs are perfect for anybody who does a lot of sketching on random sheets of paper. Included are 5 printable templates for website designs, and iPhone or iPad app mockups. Just print a few copies out on to US Letter size paper and sketch away. On each sheet there’s space for your project name, designer name, date and notes. There are also guides to indicate common widths on the web.

    Included in the package are US Letter size PDFs of the following 5 variations:

    • Web (With Guides)
    • iPhone (Portrait)
    • iPhone (Landscape)
    • iPad (Portrait)
    • iPad (Landscape)

    1.Wireframe Sketch Sheets

    2.Wireframe Sketch Sheets

    3.Wireframe Sketch Sheets

    4.Wireframe Sketch Sheets

    5.Wireframe Sketch Sheets

    6.Wireframe Sketch Sheets

    [gpp_button color=”blue” url=”http://medialoot.com/item/free-wireframe-sketch-sheets/” title=”Wireframe Sketch Sheets” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

    ]]>
    http://designbeep.com/2015/01/29/print-ready-wireframe-sketch-sheets/feed/ 0
    Free Font Of The Day : Perfograma http://designbeep.com/2015/01/29/free-font-of-the-day-perfograma/ http://designbeep.com/2015/01/29/free-font-of-the-day-perfograma/#comments Thu, 29 Jan 2015 08:05:26 +0000 http://designbeep.com/?p=55215 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 Perfograma is designed by Asen Petrov.

    Perfograma – dot-by-dot free font is inspired by computing machines IBM Harvard – Mark 1, an electro mechanical computer read its instructions from a 24-channel punched paper tape and executed the current instruction and then read in the next one. It had no conditional branch instruction. The original concept was presented to IBM by Howard Aiken in November 1937.

    1.Free Font Of The Day  Perfograma

    2.Free Font Of The Day  Perfograma

    3.Free Font Of The Day  Perfograma

    4.Free Font Of The Day  Perfograma

    5.Free Font Of The Day  Perfograma

    6.Free Font Of The Day  Perfograma

    [gpp_button color=”blue” url=”http://fontfabric.com/perfograma-free-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/2015/01/29/free-font-of-the-day-perfograma/feed/ 0
    WP Theme Of the Day #364 – SimpleMag – WordPress Magazine Theme http://designbeep.com/2015/01/29/wp-theme-of-the-day-364-simplemag-wordpress-magazine-theme/ http://designbeep.com/2015/01/29/wp-theme-of-the-day-364-simplemag-wordpress-magazine-theme/#comments Thu, 29 Jan 2015 08:00:29 +0000 http://designbeep.com/?p=55212 SimpleMag is a professional WordPress blog/magazine theme created with online news and magazine websites in mind, but it can also be used for simple personal blogs. However, it is highly customizable so it can match your personal taste and be quickly converted into a multi-purpose theme as well.

    SimpleMag was made with a modern responsive design, awesome typography and a focus on readability and good visitor experience. Also, Voice was developed with SEO in mind, as well as for fast page loading.

    Magazine-theme

    [gpp_button color=”blue” url=”http://themeforest.net/item/simplemag-magazine-theme-for-creative-stuff/full_screen_preview/4923427?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/simplemag-magazine-theme-for-creative-stuff/4923427?ref=cinim” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

    Theme Features:
  • Responsive
  • Off-Canvas navigation
  • Unlimited colors
  • SEO friendly
  • System fonts and Google fonts
  • Mega Menu and Columns Menu
  • Page Composer with variety of sections
  • ]]>
    http://designbeep.com/2015/01/29/wp-theme-of-the-day-364-simplemag-wordpress-magazine-theme/feed/ 0
    5in1 Mega Bundle v.11: Logo/Badge Templates from Dealjumbo http://designbeep.com/2015/01/28/5in1-mega-bundle-v-11-logobadge-templates-from-dealjumbo/ http://designbeep.com/2015/01/28/5in1-mega-bundle-v-11-logobadge-templates-from-dealjumbo/#comments Wed, 28 Jan 2015 13:03:04 +0000 http://designbeep.com/?p=55194 With highest quality logo/badge/insignia & vector shape resources with retro/vintage feel in one mega bundle! Whether you’re just starting your freelance career or looking to beef up your own logo & shapes library, this Jumbo Deal is just for you! With almost 93% off and available for limited time only, you’ll need to grab this new 5in1 mega bundle while you can.

    With 38 logo and shape items from 5 premium design shops is this bundle one of the biggest and best quality logo bundle ever! So don’t miss it ;)

    5in1 Mega Bundle v.11: Logo/Badge Templates contains more then 560 logo/badge/insignia templates and 100’s of shapes and elements from 5 talented designers.

    mp110

    [gpp_button color=”red” url=”http://dealjumbo.com/5in1-mega-bundle-v-11-logobadge-templates/” title=”Logo Badge Templates” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Only $29 – Save $356[/gpp_button]

    With this deal you get:

    The Retro Bike + 20 Bonus

    1

    Hipster Triangle Badges

    2

    50 Ancient Symbols

    3

    Classic Vintage Insignias Collection

    4

    Heraldic Crest Logos

    5

    Retro Badges Set

    6

    Vintage Badges & Labels

    7

    Hand drawn Bottles KIT

    8

    [gpp_button color=”red” url=”http://dealjumbo.com/5in1-mega-bundle-v-11-logobadge-templates/” title=”Logo Badge Templates” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Only $29 – Save $356[/gpp_button]

    Not Finished

    You can also download Download Premium Templates for FREE

    free01

    ]]>
    http://designbeep.com/2015/01/28/5in1-mega-bundle-v-11-logobadge-templates-from-dealjumbo/feed/ 0