background preloader

Studio

Studio
The professional, open source development tool for the open web It's ready. It's time. Develop and test your entire web application using a single environment. With support for the latest browser technology specs such as HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python. We've got you covered! Core Features HTML, CSS, and JavaScript Code Assist Aids in authoring of HTML, CSS, JavaScript, PHP, and Ruby. Code Assist Deployment Wizard Support for one-shot as well as keep-synchronized setups. Deployment Wizard Support for one-shot as well as keep-synchronized setups. Integrated Debugger Set breakpoints, inspect variables, control execution. Integrated Debugger Git Integration Easily put your projects under git source code control. Git Integration Easily put your projects under git source code control. Built-in Terminal Quickly access a command line terminal for execution of operating system commands and language utilities such as gem, rake, etc. Built-in Terminal IDE Customization IDE Customization

Create Games with Construct 2 - Scirra.com 20+ Best Collections Of Adobe Illustrator Tutorials | Bloggs74 Home » Graphics • Tutorials » 20+ Best Collections Of Adobe Illustrator Tutorials Adobe Illustrator is generally the primary option to consider. However, the software package itself is a pretty hard to study but thanks to graphic designers who created set-by-step tutorials for us. Adobe Illustrator can be a little tricky to get your head around, particularly after getting used to the workflow of applications such as Photoshop. In this roundup we’ve showcased “20+ Best Collections Of Adobe Illustrator Tutorials” for your inspiration, so let’s have a look and enjoy! Pair of Luscious Lips Compact Camcorder Vector Water Tap Mobile Phone Blackjack Vector Webcam Illustration Street Bench Shimmering Cityscape Glasses Swirl Mania in Illustrator Spice up Pie Charts Creating pins in Illustrator Vector Match Golden Compass in Illustrator 3D Gift Box in Illustrator Gearbox Settings Icon Surprise Gift Patterns in Illustrator Translucent IM Style Illustrator Vector Hair Typography One Stroke Tropical Flower Related Posts

How to add Floating share box to your website advertisement After spending couple of hours searching for floating share box plugin for WordPress, I finally decided not to use plugins. Those plugins were not good enough to produce what I thought of like menus on Mashable or Hongkiat. Then I came across this article Scroll/Follow Sidebar, Multiple Techniques by Chris Coyier. In this tutorial, I will use same jQuery code from Chris Coyier’s article and will add some bits and pieces to build a floating share box. Keep in mind this is not a plugin, but can be integrated with static as well as dynamic sites. Enter your email and download it now! Enter your email address and the download link will be sent right to your inbox. Step 1 Create a HTML page and add Div’s with id’s to structure page. Step 2 Add a DIV just below the page-wrap DIV with your social media buttons (Retweet, Facebook, Stumbleupon…). Step 3 From HTML IPSUM copy some dummy text to fill empty main and sideebar DIV. Step 4 Next add jQuery code between head tag. Step 5 Step 6

EaselJS | Javascript/HTML5 Canvas. Recent Updates Follow @CreateJS November 2014 Updates in preparation for next release (coming soon).New class model, with big performance increases October 2014 Lots of bug fixes and pull requests.New 'Extras' folder in GitHub with useful tools and classes July 2014 Major overhaul of Graphics to include a useful command pattern, and a big performance increase.Added Graphics.store() / unstore() The Story Why we built EaselJS About EaselJS EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b b10b

20 Examples Of Bad Web Design There is Yin and Yang, Black and White, Hot and Cold and unfortunately…Good Design and Bad Design. Since there must be a balance in the Universe, good design can`t exist alone. Below you can see 20 examples of very bad web design. PS: I`m really sorry if you are a owner of some of these websites, but hey: consider this free advertising. wateronwheels.com gatesnfences.com mrbottles.com industrialpainter.com as-grafixs.de liceomilitar.edu.uy citydeli.com petersbuss.se irishwrecksonline.net ptbalirealestate.com 007museum.com mamascheesies.com rzent.co.nr raft.org arngren.net rogerart.com mickeythomas.com joesplacepizzaandpasta.com lingscars.com yvettesbridalformal.com Are you interested in 70-662 certifications?

Create a Q&A Website in a Snap with Qhub When your visitors or customers have questions, they typically contact you directly or ask their question(s) in your site forum—assuming you have one. In most situations, a forum isn’t available either. Qhub provides a fast way to setup a customizable Q&A website in a matter of minutes. With Qhub you can eliminate repetitive questions, save your inbox and make it easier for your visitors or customers to get the answers they’re looking for. Here’s a quick how-to covering this already popular web app. Sign Up Sign up is quick and painless, taking only a few seconds to complete. QHub Home In the next step we’ll enter our name, email and desired password (along with completing the captcha). Qhub Sign Up The last step is changing your Qhub settings, such as name, tags, tagline, type and privacy. Qhub Settings That’s it! Customize Design Should you decide to further customize your Qhub during sign up, you’ll start by editing your site’s design settings. Customize Qhub Design Add Questions Add Questions

Tutoriels HTML, HTML5, CSS, CSS3, standards du web 15 Annoying Website Designs You Must Avoid - Designerama Bad web designs are not just irritants to your aesthetic sense, they also spell the death knell of the websites they characterize – with the sheer numbers of competitors out there and the rat race to see who can make it to the top ranks of the search engines, if you have a site that annoys, you can bet it’s going down the drain in terms of popularity and usefulness. So if you’re looking for a checklist of annoying website designs to avoid, ensure that the below 15 don’t ever make it to your site: Pop-ups No one likes these intrusive pages that seem to be preventing you from getting to the content you really want. Layering This is another way of forcing visitors to read something; however, it’s best to let them get to this information when they’re ready for it instead of shoving it down their throats. Background music Most people are baffled by the sounds that emerge from their speakers when they open a website, especially if there is no useful need for the music. Large files and videos

Jeux HTML5 avec Canvas et SVG Au sommaire : - Canvas et SVG : 2 façons de dessiner à l’écran - Les librairies et les outils utiles - Les frameworks de jeux - Les tutoriaux pour démarrer - Des exemples de réalisations en ligne et des retours d’expérience Je passe mon temps ces derniers temps à expliquer en boucle comment faire des jeux en HTML5 à des étudiants, des passionnées, des professionnels voire même à des profs. Mais au fait pourquoi faire des jeux en HTML5 ? Tout simplement parce qu’aujourd’hui, on peut vraiment se servir du HTML5 pour faire du multiplateformes : pour les machines de bureau bien sûr (avec IE9/IE10, Firefox, Chrome, Opera & Safari), pour les tablettes ou téléphone iOS & Android et pour finir pour Windows 8 qui vous accueille désormais à bras ouvert ! Par ailleurs, la performance des moteurs JavaScript modernes et l’accélération matérielle pour booster l’affichage via le GPU permet désormais d’envisager le scénario de jeu vidéo sereinement. Canvas et SVG : 2 façons de dessiner à l’écran Graphismes

Related: