Archive for the ‘Flash’ Category:
Wix: The Flash CMS Giveaway – Winners Announced
Last week, a post at WRD was announcing the giveaway of 3 Unlimited Premium Accounts from Wix, the popular Flash website builder service.
The winners are selected and can be found at the bottom of this post. But before that, let's remember:
What is Wix?
Wix is a free Flash website builder service that makes it possible to create websites for users at every level of web design knowledge.
Every website created is search engine-friendly and integrates well with Google Analytics.
It also lets users to create image galleries, display videos or stream music.
And, this free website builder has an e-commerce store creator for selling stuff easily.
The winners of the giveaway
Winners are selected with the query mentioned at the announcement post and here they are:
- Dylan (comment #198129)
- Ivan I. (comment #197829)
- Alex (comment #200783)
Congratulations to the winners and thanks to everyone for joining the giveaway.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Wix: The Flash CMS Giveaway – Winners Announced
Last week, a post at WRD was announcing the giveaway of 3 Unlimited Premium Accounts from Wix, the popular Flash website builder service.
The winners are selected and can be found at the bottom of this post. But before that, let's remember:
What is Wix?
Wix is a free Flash website builder service that makes it possible to create websites for users at every level of web design knowledge.
Every website created is search engine-friendly and integrates well with Google Analytics.
It also lets users to create image galleries, display videos or stream music.
And, this free website builder has an e-commerce store creator for selling stuff easily.
The winners of the giveaway
Winners are selected with the query mentioned at the announcement post and here they are:
- Dylan (comment #198129)
- Ivan I. (comment #197829)
- Alex (comment #200783)
Congratulations to the winners and thanks to everyone for joining the giveaway.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
How to Create a Quick Photo Flash Gallery in Photoshop
In Photoshop its possible to easily create interactive photo albums or presentations; be it, Html tables to flash picture galleries for the web. A useful feature for creating online portfolios for personal websites or simple products showcase.
Step 1
First off, create a new folder for where all your images will be stored in and name it ‘Web Gallery.’ You could also use Adobe Bridge within Photoshop to source your images. But we’ll be sticking with the first method right now. Launch Photoshop and open a new document Ctrl+N.Go to File>Automate>Web Photo Gallery.
Step 2
In the Web Photo Gallery Dialog box, select the Gallery Styles as ‘Flash – Gallery 1.’ The thumbnail of every other Gallery appears on the right of the Dialog box.
Step 3
For your source files, under Source Images choose the folder you created earlier on when you click on Browse. Locate the folder, as in my case, the folder was stored in C://Documents and Settings>My Documents>Picture Gallery.
Step 4
For where the final output will be saved, click on Destination to locate your prefered folder or create a new folder by clicking on ‘Make New Folder’ and rename it as ‘Web Gallery’.
This is what the directories of where your folders are located would look like:
Step 5
Still within the Web Photo Gallery Dialog box, under Options choose General and the Extension as .html or .htm.
Step 6
Select Banner and type in the Site Name to whatever you want as your title. Fill in the other fields with information required.
Step 7
Choosing Large Images, you’ll be able able to set the size and picture quality of your images. The state of quality of your images determines their download time when they are live on your web server.Under Title Use you might want to check Title and Description or anything else. These options displays additional information on images when click on.
Step 8
For the Thumbnails (that would appear below the main images), set their Sizes to Large and resolution to100 pixels. Now click OK to generate the gallery.
Step 9
The web gallery launches automatically from your default web browser. If Internet Explorer is your default browser, you may encounter a problem.
Here, you’ll be confronted with a security warning restricting the use of Javascripts that the web gallery needs to run. Just click once on the security warning’s tab and on the pop-up that shows up, click on ‘Allow Blocked Content’ to get the flash web gallery running.
Below you have the flash gallery up and running. It also comes with a nice and smooth transition effect when navigating between images.
On the bottom right corner of the web browser window, are some simple controls . For instance, the button with the question mark when clicked on, reveals the metadata or information that you might have added or embedded in your image. Such information could include description, title and soon. These can be set under the Options: Security>Content: Custom Text. Here you’ll find basic text formatting options like font colour, size, type e.t.c.
You can also embed watermarks unto your images for copyright purposes by selecting Security under Options. (Note: the image below is not mine – its a free stock image from
www.sxc.hu. I’m using it for demonstration purposes alone for this post).
Other Customizations:
To add sound to your presentation or gallery, choose an mp3 file of choice and rename it ‘useraudio’ and have it copied. Head on to the directory where the Flash gallery style in use is (you may have to close Photoshop first). This should be inC://Program Files/Adobe/Photoshop CSx/Presets/Web Photo Gallery. Open the ‘Flash-Gallery 1′ folder and paste your mp3 file in there.
If you’re familiar with basic HTML coding, you further customize the outlook of gallery. Opening your ‘Web Gallery’ folder, select and right-click on the ‘Photos’ XML file and choose the Notepad or any text editing application you might have.
Everything editable in this open XML file. We are just going to edit the obvious – that is, the colour elements in the photo gallery.
For the gallery’s Background colour, change “#0F0F0F0″ TO “#FFFFFF” (white), the Banner’s colour to “#000000″ (black); here the gallery title, authors name,contact info and so on is turned to black. Save the file when you’re done.
The result below:
HTML5 Video Player: MediaElement.js
HTML5 video is great as it doesn't require any 3rd party plugins and works in most mobile browsers. However, it is not supported in every browser.. yet.
Also, browsers supporting the <video> – <audio> tags require different codecs and have inconsistent player UIs.
MediaElement.js is a jQuery plugin which enables you to use the <video> tag with one H.264 file (you can also include OGG or WebM, but you don't have to).
If the player doesn't support it, the plugin replaces the player with a Flash or Silverlight-powered one.
There is also MediaElementPlayer.js for building a complete player that looks and functions the same in all browsers.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Free Flash Media Server Alternatives
Today, many projects are built around real-time communication (text, voice or video) like collaboration tools, chat applications and much more.
Adobe® Flash® Media Server is probably the most widely used solution for streaming video and real-time communication. It is a stable product that has been experienced for years and used by many companies.
On the other hand, if you're looking for a free solution to stream your media, there are so few alternatives that you can rely on.
And here are 2 of them (if you know any other free and solid ones, please share):
Red5
Red5 is an open source Flash server that is written in Java and supports:
- streaming audio/video (FLV, MP3, F4V, MP4, AAC, M4A)
- recording client streams (FLV only)
- shared objects
- live stream publishing (Sorenson, VP6, h.264, MP3, AAC and more)
It has installers for OSX and Windows. Also, it can be downloaded as a zip file to be used in any OS.
Mammoth Server
Mammoth is also an open source Flash streaming server that is built with C++ and can run on Windows and *nix OSs.
It can stream all Flash codecs like h263, h264, mp3, vp6, speex, nellymoser, etc.
By using FFmpeg it has has container support for most formats: mov, flv, mkv, mp3 and more.
The server is still in alpha phase but very promising.
If you know any other free and solid alternatives, please share and we'll be happy to add them to the list.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Open Source And Web-Native Flash: Frontal
With the latest discussions on Flash (whether it is dying or will become more powerful), here is an interesting project that Flash and HTML developers may both find useful:
Frontal is an intuitive markup and scripting language that generates Flash and enables you to create interactive content, sites or apps. with a few lines of code.
It can embed and work seamlessly with HTML, HTML5, JavaScript, Ajax or any other web technology and supports deep linking.
For Flash Developers
It definitely adds value to the development process with:
- decreasing the development time by building more with less code
- reviewing designs in real-time
- creating fluid layouts
- updating and reusing the code easier
For HTML Developers
It is a language that will help you build Flash (almost) without learning something new.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
8 Websites To Gain The Understanding Of Flash/Actionscript
Having a strong understanding of how Flash and ActionScript work is the best way to make outstanding web pages that will draw a lot of attention. Once the basics of each of these applications have been mastered, then the web designer is able to move onto some of the more expert ways to use Flash and ActionScript. Below, we are going to give you a list of 8 Websites To Help Gain The Understanding Of Flash/Actionscript.
This is a tutorial that will walk the user through the creation of a basic flash website. There are a total of 42 steps and each one is finely detailed, with screen captures included as well.
There are thousands of tutorials available on this site, for everything from 3D effects to Third Party Apps. This site is set up in a simple style that allows for quick perusal through the latest Flash tutorials and the most popular ones as well. Pixel2Life is a great resource for tutorial indexing and searching. Their goal is to make it easy for people to find what they need, by way of tutorials.
Using ActionScript and Flash MX to design a simple website is what the purpose of this site is for. It walks through all the steps involved, by using words. There aren’t any steps broken down or screen captures to show the steps, but there are a few boxes with code listed in them. This is helpful in seeing what the screen should say while the site is being constructed.
This site is for learning how to use ActionScript for Macromedia Flash. The tutorial will teach a bit more than what was learned in the Using Flash tutorial and it will also show how to create interactive movies. It is also designed for people who are just beginning to use ActionScript and who want to become more advanced with it. The site states that the tutorial takes about an hour to finish and then has a series of links to the tasks the tutorial focuses on.
Tutorials for both Flash and ActionScript are plentiful on this site. There is great information on animation, drawing and design, and common Flash tasks. As for ActionScript, all the basics are included on this site. An extensive collection of information dealing with special effects is a great tutorial resource on this site, as well as isometry and game development.
When it comes to learning Flash animation, this site is extremely helpful. There are also Flash ActionScript tutorials as well. The tutorials are very easy to follow and perfect for beginners who are just getting acquainted with either of these aspects of Flash. The tutorials include are on; Flash symbols, Flash animation basics, Flash text basics, advanced Flash buttons, Flash sound button, cool Flash effects, and many more.
This is a computer based training site and has many tutorials for learning how to us Flash Load Movie, creating pop-up windows, being able to create a morphing cursor that changes when the mouse goes over it, and even using frames in Dreamweaver-Flash.
For a list of ActionScript tutorials, this is the site to go to. The tutorials are divided up into two groups; basic and expert. In the basic group, there are tutorials for creating duplicates of objects, reading text files, understanding operators, and how to produce complex expressions in ActionScript. As for the expert group, tutorials can be found that teach how to make objects collide into one another, building an interactive menu, appearing and disappearing objects, and creating mouse trails.
These are only eight of the available resources for finding tutorials on Flash and ActionScript. There are so many more offered online and many more are popping up on the internet all the time. It will take time to learn some of the techniques involved with either of these applications, but creating fantastic web pages will be a breeze. There are plenty of tutorials that use both words and visuals to walk designers through the whole process being explained. Choosing which tutorial to view will mainly depend on how the designer absorbs information best; by reading or through hands-on visuals.
Has Javascript Reached the Point Where Flash is Unnecessary in Web Design?
What do you think? Has Flash has ran its course and no longer necessary within web design?
As we do every week, we like to offer a question to our readers that has been previously asked on Answers, this weeks question is: Has Javascript Reached the Point Where Flash is Unnecessary in Web Design?.
You can leave a comment below or you can leave an answer on the original question on Answers.
Answer from Jon Spooner:
What do you think? You can leave a comment below, or leave an answer here: Has Javascript Reached the Point Where Flash is Unnecessary in Web Design?
Thanks again, firstly to everyone who asked a question, but most importantly thanks to everyone that took the time to offer always helpful and useful answers.
Open Source Media Framework From Adobe
Open Source Media Framework (OSMF), that is developed by Adobe, is a software framework for building feature-rich Flash video players and applications.
It can be integrated into custom applications using the simple API, or you can deploy the ready-to-run dynamic SWF player without compiling or writing custom scripts.
OSMF comes with standard player features such as playback controls, video navigation, buffering, and dynamic streaming.
Also, the ready-to-use plug-ins for advertising, reporting, and content delivery help extending the capabilities of the framework.
And, it has much more features like error handling, logging or buffer management that makes OSMF very promising.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!
Related posts
Lightweight Flash Video Player – f4Player
f4Player is a free and open source Flash video player that can play .fly, .f4v or .mp4 files in websites or within AS3 projects.
It is lightweight (8kb) and has a skinnable interface (few skins are included with the download).
The player supports progressive downloads (ability to play the downloaded portion of a file while the download is still in progress) and fullscreen display.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!