Designbeep http://designbeep.com Free Resources for Designers and Developers Tue, 09 Feb 2016 14:50:35 +0000 en-US hourly 1 57 Handcrafted Fonts, 230 Textures & 100s of Design Extras http://designbeep.com/2016/02/09/57-handcrafted-fonts-230-textures-100s-of-design-extras/ http://designbeep.com/2016/02/09/57-handcrafted-fonts-230-textures-100s-of-design-extras/#comments Tue, 09 Feb 2016 14:50:35 +0000 http://designbeep.com/?p=60326 It’s time for another exciting Mighty Deal Exclusive! This super mega bundle from Tom Chalky includes 57 hand-drawn fonts, 230 textures and brushes, and hundreds of extra design elements! If you were lucky enough to snag Tom Chalky’s mega bundle in early 2015, you know how fabulous these design assets can be. You also can take advantage of this year’s Mighty Deal as it contains all new pieces!

1

Highlights:

– Never be at a loss for words again thanks to 57 gorgeous handcrafted fonts!
– Each one of these beautiful typefaces is multilingual.
– Give your artwork a boost with 230 unique and versatile textures and Photoshop Brushes.
100s of extra hand-drawn design goodies are sure to perfectly complement your fonts.
– This mega bundle features some of Tom Chalky’s biggest Best Sellers.
– Discover why Tom has more than 15,000 happy customers already.
– This latest Tom Chalky bundle contains all-new elements from his popular Mighty Deal back in early 2015.

2

3

4

5

6

7

8

[gpp_button color=”blue” url=”http://www.mightydeals.com/deal/2016-font-design-bundle.html?ref=57fontsdbeep” title=”free fonts” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Get The Deal[/gpp_button]

]]>
http://designbeep.com/2016/02/09/57-handcrafted-fonts-230-textures-100s-of-design-extras/feed/ 0
Advanced Search Form With CSS and jQuery http://designbeep.com/2016/02/09/advanced-search-form-with-css-and-jquery/ http://designbeep.com/2016/02/09/advanced-search-form-with-css-and-jquery/#comments Tue, 09 Feb 2016 10:07:12 +0000 http://designbeep.com/?p=60322 This is a search form with advanced filtering options and quick link suggestions.It’s been created by Codyhouse.co

A search box is an absolute must on content heavy sites. It plays a crucial role. While most designers don’t forget to implement a search box they forget/ignore a crucial element of the search box – its design.

They believe all a search box needs are two simple elements: Input Field and Submit Button.
You might be thinking how much of a role can design play in a search box?
Well, it plays a big role.

So here is an advanced search form tutorial Providing filtering options and quick links upfront,

advanced-search-featured

[gpp_button color=”blue” url=”https://codyhouse.co/demo/advanced-search-form/index.html” title=”Search Form” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”https://codyhouse.co/gem/advanced-search-form/” title=”Search Form” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

]]>
http://designbeep.com/2016/02/09/advanced-search-form-with-css-and-jquery/feed/ 0
Add Value To Your Projects With These Tools http://designbeep.com/2016/02/08/add-value-to-your-projects-with-these-tools/ http://designbeep.com/2016/02/08/add-value-to-your-projects-with-these-tools/#comments Mon, 08 Feb 2016 08:56:15 +0000 http://designbeep.com/?p=60307 Tickera.com

1Tickera is the greatest plugin which allows you to sell tickets on your site and deliver them to your buyers digitally. The first feature that makes it so great is the compatibility with WooCommerce – because we know it is certainly the most popular e-commerce system for the WordPress platform – giving you a big range of benefits. First of all, you can create tickets inside WooCommerce, as easy as you create any other product, by making them personalised through their own SKU, price, stock and so on. Moreover, you can control both the sale price date and the number of allowed check-ins per ticket easily.

Notably is their amazing customer support service and the power Tickera gives you to control your events, tickets and to understand your clients. For better cooperation, all your clients will receive a standard order status e-mail right after purchasing a ticket. If you feel the need to know more about your customers than just the name or e-mail, you can use Tickera Custom Forms and set everything up, by creating fields, checkboxes or dropdown menus, in any way you want.

In case you are wondering how the ticket scanning is made, Tickera comes with white-label phone applications for iOS and Android platforms which allow you to scan tickets with your iPhone, iPad or Android device and check in attendees easily. In other words, you are fully aware of everyone coming at your event. Sounds exciting, doesn’t it?

Backblaze.com

2We often lose our files, our precious photos or documents and all we do is to sit in silence, thinking at our big loss. It happens to all of us, we understand you perfectly. Therefore, we have found the best solution for backing up all your files: Backblaze. Rated as the #1 online backup service, Backblaze Personal Backup it is an astonishingly easy and low-cost cloud storage that helps you backup unlimited files at fast speed and low-cost.

You can sign in from anywhere in the world to restore your backed up files, which will be organised just like on your own computer. Moreover, the safety plays an important role for Backblaze, as all your data is stored in their secure datacenters with 24-hour staff, biometric security and redundant power. In addition, you can use an extra layer of security, by being sent a 6-digit code to your phone during sign-in. The programme is compatible with Windows 7 and newer and with Intel-based Mac OSX 10.6 and newer, so if you satisfy these requests, we invite you to start protecting your computer today!

Shrinktheweb.com

3We have another tool for the ones interested in administrating and promoting a website. ShrinkTheWeb.com is an online tool that helps you taking screenshots to an online project. Anyone can do it for free, but there will be size restrictions (six default sizes are already selected, the largest being 320×240 pixels). As they describe themselves, the fastest capture time possible is provided. It’s all about the client, and we have to recognize that it works like a charm. The paid accounts come with a handful of great features, for less than 10$ a month, like custom sizes and full-length previews that, along with inside page analysis, can turn you into a promoting hero. Testing breaking points for responsive websites and scheduling automated captures in almost any plugin you might want has never been easier. The service supports everything from WordPress to Drupal or MediaWiki. If we hadn’t caught your attention yet, I don’t know what will. Go check it out and you will not be disappointed.

Ultimatumtheme.com

4The best WordPress website builder out there is definitely UltimatumTheme. It comes with great plugin integration and it combines the drag-and-drop capabilities that often are very handy with a custom CSS live editor for the experienced web designers. But it is the software for all, as anyone can use it: the complexity of utilizing is the same as using document editing programs. The customers are pleased, as they create great sites on every level with less coding and more thinking on design and user interface. For a newbie, finding UltimatumTheme might come in as just what they needed to get the process starting, and for a professional as a gold mine. You should give it a try right now!

Simbla.com

5If you are thinking at creating an exciting website for your business, Simbla Website Builder is here to help you build everything from scratch, using a simple, yet efficient drag and drop method, that requires no coding knowledge! The best part is that the builder is fully responsive, as it is using the Bootstrap3 cutting edge technology, which upgrades your websites with the ability to change its appearance and layout, based on the screen size on which it is displayed.

Themify.me

6With more than 50 000 users, Themify.me is one of the most popular sites where you can buy a template to startup your design. Their drag-and-drop builder proves that it’s intended for any type of users, from the most experienced web designers to any newbie. Having no more stress about functionality can make you turn all to content to attract visitors. You should check it out!

TeamDesk.net

7Probably the best way to keep in touch with your business team is by having an online software that would help you do this, maybe something like TeamDesk. It is an online database software that consists in a great and very accessible source of data, which will help you keep track of all your business’ information. This way, you will no longer encounter misunderstandings in the communication with your team!

Hotjar.com

8If you would like to know how your users see your site, you can use Hotjar to receive insights of what do they think about the design, content, specific pages or features. You can use it to show your clients or boss what works or not, to restyle your design based on people’s desires or to discover the impact some of the pages make to the visitors.

Mobirise.com

9Mobirise is an offline app for Windows and Mac that lets you create small and medium mobile-friendly websites. It is minimalistic and has an extremely easy-to-use interface that can help you cut down the development time, thanks to the drag-and-drop website builder. You just drop the desired blocks where you want into your page, edit the content and publish, with no coding experience needed!

uKit.com

10The uKit website builder for business offers its users a modern code-free platform that gives you all of the power of content management. The builder always gives you a preview of your site, so that you can see all your changes in real time and you’ll be able to switch between different devices to see your website’s look: desktop, tablet and mobile. As said by Howard Steele from SWB, it is one of the best sites in the business website builders niche (more on http://superbwebsitebuilders.com/).

Xfive.co

11Feeling the need to be helped with your projects by professional developers, in order to take your company to the next level? Xfive does everything for you, from dealing with the complexity of the modern front-end development to creating responsive layout and email integration, resulting in an amazing website that will for sure attract more and more clients! Give it a try and you will experience such a high level of quality that you would be forever thankful. 😉

Imcreator.com

12If you need a top notch website builder, that would help you create your website ten times better than many platforms on the internet, you should definitely try IM Creator. It’s using a new technology called Polydoms and you get to build your website like Lego.

Coming with many cool features, including eCommerce, blogging, SEO and web standards or animation effects, you can now build an amazing website within minutes, whether it is a portfolio or an online store. Build your website super fast !

]]>
http://designbeep.com/2016/02/08/add-value-to-your-projects-with-these-tools/feed/ 0
Tricks, tips and hacks for your WordPress website which you should be aware of http://designbeep.com/2016/02/05/tricks-tips-and-hacks-for-your-wordpress-website-which-you-should-be-aware-of/ http://designbeep.com/2016/02/05/tricks-tips-and-hacks-for-your-wordpress-website-which-you-should-be-aware-of/#comments Fri, 05 Feb 2016 09:03:53 +0000 http://designbeep.com/?p=60304 Running a blog, a website or an online business isn’t a cakewalk as there’s something to do all the time. Maintenance of marketing strategies, creating content, checking updates and making constant changes to your website are some, to name a few. You could undoubtedly work throughout the day and throughout the week. Although WordPress makes it pretty easier for bloggers to maintain an online presence, there are always so many strategies to become more productive with your blog, website or online business.

wordpress-tips

Therefore, it is important to watch out for ways that would help you make the most of the time that you have. Luckily, we’ve listed down some tips, tricks and hacks for the WordPress bloggers. Check them out.

Deactivating full-height editor: Did you know that WordPress 4.0 included a subtle change to the editor? In case you’re scrolling or scribing a lengthy paragraph, the height of the editor will become equivalent to the height of the screen, thereby letting go of the scroll bars within the editor. In order to reach panels like Custom Fields or Excerpt, you have to scroll down till where the paragraph ends. However, this is only comfortable with WordPress 4.0.

Incorporate comparison of before and after image: Did you ever experience the feature of comparing 2 images where you can easily slide to see the before image and again slide back to check the after image? If you wish to include this feature into your WordPress blog or website, you can install TwentyTwenty and this is a plugin which includes a shortcode, where you can easily add 2 different images for comparison.

Transfer themes or plugins to older versions: There’s a huge chance that the installation of a new theme or plugin might just screw up your website. WordPress then, doesn’t allow anyone to get back to the older version. However, you can easily install the plugin called WP-Rollback in order to obtain this function. WordPress has got lots of plugins like WordPress jobs plugin and many other forms to choose from.

Syntax highlighter: The text-mode editor of WordPress is plain and simple to work on. On top of that you can now make it more user-friendly by installing the HTML editor syntax highlighter, which is a plugin that includes syntax colouring in the form of a code editor. This plugin will make editing a lot easier, specifically when you utilize Text-mode editor than the visual WYSIWYG part.

Display the chart for disk usage: You can install a plugin called Disk Usage Sunburst in order to show a splendid visualization which is same as Daisy Disk. This is indeed a useful utility which should add to your website and blog.

Therefore if you’re looking for different types of plugins, you can choose from the list mentioned above. Make sure you run a test on Vagrant using your WordPress blog or website. Choose the best that suits the best of your mind.

]]>
http://designbeep.com/2016/02/05/tricks-tips-and-hacks-for-your-wordpress-website-which-you-should-be-aware-of/feed/ 0
5 Slider Plug-ins to Use on Your WordPress Website in 2016 http://designbeep.com/2016/02/04/5-slider-plug-ins-to-use-on-your-wordpress-website-in-2016/ http://designbeep.com/2016/02/04/5-slider-plug-ins-to-use-on-your-wordpress-website-in-2016/#comments Thu, 04 Feb 2016 10:12:47 +0000 http://designbeep.com/?p=60294 You have decided to create a website for your business. So, what’s the platform, which you’ve chosen? Is it WordPress? Then you’ve taken one of the best decisions. Because WordPress is, no doubt, one of the most popular website building platforms, which is used by a lot of website owners as well. You must have made your WordPress website responsive. But there are quite a few other things that you can try to make the website even more engaging. For example, you can add a bit more spice to the site by tweaking the web design. And one of the easiest ways to do it is to include an image slider to the site.
Want to add an image slider to your website? You’re using WordPress as the platform. So, it’s surely not an extremely difficult task. All you need to do is go for a plug-in. And there are quite a few WordPress plugins, which can help you add amazing sliders to the site. So, your site is going to appear smarter and more attractive.

So, what slider plug-ins can you use to give an amazing look to your website?

Here’s a quick look.


Meta Slider


Meta-SliderWant a free image slider for your WordPress website? Ask any expert. The first option everyone is going to tell you is the Meta Slider. And that’s not without any reason. This slider has over 600000 active installations and has been providing an excellent aesthetic touch to those websites.
So, why is the Meta Slider so popular among the WordPress website owners?
That’s because it offers:
a perfect combination of style and functionality.
a simple way to upload images.
an easy navigation.
Meta Slider also has free and pro versions, which can come in handy for any designer and WordPress website owner.


Cyclone Slider 2


Cyclone-SliderWhat features are you looking for when you are planning to add a slider to your WordPress website?
Cyclone Slider 2 offers all of those. And these are driving its popularity among the users.
So, what features does this WordPress slider offer?
These include:
delays in sliding
pause on hovering over it
slider dimension
Moreover, Cyclone Slider 2 is user friendly as well. All you need to do to use it is drop the images on the slides and drag it to reorder the images on the slides. This slider plug-in can change the appearance of your WordPress website completely.


Slider WD


Slider-WDWhen you are designing your WordPress website, would you go for a slider that’s not good enough to look at?
Probably not. Until and unless you’re getting something as useful as Slider WD.
Although this plug-in doesn’t offer looks as amazing as most of the other slider plugins, yet the features it offers are good enough to outshine that dearth in appearance.
The Slider WD has easy ways to set up the plug-in. Besides, it allows alignment transitions, cropping, and so on. Moreover, it can also come in handy if you want to add a watermark to the images or allow swipe navigation.
The Slider WD plug-in is so popular among the users because it allows a wide range of bespoke options. You can add a text layer to the image. Moreover, even video or social media layers can be added if you are using this slider plug-in for WordPress.


WordPress Lightbox Slider


WordPress-Lightbox-SliderIn addition to a few amazing sliders by various providers, WordPress itself has got an excellent options for people who are looking to add a few sliding images to their website. The WordPress Lightbox Slider is a handy option for people who are looking for an easy way to add an amazing look to the website.
When you use a lot of images and videos, the page load time of your website tends to increase. This isn’t a great thing for your website. But you can optimize the website by adding the WordPress Lightbox Slider. It will help you ensure that the images and the videos are managed properly. So, the page will be loaded within a short time, thus reducing bounce rate.


Master Slider


Responsive-Touch-SliderAn image slider makes it easier for the website owner to make the site wonderful if it’s great to look at. And that’s exactly what Master Slider does. It is a responsive touch slider, which ensures that the images appear excellent. Besides, the transitions are also enchanting. So, this slider has all the quality in it to give an interactive and interesting look to your website.
Sliders can be an integral part of your WordPress website. They can add amazing looks to the site. And all these can be done with the help of just a few plug-ins. But for that, you’ll have to select the right plug-ins. Only then you can expect to attract more visitors to your website.

]]>
http://designbeep.com/2016/02/04/5-slider-plug-ins-to-use-on-your-wordpress-website-in-2016/feed/ 0
Pressure.js – A JavaScript library for handling Force Touch and 3D Touch on the web http://designbeep.com/2016/02/04/pressure-js-a-javascript-library-for-handling-force-touch-and-3d-touch-on-the-web/ http://designbeep.com/2016/02/04/pressure-js-a-javascript-library-for-handling-force-touch-and-3d-touch-on-the-web/#comments Thu, 04 Feb 2016 09:54:24 +0000 http://designbeep.com/?p=60291 Pressure is a JavaScript library that makes dealing with Apple’s Force Touch and 3D Touch simple. Force Touch for new Macs and 3D Touch for the new iPhone 6s and 6s Plus, all bundled under one roof with a simple API that makes working with them painless.

Pressure gives you a handle on browsers that do and don’t support Force or 3D touch so you can plan for the users experince if they don’t support it.

Current Browser/Device Support

– iPhone 6s (safari)
– iPhone 6s Plus (safari)
– MacBook 2015 (safari)
– 13″ MacBook Pro 2015 (safari)
– 15″ MacBook Pro 2015 (safari)
– Magic Trackpad 2 (safari)
(future devices and browser that support force will be added when they come out)

pressure

[gpp_button color=”blue” url=”http://pressurejs.com/” title=”3D Touch” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Pressure.js[/gpp_button]

[gpp_button color=”black” url=”http://designbeep.com/category/resources/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]

]]>
http://designbeep.com/2016/02/04/pressure-js-a-javascript-library-for-handling-force-touch-and-3d-touch-on-the-web/feed/ 0
Fresh Free Font Of The Day : Balans http://designbeep.com/2016/02/04/fresh-free-font-of-the-day-balans/ http://designbeep.com/2016/02/04/fresh-free-font-of-the-day-balans/#comments Thu, 04 Feb 2016 09:44:57 +0000 http://designbeep.com/?p=60286 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 Balans is designed by Thomas Breure.

Balans Normal & Line – free font is a font searching for balance between form and function in every single letter.

free font

2.Free Font Of The Day  Balans

3.Free Font Of The Day  Balans

[gpp_button color=”blue” url=”http://cargocollective.com/thomasbreure/Balans-free-font-and-posters” 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/2016/02/04/fresh-free-font-of-the-day-balans/feed/ 0
Risotto – WordPress Restaurant & Cafe Theme http://designbeep.com/2016/02/04/risotto-wordpress-restaurant-cafe-theme/ http://designbeep.com/2016/02/04/risotto-wordpress-restaurant-cafe-theme/#comments Thu, 04 Feb 2016 09:37:58 +0000 http://designbeep.com/?p=60283 Risotto is a premium, fully responsive, Retina-Ready WordPress theme with Modern Design. It’s very code-light, making it quick to load, and has a pleasingly clean look that’s ideal for Food, Restaurant and Cafe websites.
It comes with some great features – a theme options panel, live customizer, drag and drop page builder and useful shortcodes.
Risotto is fully integrated with the visual composer. This awesome page builder lets you to create complex layouts of your pages and posts with simple drag-n-drop interface. Code is easy to modify and understand so you can personalize it in the easiest way.

WordPress-Restaurant-&-Cafe-Theme

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

]]>
http://designbeep.com/2016/02/04/risotto-wordpress-restaurant-cafe-theme/feed/ 0
Grab This Month’s (Feb.) FREE Photography HTML5 Template http://designbeep.com/2016/02/02/grab-this-months-feb-free-photography-html5-template/ http://designbeep.com/2016/02/02/grab-this-months-feb-free-photography-html5-template/#comments Tue, 02 Feb 2016 11:42:04 +0000 http://designbeep.com/?p=60279 Airy is a modern photography template featuring lovely interactive galleries, clean well-commented coding and a timeless design.

Features:

– Clean HTML5 coding
– Responsive with media queries
– Step-by-step how-to documentation
– Multiple gallery styles, which can accommodate landscape and portrait images of different sizes
– SEO-Optimized
– Cross-browser compatible
– Pre-defined color schemes in CSS

html template

Just become an Envato member(FREE) and download the template for FREE

[gpp_button color=”blue” url=”http://themeforest.net/item/airy-photography-creative-html-template/full_screen_preview/11252959?ref=cinim” title=”HTML Template” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”http://themeforest.net/item/airy-photography-creative-html-template/11252959?ref=cinim” title=”HTML Template” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

]]>
http://designbeep.com/2016/02/02/grab-this-months-feb-free-photography-html5-template/feed/ 0
Bulma – Modern CSS Framework Based on Flexbox http://designbeep.com/2016/02/02/bulma-modern-css-framework-based-on-flexbox/ http://designbeep.com/2016/02/02/bulma-modern-css-framework-based-on-flexbox/#comments Tue, 02 Feb 2016 11:24:44 +0000 http://designbeep.com/?p=60275 Bulma is a modern CSS framework based on Flexbox.The package contains all usual elements like Buttons, form controls, menus, tabs, titles, notifications, etc. Bulma comes with simple grid system (Just add columns, they will resize themselves), flexible navbar (Include any type of element, they will remain vertically aligned), compose your element with modifier classes and Versatile media object.

bulma-banner

[gpp_button color=”blue” url=”http://bulma.io/” title=”CSS Framework” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Bulma[/gpp_button]

[gpp_button color=”black” url=”http://designbeep.com/category/resources/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]

]]>
http://designbeep.com/2016/02/02/bulma-modern-css-framework-based-on-flexbox/feed/ 0