Practice : How to Upload File to Your Dropbox from WordPress Site

setting up

Perhaps, there are some friends here who want to give permission for visitors to upload files to their dropbox account, directly through wordpress site. The scenario: the user can upload files with a specific format and you can see the file in your dropbox account. Simple, but difficult to implement. I’ve tried some plugins, such as a simple upload dropbox but to no avail.

So, what to do?

If you are a user grafity form, you can use the add-on of gravity form. Seems promising, and you can try it. But, gravity form is a premium plugin. Not suitable for those of you who are looking for freebies.

Try contact form 7. I like the contact form 7 because it is easy to use and its enhanced with add-on, just like gravity form. But, it did not exist.

Alternatives? try using google drive. I find pluginya did not exist. What now? trying to write my own code? I think not a good idea. You will spend time in days. If you are a genius, maybe just a few hours.

So, what to do?

I try jotform. Jotform is a service to create a form, contact form but not the plugin. After registering, you will receive a code to create a form, a type of HTML and javascript.

Jotform allows the user to upload files to your dropbox account. So, this problem is resolved with jotform. I would show up to you, how to create a form that can upload files to your dropbox account.

Follow these steps

1. Open this URL to create form

2. Give permission to your dropbox account

upload_to_dropbox_001

3. Then jotform will settup your form automaticly. just like this pic

setting up

then click next to design your form. Jotform offers form builder, you can use it, or if you want to get form code quickly, you can get it soon.

4. Copy your code and paste to your wordpress editor (page menu)

form code

Done..

Whats Next?

You can use the menu page in wordpress to create a page that contains a script jotform. Make sure you use the source code mode, not a visual editor.

I hope this tutorial is work for you also, because i was tested it and successfully like charm.

 

Creative Material Design for Designers : Icons, Photos, Ilustration, Mock Up and More

Below I have collected some design materials that you can use to enrich the projection you are working on or when you want to get inspired, what kind of design will I make. Then you are in the right place.

I have collected some icons, mock ups, illustrations, photos and more. You can also create a creative design of various products such as pillows with unique pictures, cups that have been purchased with unique icons and others. Creativity is your limit. The more creative you can get unique products that are not on the market

Take a look at some of the samples below, you might find inspiration

My Little Patterns


Meet My Little Patterns pack and imagine how many creative projects can you nail with these cuties: beautiful packaging, trendy apparel design, catchy prints, mind-blowing typography and so much more! Don’t think of it as a one-timer, this collection is incredibly versatile – tons of floral and geometric designs would take you some time to pick the perfect one. Of course, all assets are print-ready and can be used for any kind of design work.
My Little Patterns includes:

  • 55 Floral Seamless Patterns;
  • 55 Geometric Seamless Patterns;
  • PAT file with all patterns for Photoshop;
  • AI file with all patterns for Illustrator (CC+)
  • High-Resolution (300 DPI) PNG assets

Download

Food & Drink


Diverse collection of 100 ‘Food & Drink’ vector line icons suitable for web, print, symbols, infographics and apps. This set includes icons for fast food, takeaway, takeout, sweets, Asian food, coffee, health food and alcohol, including cocktails and spirits and many more topics!

Features:

  • 100 unique Icons (200 in total, 100x Outlined, 100x Live )
  • Expand to any size
  • Master: AI, PDF, SVG, EPS and PNG Files
  • Individual: AI, PDF, SVG, EPS and PNG Files
  • Ai file which can be edited (Colours, sizes, ect)
  • Transparent individual files
  • All same line width and style
  • Outlined & live stroke

Download

Dreamy nursery creator


Amazing dreamy nursery creator in scandinavin style. This collection include adorable animal portraits,patterns, creative alphabet, premade posters. Monochrome style of this kit will be always looks great on your products or nursery decorations

Stylish seamless patterns are in color and monochrome style, check on preview to see them. You will have endless posibilities to combinate patterns with prints and creative alphabet for baby apparel or to make amazing nursery design. Also you can create baby shower cards,greeting cards, stickers and more.

Download

Summer Styled Stock Bundle


This gorgeous summer stock bundle includes 16 images perfect for summer and will save you a TON of time on your social media and online marketing.

Download

Caribbean Pirates Here


It’s a so serious and angry so naturalistic and funny 😁 PIRATES! Exotic palm and tropical coconuts. Cute vector fruits and a romantic mermaid​. Metallic anchor and gloss sword. Create a really cheeky postcard with the pirate mood for a friend or decorate child’s room. This package includes elements that will help you in your design: pirates, fruits, animals, flowers, patterns, frames, adventure elements and more. Create an invitation or use for your small business, Instagram post, Facebook page or anything else!
Download

Set of Summer Equipment


Set of summer equipment includes 20 isometric illustrations of objects you need to have on your vacation. All illustrations are well-crafted and have both: simplicity and details too. So you can use them separately as icons or in groups to illustrate your ideas.
Download

20 Mothership Circuit Spheres


Mothership is a collection of 20 abstract circuit board spheres. These unique high resolution 3D renders have been created with a ton of intricate detail. Electrical components, conductive tracks, capacitors, resistors! Inject some abstract technology into your projects.

These spherical masterpieces are great for contemporary design projects. Use Photoshop to easily customize the look and feel of each design. Adjust your hue and saturation to create different colour options. Invent the colour to get a completely different look.

This set includes 20 high resolution spherical circuit sphere. Image files are print ready at 300 dpi, 4000×4000 pixel, transparent PNG files for instant easy integration with any design project and application. 6 landscape backgrounds and 6 fully editable PSD poster templates.

Download

Frames Mockups – Customizable Scene


SIMPLE CUSTOMIZABLE FRAMES MOCKUP SCENE FOR YOUR POSTER, ARTWORK OR PHOTO
Hey guys!
Looking for a fun and stylish way to present your artwork to the world?!
Here’s the project where you can easily customize pretty much everything.

FEATURES:

  • High resolution .psd file: 4000x3000px
  • 3 types of frames: portrait or landscape 4×3 and square 1×1
  • 5 frame styles: white, black, wooden, golden, color metallic
  • Each frame has inner/outer shadows and reflection layers (controlled by opacity)
  • High quality backgrounds with 2 textures and limitless color options (controlled by hue)
  • 8 decorative objects that can be easily rearranged, resized or removed
  • 2 types of shelf surface and extra color settings

Download

Split iOS UI Kit


Combine the modern beauty of iOS and elegant functionality of our new app UI Kit. Create interactive user interfaces easily.

  • Resolution. All screens are created for 375×667 resolution. You can export them easily in 2x for Retina Displays.
  • Elements. Change symbols size easily and correctly.
  • Pixel Perfect. No fractional pixels, the ​only ideal vector for ideal work.
  • Font Free. We’re using free Google Raleway Font in Split
  • Make it Minimal. Black-and-white classic. Simple and elegant design. Nothing unnecessary.
  • Structure. Well-structured Symbols and Styles organization for intuitively-easy design.

This is the power of Sketch.

Use Symbols. All frequently used elements are now in symbols. Use them to create interfaces really fast. Add new symbols to customize your design.

Layer Styles. Easily change icons, colors and text styles just inside the symbol to create something really new.

Text Styles. We created a lot of different well-ordered text styles in different sizes for your comfortable work. Don’t forget to use this function to increase your workflow.

Requires Sketch 44.1+.
Download

Set of Polygonal Animals


56 Illustrations of Polygonal Animals
Create the ZOO, farm or animal world in your own style!
Animals are illustrated in low-poly style, and perfectly match together.
Thanks to their minimalism, you can even use them for logo design.
Everything is in vector shapes, feel free to resize them without compromising on visual quality.

Download

Dots & Lines Patterns Bundle


Two of my favourite pattern collections have joined forces today to form this lovely Dots & Lines Patterns Bundle!

A total of 80 Illustrator vector patterns and 50 eps elements

All scalable vector graphics (with no loss in quality)
Editable vectors

Download

Big Social Media Bundle #1

Download

100 Banking Minimal Icons Set

These are Outline line Minimal icons Collection that designed on detail straight and Rounded line style which Pixel perfect Grid. All vector icons based on 32px grid, Icons are also a good choice to use in Mobile app , Web Project and etc..

Feature :

  • 100 Money and Banking icon design
  • All vector icons based on 32px grid
  • Editable Stroke with Adobe Illustrator

File Included :

  • 2 .Ai File of all icon ( Expand Stroke / Editable Stroke )
  • 2 .Eps File of all icon ( Expand Stroke / Editable Stroke )
  • SVG File Expanded Stroke and Stroke Version
  • PNG File in 4 Sizes ( 32px / 64px / 128px / 256px )

Download

Set of Coffee MockUps


HELLO! This set include 5 fully changeable good looking PSD files for your presentation or whatever! You can change design of objects by double click on highlighted layer, just put your design and save it!

Features:

  • 5 psd mockups
  • Moveable objects
  • Changeable color of background, bag, cup, label and literally everything in the scene
  • Turn on or off label on bag with coffee
  • 4 different envieronment backgrounds for front and perspective view
  • Blur/unblur background on PSD with beans
  • Turn off visibility of beans or any cups on PSD with floating cups. Also feel free to scale them.
  • High resolution: 4680×3120 px
  • Photorealistic results
  • Easy editing via smart objects
  • FILTERS!
  • 2 bonus JPG images with coffee beans

Download

Coffee Chalk Letterings


Download

Cosmic Patterns Collection


Our team is amazed to bring​ our best summer patterns ever – we’ve been searching for the inspiration just everywhere and finally, here they are! A little marine, a little Provence, a little vogue – here they are, crafted with love and tenderness, as well as attention to the details. 24 adorable vector patterns would be a perfect match for any of projects – branding, web design, stationary, clothing, interior​ – it’s hard to belive, but they’re that versatile.

Download

Color Splash Patterns


Hello, I would like to introduce to you a brand new set of abstract patterns with a splash of color! 10 Color Splash Seamless Vector Patterns!. They have a brushed look, they are edgy and super fun and at the same time they are all editable vectors that are easy to use.
They are fully editable (through Adobe Illustrator) and all elements are vectors. You can select and use them separately if you like or even create your own unique patterns by mixing the brush strokes of this set! Of course you can also change the colors to suit all your projects!
They can be ideal as backgrounds for branding projects, packaging, fashion apparel, posters, leaflets or just try them as website or social media backgrounds with great results!
Also note that with this set the 10 pattern tiles are included as psd files so you can easily work with these beautiful patterns in Photoshop (the psd pattern tile is not editable)
Download

Modo Icons Collection


We’re glad to introduce you the Modo Icons – a new vector icon collection from Bloomicon.
Modo utilizes bright, bold colors with minimalistic shapes and simple forms resulting in plain, clean and readable design product yet with a strong visual meaning.

The Modo Icons collection includes 2000 icons/mini-illustrations which will come in handy for every creative talent. Whether you’re working with digital marketing, package design, fashion, motion graphics or ux and ui – you’ll always find something useful for your commercial or personal projects.

Just name it. Modo covers a vast variety of themes and includes hundreds of brand new cool looking symbols from ui/ux arrows and social media avatars to banking, e-commerce, insurance, education and much much more!
Modo Icons were made on our special custom made pixel perfect modular grid – thus being compatible with our prevoius icon/illustration collections – Futuro and Linero.
So, what are you waiting for?

Download

White Picture Frame Bundle


This minimalist inspired bundle includes 18 white picture frames styled with florals and desk accessories, perfect to showcase your designs. The picture frame is 11 x 14 and the mat size is 8 x 10. All images were shot using natural light
Easily downloaded, you can simply overlay your design or text. Use as is or crop and use as a pinnable blog post header, headline, announcement .. the list in endless!
Get creative and fade the colours, add a fun filter or make it black and white! Create images that are unmistakenly you!
Download

Styled stock photography icons


ICONS FOR STYLED STOCK PHOTOGRAPHERS!
Lovely collection of 90 icons that are specially curated for styled stock photographers, designers, bloggers, digital influencers and creative freelancers!
This set contains all the favorite subjects in styled stock photography including the all-present peony flowers, cacti, succulents, monstera plants, smartphones, notebooks, fashion accessories etc.
Icons are provided as vectors, rasters and SVG-s which makes them ideal for both print purposes and for websites, apps, social media marketing and blog posts.
Download

[Solved] Warning 512 Invalid Salt on CakePHP when Use Blowfish Encryption

cakephp-blowfish-error

CakePHP has a complete feature to create a simple authentication or system login / logout. Although simple, but the quality of security sufficient for modern websites. If you want to learn to make the authentication system, please follow the tutorials available on this page. I also followed him, and succeeded perfectly.

However, there is a bit of a problem, that is, when you use a hash or encryption method different password other than blowfish. Yes, on the tuturial, cakephp using blowfish hash method. If you fill in the password by methods other than blowfish, then you will get an error like this.

cakephp blowfish error

Dont worry, the problem is not your system or cakephp or PHP version. However, for the PHP version, make sure you are using version 5.3 and above. I am using PHP version 5.5.3 and no problems.

The problem is, you use a different password hash method with blowfish, for example md5. I’m using MD5 and there was an error as above.

BootstrapStudio vs Pinegrow : What is The Best for Web Designers ?

bootstrapstudio

One Bootstrap editor was present tonight, the name is bootstrapstudio. If before, the web developer using pinegrow, rivals are now getting quite heavy, bootstrapstudio which have almost the same capabilities. For the price, bootstrapstudio priced at almost the same price, which is 50 dollars. If you buy today (when this article was written, then you will get a discount of 50%)

What are Bootstrapstudio features?

Drag and drop: With this feature, you just simply move and put the bootstrap element. Easy, even you do not need to write HTML code

Interface cool: When compared with pinegrow, bootstrapstudio has a nicer interface, simple and elegant.

Preview: When you are finished designing the web, then you will soon see a preview, in real time. Pinegrow also have this feature.

Advanced CSS editor: Pinegrow not have this feature, this is the excess bootstrapstudio compared with pinegrow.

Weekly Update: I really liked the updates on a regular basis. If it really, then pinegrow will lose, because pinegrow rarely get updated. In 1 year, possibly only 1 time  got update. I am still waiting for an update bootstrap 4.

Want to try bootstrapstudio before buy ? check this page with chrome browser

[code tipe=”300″]

Best Alternative WYSIWYG editor for Developers

Froala Editor

Do not think that WYSIWYG editor are TinyMCE and CKEditor, it turns out there are many WYSIWYG editor that you can add to the CMS. The majority of CMS using WYSIWYG editor to simplify the user to add and edit content. As in wordpress using TinyMCE that has been modified.
There are many WYSIWYG editor that you can use, there is a jquery based, CSS or HTML5, depending on the framework you use.
Here are some alternatives WYSIWYG editor that will open your eyes, the world is wide.

Froala Editor

Froala Editor

A beautiful WYSIWYG rich text editor (RTE) that was built on the latest technologies and according to the latest industry trends

WYSIWYG are bulky chunks of code that allow users to format text inside their browsers just like they’d do with desktop software like Word or OpenOffice.Most of them work by transforming a simple textarea into a fully-blown text formatting section, with lots of toolbars and buttons to style the contained text.Another way of adding a RTE to a page is to allow users to select text and then show a popup with formatting controls next to it.Both ways are great, but few WYSIWYG editors provide both these editing options, focusing on just one of these editing experiences.Froala Editor provides a solid WYSIWYG editor, working for both of the aforementioned editing experiences, but also offers a pretty solid codebase, coded according to the latest standards and industry best practices.The Froala Editor is one of the few RTEs around with mobile and Retina support, making it also ideal for usage on mobile devices also.Utilizing the FontAwesome icon font for the editor’s buttons, Froala also reduces HTTP requests when loading the editor, improving page load time and providing a much more easier to style editor UI.Everything inside the Froala editing toolbars is interchangeable, developers being able to turn buttons and functionality on or off, or move them around to custom positions as they see fit.All in all the Froala Editor is a very well done WYSIWYG solution, with lots of customization options, documentation and demos included.Froala Editor is available under a dual licensing model. The free version is available personal and non-commercial projects under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License, while for commercial usage, various paid licenses are available, depending on the desired usage requirements. Be sure to read the licensing agreement and don’t get mixed up.

[code tipe=”336″]

Download

Ponymark

Ponymark

A WYSIWYG editor that works using Markdown syntax, helping users easily format their text on the Web using a set of buttons and controls

Ponymark was forked and deployed on top of the PageDown WYSIWYG Markdown-powered editor. Just like most WYSIWYG editors, Ponymark works on top of a textarea, adding a text formatting toolbar above which users can utilize to format the text they enter inside the textarea.Support is included for most Markdown formatting options, from bold and italic text, to links, and image embeds.Developers can turn formatting buttons on or off in the toolbar, limiting or broadening the user’s text stylization options.Ponymark is framework agnostic, was built on a modular structure so it can be easily extended at later points and also supports GitHub Flavored Markdown as well.It also supports image drag and drop embedding, Imgur or local server uploads, and even syntax highlighting via highlight.js.

[code tipe=”300″]

Download

Redactor

Redactor

A jQuery rich text editor, a powerful tool for implementing a simple WYSIWYG editing experience for your site’s users and visitors

The Redactor jQuery plugin transforms regular textareas into WYSIWYG editors, allowing site users to enter and style their text as they see fit.Redactor was built to be used as a basic rich text editor, yet it has slowly evolved from a nice open source project to an advanced, commercially available, text formatting toolkit.The editor has seen wide-spread adoption in many open source or commercial projects, being the default text formatting WYSIWYG editor for projects like Pulse CMS, Perch, or Statamic.If you choose to go with Redactor for one of your next projects, the editor will greatly reduce the time spent formatting text, and make life a lot more easier for both developers and end-users alike.

[code tipe=”728″]

Download

Squire

Squire

A WYSIWYG editor for transforming your textareas into a fully-featured text formatting tool, complete with a fully-working editing toolbar

Squire is a rich text editor created using JavaScript and HTML5.It can be used in any project and help developers provide a text editing component.Most text editing controls like making text bold, italic or underline are included, along with inserting links, changing fonts, text size, direction or alignment.The default Squire package comes without a graphic package, letting developers create their own text formatting toolbars.This approach is much more professional than providing developers with a built-in toolbar UI, which in most cases needs to be stripped down and re-built to integrate with custom projects.There’s a ready-made toolbar UI included in the sample project download package, just in case you’re too lazy to build your own.The Squire component was created for usage in modern browsers, has no external dependencies and was created for dealing with text alone. This means no support for inserting iframes, Flash movies or anything else, Squire not including support for such features. For this, use more advanced/bulky tools like CKEditor or TinyMCE.

Download

Trumbowyg

Trumbowyg

A WYSIWYG editor working on top of jQuery and the HTML5 contentEditable feature, extremely easy to customize and ready for production usage

Trumbowyg is one of the new wave of rich text editors that utilize the new approach to text formatting by taking full advantage of HTML5’s new contentEditable attribute.The plugin looks and works like other WYSIWYG editors, using a toolbar on top of the editing area, full of buttons which will help format the contained text.All the text is formatted using HTML syntax, and the content of the toolbar is fully customizable, Trumbowyg letting developers decide what buttons to show using a simple config.Overall the editor is quite lightweight, and new features can easily be added via plugins or localization packages.A few demo editors are included with the Trumbowyg download package.

Download

Medium Editor

Medium Editor

A fantastically easy to deploy in-page WYSIWYG editor written in JavaScript, perfect for helping users edit the content of a page without reloading it

Modeled after the in-page editing toolkit provided by Medium.com to their editors, the Medium Editor will allow anyone to use a similar technology for editing the content of their page without relying on a bulky RTE that most of the time slow down page load times more than they help with text formatting.Medium Editor is also framework agnostic, being written in pure JavaScript. This means it can work with or without a bulky framework like Prototype or jQuery.A small demo is included with the Medium Editor download package.

Download

Dante Editor

Dante Editor

A simple WYSIWYG editor modeled after the inline text editor seen on the Medium.com blogging platform, with support for all of the original controls

Dante Editor, even if not the first clone of the Medium WYSIWYG editor, is actually the first that provides all of the originals formatting controls.This means you can actually embed media files inside your page with Dante, not just edit text like most of the other clones let you do.

Download

wysihtml

wysihtml

A framework-agnostic WYSIWYG editor, a tool for letting your users easily style their text using a simple Word-like formatting toolbar

Download

StackEdit

StackEdit

A JavaScript WYSIWYG editor for styling and previewing text inside a browser, complete with support for editing documents in the cloud

StackEdit uses Markdown to style text and is widely based on the PageDown editor. Besides just editing local files, it is also integrated with various document cloud storage services, helping users boost productivity by skipping the act of downloading and editing files in local desktop text editors.

Download

Decoda.js

Decoda.js

A WYSIWYG editor that you can use to replace your textareas with a modern formatting toolbar, with support for a multitude of text styling options

Decoda.js is a port to JavaScript of the Decoda PHP text parsing and formatting library. The editor works practically the same way, but instead of parsing text on the server side it uses a toolbar appended to a text area to replace or insert special (custom) formatting tags inside the text.Once the text entered inside the textarea, users can utilize the formatting toolbar to add their desired text styling options and submit the text when done.This text is then sent to a server where it can be passed through the Decoda library and converted to standards compliant HTML code.Basically Decoda.js is a frontend for the Decoda PHP library, allowing developers to easily embed it with their projects.All original Decoda features are supported and reflected as (optional) buttons on the Decoda.js formatting toolbar.This includes basic text beautification tags, embedding tags, table formatters, lists, code blocks, block quotes, links, and so on.A demo is included with the download package.

Download

Hallo

Hallo

A rich text editor (RTE) for the jQuery UI framework, working on top of the new HTML 5 contentEditable feature for real-time page edits

Works by editing text in-place, instead of loading a totally new page, where the desired text is shown inside an editor frame.To have additional text formatting options shown, just select a piece of text.Hallo’s source is written in CoffeeScript and compiled to JavaScript.The editor formats text via Markdown syntax.A demo is also included with the download package.

Download

Javascript Textarea BBCode Markup Editor

Javascript Textarea BBCode Markup Editor

This is a very simple and lightweight BBCode markup editor

Written in JavaScript, the editor replaces a normal textarea, adding a toolbar on the top with useful formatting commands. By default, it can make text bold/underline/italic, insert links, images, quotes and code sections.A similar HTML editor can be found here.

Download

Aloha Editor

Aloha Editor

An HTML5-based WYSIWYG editor, working on the front-end side of a site, allowing the user to edit the content right where it stands

Aloha Editor is what Web developers call an “inline” or “in-place” WYSIWYG editor.The editor works via the HTML5 contenteditable feature, and comes with proper support so it can be used across various browsers types and versions without having to worry about HTML5 support.After installing the editor, if you want to use it you can do so by hovering the mouse over a website section. A formatting toolbar will appear, relevant to the content the user will try to edit.Since Aloha is considerably smaller than classic WYSIWYG editors, it is very fast to load and save the edited content.

Download

fresherEditor

fresherEditor

A fully-featured WYSIWYG editor designed around the HTML 5 contentEditable feature and working atop the jQuery JavaScript framework

fresherEditor helps developers implement an inline rich text editor that lets users edit the page’s text content right where it stands.The plugin appends a formatting toolbar to each contentEditable zone, aiding users in styling their text with a set of ready-available controls.Various keyboard shortcuts are supported, along with Bootstrap integration.A demo fresherEditor is included with the download package.

Download

Popline

Popline

A powerful in-place WYSIWYG editor, built on top of jQuery and HTML 5, for adding a lightweight rich text editor to any Web page

Popline allows users to edit text with the help of a floating formatting toolbar.This toolbar appears only when a text is selected, and provides relevant options, based on the selected text.Besides the “Edit” mode, a “View” mode is also included for previewing the created text.A demo is included with the download package.Inspired by the PopClip Mac editor.

Download

ZenPen

ZenPen

A minimalistic JavaScript WYSIWYG text editor, allowing developers to edit a piece of text via the new HTML5 contenteditable attribute

ZenPen ships as a Web notepad where users can add their text and save it for later.Developers can utilize this feature and add ZenPen to their applications by integrating it with their CMSs or forums as a way for users to edit their text online, without a clumsy controls toolbar at the top.The ZenPen controls are non-intrusive and provide formatting options like blod, italic, quotes, links.After all the edits have been done, all page changes are saved client-side via localStorage, but this built-in behavior can be modified to save changes to a remote database as well.

Download

jQuery Notebook

jQuery Notebook

A jQuery-based WYSIWYG editor, inspired by the inline, in-place editing experience used by Medium.com to help their users format their blog posts

jQuery Notebook was developed to be a simple port of the Medium.com rich text editor.Most of the native Medium editor features are supported with jQuery Notebook as well, allowing developers to deploy a similar WYSIWYG tool for their sites as the one used on Medium.The plugin works by allowing the user to write his text, without showing any formatting toolbars above the text area.The formatting toolbar is only shown when selecting and hovering the text, as a popup tooltip with formatting controls inside it.Besides this, keyboard shortcuts are also supported, in the vase developers want to edit text in a fast pace and avoid selecting or hovering text.The keyboard shortcuts are customizable, along with the formatting buttons that appear on the WYSIWYG toolbar.A jQuery Notebook demo is included with the download package.

Download

ClassyEdit

ClassyEdit

A jQuery plugin that transforms regular textarea fields into fully blown WYSIWYG editors, perfect for enriching the user text writing experience

ClassyEdit can be used to add a small rich text editor instead of your ol’ classical textarea field.ClassyEdit allows users to enter their text and use a set of buttons and controls displayed on a toolbar above the textarea to style the text accordingly.The plugin can be used for comment fields, contact forms, forums, CMSs, blogs, and many other more.A demo is included with the download package.

Download

bootstrap-wysiwyg

bootstrap-wysiwyg

An open source, lightweight WYSIWYG editor for jQuery and the Bootstrap UI framework, a tool for easily formatting text on the Web

In case as a developer you really like working with Bootstrap, there’s a commonly used UI component that’s missing from the framework, and that’s the WYSIWYG editor.The “bootstrap-wysiwyg” jQuery plugin adds support for this component in Bootstrap, allowing developers to easily deploy it to a live project and provide rich text editing support to any textarea.As you’d imagine the editor is quite malleable and the formatting controls available on its toolbar can be turned on or off for faster loading or richer text editing features.The editor is also mobile friendly, uses an icon font for the toolbar buttons, and supports keyboard shortcuts as well.A basic demo editor is included with the bootstrap-wysiwyg download package.

Download

Update:

I have just been informed by someone via email. There is a web app that is quite interesting to me. Its name is cloud desktop. A unique concept where we can access a desktop from anywhere.

Developers can access their essential windows based editors and emulators remotely from anywhere on any device(PC/Mac/android/iOS) with virtual desktop www.CloudDesktopOnline.com with 24*7 excellent support from Apps4Rent

NicEdit

NicEdit

This is a JavaScript WYSIWYG editor for advance formatting text using a simple GUI

Can be used as a stand-alone, or integrated with more complex GUIs or CMSs as a plugin.Under the hood, NicEdit works by replacing a normal textarea with a set of controls that will allow the user to style entered text the way he wants with a Word-like set of controls.Various demos of NicEdit are included with the download package. Also a custom download package builder is provided for lighter or more advanced versions of NicEdit.

Download

Raptor Editor

Raptor Editor

An HTML5 WYSIWYG editor

Raptor is available as a jQuery UI widget or a stand alone HTML5-driven editor.A demo is included with the download package.A WP version of this editor can be downloaded from here.

Download

Photo Party : Free HD Quality Images for Any Purpose

beautiful-sky

Its time to share what i am was taken in last week end with my canon 1100D. I love share this. You can use these images for your project, comercial purpose, graphic arts, template, share on your blog or anything what you want.

I was uploaded all images on Flickr and also bundle it in .zip file, you can download it from mega.co.nz

Dont forget to follow our previous series

  1. Photo party part 1
  2. Village and nature photo
  3. Black and white HD images
  4. Onthel story photography

Here is some of my picture

Download all, total 10 picture in HD quality.

Solved : Download with IDM Stop in 99%, and Connection Lost

stop download 99% IDM

Have you experienced problems with IDM or internet download manager: when it was 99%, the download process stops, when the problem is not your internet connection. Suddenly there within 30 seconds lost connection notification, WTF?!. In fact, you are downloading a large file, say around 3GB movie or game.

I am looking for a wide range of solutions on the internet, and everything nothing works. Then I tried to find it again, and this one is successful. Consider the following tips, when the download stops at 99%

  1.      Set the number of connections in the IDM to 1
  2.      Turn off antivirus
  3.      Then, resume your download.
  4.      Done.

Its work for me.

Notepad++ with WordPress Code Autocomplete

wordpress-auto-complete

Notepad++ is a text editor that I use every day. Excess notepad++ is a lightweight, easily customizable with plugins and free. The text editor has been a favorite of mine since I was in college.  Another plus is the support for many programming languages​​, such as HTML and PHP. The download size is only 8 MB​​, brings a lot of features. Unfortunately, notepad++ is written in C++, so it can not be ported to other operating systems, such as Linux and Mac. Mac and linux users will be disappointed.

Well, as a wordpress theme developer, I dreamed of an IDE for wordpress. Then, I was looking for a plugin that can fulfill my desire. There is a plugin, plugins rather not, but a special library for wordpress. Read more

Ultimate Tutorial Using Medoo PHP Framework

medoo tutorial

Medoo is a PHP framework that interesting to me. Why? because this framework is very small, only a few kilobytes, and only 1 piece of file. I call Medoo is a real micro PHP framework. Medoo has primary responsibility only interact with the database, no helpers and controllers, so right if Medoo referred to as non-MVC framework.

With Medoo we can interact with databases, especially MySQL very easily and quickly, because in the framework Medoo there are many functions for it. Suppose the function select, insert, update and delete. Isn’t the basic operation of the database is CRUD? so, this framework already qualified. Instead you use PHP from scratch, it is better to use this framework.

[code tipe=”336″]

Medoo made ​​by Angel Lai, someone who likes things simple and easy.

This post about tutorial use Medoo, from starting to advance. We learn together

1. Setting up Your Medoo Framework

Please download a copy of Medoo, you can download it via this link (minify version, recomended for production) or this link (when development app). Store it on you local drive and you ready to follow this tutorial.

Setting up your MySQL database

Open medoo.php file, edit some code below, make sure you know your database configuration.

protected $database_type = 'mysql';
protected $server = 'localhost';
protected $username = 'your_username';
protected $password = 'your_password';

Please fill according to your database. I think you’ll have no trouble doing it. Ok, save and you’re done,  medoo connect with the database perfectly.

[code tipe=”300″]

2. Select Query

We could easily do the select query to a database via medoo framework. Sample code is as below

$database = new medoo();
 
$datas = $database->select("account", [
	"user_name",
	"email"
], [
	"user_id[>]" => 100
]);

Select all column in account table

$datas = $database->select("account", "*");

or select a column in account table

$datas = $database->select("account", "user_name");

and then print data from database in your browser

[code tipe=”728″]

foreach($datas as $data)
{
	echo "user_name:" . $data["user_name"] . " - email:" . $data["email"] . "<br/>";
}

Easy to do following this tutorial? yes, because medoo very easy to learn and use. Ok, now for the next tutorial that is, insert data into the database.

3. Insert Record to Database

$database = new medoo();
 
$last_user_id = $database->insert("account", [
	"user_name" => "foo",
	"email" => "[email protected]",
	"age" => 25
]);

Of course, we can insert multiple record in one action

$last_user_id = $database->insert("account", [
[
	"user_name" => "foo",
	"email" => "[email protected]",
	"age" => 25,
	"city" => "New York"
],
[
	"user_name" => "bar",
	"email" => "[email protected]",
	"age" => 14,
	"city" => "Hong Kong"
]);

So, we do not need a looping command.

4. Update Command

$database->update("account", [
 "name"=>"John Doe",
 "phone"=>"0984758"
  ],
  [
"user_id"=>10
]);

easy and simple lines of code, you can also play with it.

[code tipe=”link”]

5. Delete Command

$database = new medoo();
 
$database->delete("account", [
	"AND" => [
		"type" => "business"
		"age[<]" => 18
	]
]);

That’s a brief tutorial using Medoo framework. I will update this tutorial when finished with my affairs.