Blumentals WeBuilder 10.02 En-De
My Clippings October 17th, 2009 by System
Automatically pulled from Google Starred
HTML, CSS, JavaScript, VBScript, PHP, ASP, SSI, WML, Perl editor without installation.
WeBuilder includes all features of HTMLPad, Rapid CSS & PHP.
Download Portable WeBuilder on RapidShare (7.4 MB)
(md5: 1412c3291173bf555d82901fb4ebd078)
Extract and run WeBuilderPortable.
PHP 5.3.0 will be downloaded if you check PHP Interpreter (Preview php page)
Tools/Preview In/Portable Firefox, Netscape or Opera if found.
Settings of installed WeBuilder should be preserved.
Tags: Build, css, Extract, Google, IO, Javascript, ma, php, script
New Screencast: Building a Website (2 of 3): HTML/CSS Conversion
My Clippings October 13th, 2009 by System
Automatically pulled from Google Starred
In part 2 of this series, we begin the HTML/CSS conversion of the Photoshop mockup we created in part one. We start with a very skeletal project framework. Then we take a look at the Photoshop file layer organization. Then we start from the bottom up, creating the pieces we need from the Photoshop file and writing the HTML and CSS we need to get the job done. Much of the work isn’t actually “slicing” the Photoshop file, but looking closely at it and trying to mimic what is done there with correct markup and CSS techniques.
TopStyle 4.0.0.66 En
My Clippings October 11th, 2009 by System
Automatically pulled from Google Starred
Tap into the power of cascading style sheets (CSS) and (X)HTML without installation.
Download Portable TopStyle on RapidShare (5.2 MB)
(md5: 5bfcca228c12f287cff148c0d2b2229f)
Extract and run TopStylePortable.
Settings of installed TopStyle should be preserved.
Make webpages more printable with The Printliminator
My Clippings October 8th, 2009 by System
Automatically pulled from Google Starred
Filed under: Design, Productivity, Web services
The Printliminator is a bookmarklet that gets any webpage ready to print. Once it’s activated, you can click on elements you don’t want to print to remove them from the page. If you don’t want to do it manually, you can remove all images on the page using one button. Another button applies a nice default print stylesheet.
Sometimes there’s only one element of a page that’s worth printing, and The Printliminator has you covered there, too. Instead of clicking to delete one thing at a time, you can option-click to delete everything but what you’re clicking on. If you make a mistake and delete something you wanted to print, there’s no undo. Just reload the page and start over.
Make webpages more printable with The Printliminator originally appeared on Download Squad on Thu, 08 Oct 2009 10:00:00 EST. Please see our terms for use of feeds.
Read | Permalink | Email this | Comments
Sponsored Topics:
Download Squad – Web page – Printing – Bookmarklet – Design
Tags: Bookmarklet, cli, css, email, Google, Inc., IO, ma, man, php, Printing, Remove
Showcase of Designs Optimized for iPhone
My Clippings September 27th, 2009 by System
Automatically pulled from Google Starred
    |
Over the last couple of years, mobile devices have managed to gain mainstream popularity. With iPhone, making mobile Web applications finally usable by broad masses, web design can now be applied to mobile applications as well. In this post we are focusing on designs that are specifically optimized for mobile devices, in particular iPhone.
Though iPhone’s Safari browser is able to render any website just like you would see it on a desktop browser, the available screen area is much smaller than in common “classic” displays. This poses a new challenge for designers and developers who now can reach millions of users that use mobile Web. Websites that are specifically optimized for the iPhone utilize the screen to the fullest extent, and use less bandwidth (which is necessary, because the connectivity is not always optimal).
The iPhone browsing experience is quite different than the regular browsing experience. The buttons and hyperlinks have to be bigger because our fingers are not as sharp as the mouse pointer. Optimizing a website for iPhone is not rocket science. It’s the same HTML, CSS and JavaScript that you already know. The only major difference is the screen size.
In the showcase below we present some of the interesting, interactive and beautiful designs that are optimized for the iPhone. You will also learn about some handy tools that will help you optimize your website for the iPhone.
Also consider our previous articles:
- How to Create Your First iPhone Application
- iPhone Apps Design Mistakes: Over-Blown Visuals
- 100 (Really) Beautiful iPhone Wallpapers
1. News / Entertainment
Sevnth Sin
The unique navigation makes this site very interactive. Nice concept, nice colors.
Blip.tv
Perfectly suits the theme: video entertainment! Clean and clear typography.
NBC
The YouTube-style design makes it very easy to navigate and find shows.
Zinio
That’s a kit of magazines, all one-touch away!
Spin The Bottle
A simple bottle spinning game. Good use of graphics.
Daily Wallpaper
Similar to Zinio, but 2 thumbnails in a row make it more easy to navigate around.
AOL Horoscopes
Very well designed for a horoscope site. Matching color scheme throughout.
Tags: Apple, Build, css, Food, Google, Guideline, Information, IO, ISO, Javascript, ma, man, Photo, php, quick, script, Shopping, video, Wallpaper, way, WordPress, XP
WidgetPad: web development for iPhone apps
My Clippings September 20th, 2009 by System
Automatically pulled from My Clippings on NewsGator Online
Filed under: Internet Tools, Open Source, Developer
Sorting through the tips inbox, we encountered a new product that is coming out for the iPhone next week. It’s not an app, game, or anything we “normal folk” would use but it looks to be a great open source, web-based development platform for iPhone.
WidgetPad allows web developers to create iPhone applications using only their knowledge in web-based code. The software allows you to write your applications using web-based code and then transfer them to standalone apps for the iPhone or iPod touch.
We’re being told that the iPhone is only the beginning; the software will eventually translate to other smart phone platforms so that developers can quickly and easily export their applications for other app stores without re-writing the code. Here are some quick highlights:
- Create web-based applications that utilize each phone’s hardware capabilities.
- The environment includes and helps you learn HTML 5.
- It’s all open source. If you want another feature, you can help the development team create it.
- Each application is written within the software and can be publish directly to the iPhone (more platforms soon).
- Source code editing for Javascript, HTML 5 and CSS (with syntax highlighting).
- No additional software – all of the work is done directly from your browser.
I am not a developer, but I do some web design on occasion. I find it very interesting that I could create an iPhone application without learning Cocoa Touch and the Objective C language. I imagine that porting these apps to Palm’s WebOS would be quite simple since it’s already running a form of web-based code for its applications. If this software works well, we could not only see an increase in the already thriving iPhone developer world, but the smart phone app world as a whole. If you end up taking the leap, let us know what you find. We’ll keep you updated and let you know our results in a later post.
TUAWWidgetPad: web development for iPhone apps originally appeared on The Unofficial Apple Weblog (TUAW) on Tue, 15 Sep 2009 18:00:00 EST. Please see our terms for use of feeds.
Read | Permalink | Email this | Comments
Go to Source
Blumentals WeBuilder 10.0 RC2 & 9.52
My Clippings September 20th, 2009 by System
Automatically pulled from My Clippings on NewsGator Online
HTML, CSS, JavaScript, VBScript, PHP, ASP, SSI, WML, Perl editor without installation.
WeBuilder includes all features of HTMLPad, Rapid CSS & PHP.
Download Portable WeBuilder 10.0 RC2 on RapidShare (7.2 MB)
(md5: 3770d2fa3193c6a823d0a4497ced2ffd)
Download Portable WeBuilder 9.52 on RapidShare (6.5 MB)
(md5: 56b73ce8db6fd489202493807f2d9ef8)
Extract and run WeBuilderPortable.
PHP 5.2.11 will be downloaded if you check PHP Interpreter (Preview php page)
Tools/Preview In/Portable Firefox, Netscape or Opera if found.
Settings of installed WeBuilder should be preserved.
T-Mobile launches first pay-as-you-go Android smartphone, Pulse
My Clippings September 6th, 2009 by System
Automatically pulled from My Clippings on NewsGator Online
T-Mobile UK this morning announced the Pulse, the first pay-as-you-go Android 1.5 smartphone and the third coming from the network operator.
Available for £180 starting October exclusively on T-Mobile, it boasts a 3.5? HVGA touchscreen display, the biggest yet on an Android handset, a 3.2-megapixel camera, GPS, and more.
The new device comes courtesy of Huawei, which had been rumored to be working with T-Mobile since displaying a device at the Mobile World Congress in Barcelona earlier this year.
Also, there is another version that will probably will come to T-Mobile USA as U8220 or T-Mobile Pulse too.
More details about the device:
The phone runs on a Qualcomm’s MSM7200A chipset and weighs 130g. It features a trackball and a 3.5? HVGA touchscreen display with auto-rotation.
The T-Mobile Pulse also features a 3.2 mega pixel, auto-focus camera (no flash) that allows photos to be uploaded straight to the Internet, a 2GB internal memory and a micro SD card slot for storing media. The handset also offers access to corporate e-mail through the Road sync client, and boasts enhanced social networking and community features.
The T-Mobile Pulse will be available across T-Mobile territories. Monthly contract rates still need to be determined, but the purchasing price is £179.99.
Motorola is also expected to announce Android devices this or next week, HTC is working on more devices, there’s Lenovo, Dell, Archos, Acer, Sony Ericsson, and more. Google has stated that there will be at least 18 phone models using Android worldwide by the end of this year, so expect to see many more Android handsets from these and other manufacturers launching this Fall.
How To Develop Websites On Linux
My Clippings August 29th, 2009 by System
Automatically pulled from My Clippings on NewsGator Online
   |
In this article we will look at tools that can help those of you who want to develop websites on a Linux platform, from powerful text editors to desktop and system features. How do you edit files remotely without FTP plug-ins? What are package managers, and why they are cool? In which Web browsers can you test your applications?
I wish I could cover many more topics: using the command line, basics of Vim, Nautilus features in detail, Nautilus scripting, neat command line tools, basic server configuration and many others. But if I addressed all of the issues that arise from time to time on the Internet, this article would turn into a small book. This isn’t an article on “How to do X or Y on Linux” or “How to use [insert app name here].” And we cannot cover more comprehensive IDEs such as Eclipse and NetBeans, each of which requires separate articles.
You probably already have some idea of how to find and install applications for your favorite distros. However, we will point you to the right place anyway to download, for example, scripts and plug-ins.
So, let’s begin!
1. Our Tools
Below, for your quick reference, is a list of tools that we will mention or explain in this article.
Text Editors:
- Gedit
- Geany
Browsers:
- Opera
- Mozilla Firefox
- Epiphany (with the WebKit engine)
- Chromium (for some other WebKit examples)
General and command line tools:
- FUSE
- SSHFS
- Vim
- Parcellite
2. Gedit
Gedit is the default and simplest text editor for the GNOME environment. The default installation already comes with some good resources, although not all of them are activated by default. It is bundled with some plug-ins; however, you can add many more plug-ins to make it a nice simple IDE. If you go to Edit > Preferences > Plugins, you’ll see which plug-ins are installed by default. There, you can configure and activate them. On the same screen, you can configure other elements of the text editor, such as indentation, line numbering and current line highlighting.
Tags: apache, Apple, Build, Chromium, css, email, Google, Information, IO, Linux, Mac, Microsoft, module, php, script, security, ssl, Ubuntu, video, VirtualBox, way, wind, WordPress, XP
Color Scheme Designer is a Diverse Palette Creator [Color Palette]
My Clippings August 22nd, 2009 by System
Automatically pulled from My Clippings on NewsGator Online
If you’ve tried out web-based palette generators and been underwhelmed, you might want to take Color Scheme Designer for a spin. It combines the features of many other generators into a unique, easy-to-use palette creator.
On the surface it looks like many other virtual palette generators. Dig around, though, and you’ll quickly find features not commonly found in your average color tool.
You can generate single monochromatic, complimentary, triad, tetrad, analogic, and accented analogic color palettes. You can simulate color-based vision disorders to see how your design colors will look—they even list the percentage of people suffering from the disorders. A preview function populates a dummy web page with your color scheme, which is a handy tool for seeing how your selected colors look together off the palette.
While the page-simulator is a really great trick, the best feature of Color Scheme Designer is the ability to export your palette not just as a Photoshop palette—a common limitation of many web-based generators—but as HTML+CSS, XML, TXT, and GPL (the palette format for GIMP).
Color Scheme Designer is free and requires no signup.
