Building a 5 Star Rating System with jQuery, AJAX and PHP In this tutorial, you'll learn how to build a rating system with AJAX, PHP, and jQuery. Votes will be recorded and updated in real-time with the magic of AJAX, and we'll also leverage the power of PHP so that you don't even need a database! Step 1. Building the HTML We're going to create a simple page that lists two movies, and allows you to rate them. Let's take a look at the HTML/CSS Notice how there are no graphics in this HTML? This first part of the CSS accomplishes a few things: Gives the default 'empty' start to each star locationSets up classes for filled in stars, and highlighted starsDefines and styles the stars' container. You can either use the graphics provided in the download, or make your own. Next we add a little more CSS to position the total votes box, and center the widgets so the page matches the graphic at the start of this section. Step 2. At this point, we have a very plain looking bunch of empty stars, but they don't do a whole lot at this point. Step 3. Step 4.
50 Photoshop Actions For Every Photographer Photoshop 50 Photoshop Actions For Every Photographer by Alex on Apr 1, 2011 • 12:17 pm 9 Comments Using Photoshop actions can make your life easier and help you edit your photos more quickly. Photoshop Actions For Every Photographer Here i have collected over 50 Time Saving Photoshop Actions for your photosthat will help you achieve some of these looks and save you a ton of time in the process. PROActions Landscape action by EliseEnchanted Magical effect 4.0 by sa-cool Ghost Stories Photoshop Action by elestrial HDR Tools by forfie PW Action Set action 10 by night-fate 3D Actions by myonlyloverob Cinematic Effect by orangeycow Retro Vintage actions by Freaky-Stock Caffeshop Actions – 1st Set by FairyAngelPrincess Blue Eyes Action by mysweetobssession Free Useful Photoshop Actions by MosheSeldin Cross-Processing ATN by mutato-nomine Photoshop Dream Blur Action by jaj43123 color enhancing actions by Princess-of-Shadows CoLoR effect 4.5 by sa-cool Skin Smoothing by Jean31 Photo Ageing by mutato-nomine
URUWorks ready to download Select your operating system SWXE 6.01 r2 (15/08/2015) MD5:16ed36d8ea7231aca1a6f765770d6a23 Remember: currently is a BETA version so may contain errors and not all features enabled. dictionaries The Hunspell Spell Checker This spell checker used in OpenOffice, Mozilla, and Chrome is also available in Subtitle Workshop XE, which includes the following built-in dictionaries: English and Spanish. To add a new spelling dictionary, or to replace an existing one, you should follow these steps: Download a spelling dictionary package that is compatible with the Hunspell checker (for example, from the OpenOffice.org website). languages additional language files © 2015 URUWorks.
Labs - GreyBox A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! Examples One website To trigger GreyBox you'll only need to append a rel tag on your a tags: <a href=" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a> Website gallery Image gallery It takes very little code to display image galleries: Installation Step 1 Append following to your header section. <script type="text/javascript"> var GB_ROOT_DIR = " GB_ROOT_DIR should be absolute. Step 2 Append also following scripts and one stylesheet: AJS_fx.js is optional. Step 3 You are ready to use GreyBox. Where could it be used? Showing external pages AJAX uploading of files Showing internal pages (login, user preference, properties, contact formulas etc.) What browsers are supported? Other browsers may also be supported.
40 Funny Posters About Graphic Designers Posters can be an incredibly fun and colorful way to brighten up the spaces around you – whether they be in your office or at home. They can provide inspiration or simply make your environment more enjoyable to be in. Posters can be beautiful and illustrative, minimalistic and modern, cheeky and funny – really, the list goes on and on. We could all use a little more joy in our lives, so today we’ll be looking at some humorous posters about graphic design and the struggles graphic designers face every day. Let’s lighten up the mood and explore 40 funny posters all about graphic design and those who love it dearly. 01. This poster depicts a phrase many of us graphic designers can empathize with and have heard in one form or another at least once. 02. This poster shows one of a designer’s most loved and most loathed utterings. 03. Ruining the integrity of a font is a cardinal sin amongst seasoned designers. 04. 05. While you can certainly do a lot in Photoshop, you can’t work magic. 06. 07.
Screenr is Closing - Try Screencast-o-Matic Earlier today I wrote a post about screencasting tools. In that post I included Screenr. A couple of hours later I received an email from Screenr announcing that they are shutting down on November 11th. Screencast-o-matic is my recommendation for a Screenr replacement. Screencast-O-Matic is available in a free version and a pro version. Applications for EducationScreencast-O-Matic can be used for creating how-to videos or simple flipped lesson videos in which you record yourself talking over a set of slides. Top 10 jQuery Lightbox Scripts Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project! jQuery Lightbox Plugin Supported Media: Images View Demo Download Fancybox Supported Media: Images, Inline HTML, iFrame View Demo Download Shadowbox Supported Media: Images, Inline HTML, iFrame, AJAX, Flash, Video View Demo Download ThickBox Supported Media: Images, Inline HTML, iFrame, AJAX View Demo Download Slightly Thickerbox Supported Media: Images, AJAX, Video View Demo Download Fancy Zoom Supported Media: Images, Inline HTML, Flash View Demo Download Facebox Supported Media: Images, Inline HTML, AJAX View Demo Download nyroModal Supported Media: Images, Inline HTML, iFrame, AJAX, Video View Demo Download Interface Imagebox Demo View Demo Download piroBox View Demo Download Greybox Redux View Demo Download prettyPhoto
The Role Of Textures in Contemporary Graphic Design Texture is a powerful technique for creating compelling and lifelike design projects, and mastering it will vastly improve your designs. Ever dreamt of having the skill and knowledge required to produce living, breathing designs? Texture is the surface quality or feel of an object. The way your skin rubs against the rough fabric of your wool blanket, the warm sensation of the soapy bubbles covering your skin in the bath or the gentle touch of your hair falling down your shoulders — these are all sensations and experiences created solely by the qualities of texture. In graphic design, texture is generally only a visual thing, but it creates a physical illusion and it continues to play a leading role in the creation of all types of visual elements. In this article, we’ll walk you through 10 ways that texture can be incorporated into your own designs. 01. The first trick on our list is to incorporate natural textures into your designs. 02. 03. 04. 05. 06. 07. 08. 09. 10.
How to use Dotsub Now you can easily share your video content in any language! Dotsub makes it simple to create and view captions and subtitles in multiple languages. These subtitles can be viewed anywhere your video travels - on websites, blogs, and mobile devices. Upload your video Uploading your videos is quick and easy. Here's how: Select any digital file (up to 4GB) Tell us about your video Choose your privacy settings Click 'upload file' That is it, you're done! Caption your video Next, write up all the dialogue, or caption it. Select the "caption" option Start typing When you are finished click "complete" That's it, you're done! Translate your video Now that your video has been uploaded and captioned, it is ready to be translated/subtitled. Select the "translate" option Choose a language from the drop down menu Hit the translate button and start translating! The translation tool is easy to use. Share your video Now you are ready to share your video with family, friends, fans, or the world!
Developing Sites With AJAX: Design Challenges and Common Issues - Smashing Magazine Advertisement Almost every movie has a scene in which a character pull the protagonist aside and says, “There’s something you should know about [insert another character's name here].” Most of the time, we find out some dark secret about a supposed friend of the protagonist or that the main ally is actually an evil overlord. We seem to have AJAX licked. For example, we could take the following HTML… <div id="target"></div><p><a href="#" class="ajaxtrigger">Let there be AJAX magic</a></p> … and add this jQuery code: $('.ajaxtrigger').click(function(){ $('#target').load('ajaxcontent.html'); }); In a browser, if we clicked on the link labelled “Let there be AJAX magic,” the content of the HTML document ajaxcontent.html would be loaded and written into the element with the ID target. What Is AJAX? After the main HTML document has loaded, AJAX loads content from the server and replaces parts of the document with that content rather than reload the main document. AJAX Should Not Break The Web <! <?
50 Free Headline Fonts Built For Impact And Audience Engagement Are you willing to risk a headline that doesn’t automatically grab the attention of your audience? Headlines that don’t grab attention really hurt the chances of your work being noticed by anyone. It doesn’t matter how good the design work or content is, if the headline doesn’t draw in the crowd, you’ll always struggle to build an audience. A big factor that contributes to whether your headlines ‘work’ is whether you’ve chosen the right headline font. But finding the right headline font is difficult. In this article we’ve curated a list of the 50 most impactful headline fonts currently available for download online. So, without further adieu, let’s have a look at our showcase of the 50 most impactful headline fonts available for free download: 01. Adam is a sans serif typeface inspired by Futura, perfectly suited for eye-catching headlines. Find it on Behance. 02. Zebrazil is a beautiful, delicate font. Find it on Behance. 03. Mohave is an all caps typeface, and has a smooth appearance.
CamStudio - Free Screen Recording Software 60 Free Fonts for Minimalist Designs Sometimes when you go searching for the perfect font for a design, you have a particular look or style in mind. But other times, you just want something simple, clean, and modern. If that’s the case, then you might be leaning toward a minimalist design style. As a design concept, minimalism is driven by the idea that less is more. Minimalism got its start as a design movement in the early 20th century and had a surge of popularity in the 1960s. Now, minimalism has made a comeback (or another upswing in popularity), and you may notice that many of the designs you see or interact with on a daily basis have been influenced by minimalism — just think of Apple’s products and packaging and Google’s new branding. If you need a font that will work well in a minimalist design, there are several qualities that you can look for: For your convenience, we’ve compiled a collection of typefaces that feature these types of characteristics and more. 01. Download at: Fontspring 02. Download at: Fontspring