サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
particletree.com
If you’ve been viewing and creating sites around Apple’s new Safari 3 beta (perhaps for some iPhone development?), then you’ve probably noticed that some of the select elements aren’t following that typical aqua look that’s so unique to Safari. Here’s a picture for those not in the know: In this new beta, designers can now make some CSS customizations to Safari’s form elements thanks to changes th
IntroductionIn our company, code reviews play an integral part in the development process for making quality software. We opt for a mentor style approach with Wufoo, where a developer works on a segment for a period of time and then passes it up to a more experienced developer for review. We really like this approach because it means more developers become familiar with the foundation of different
While there are a lot of sites dedicated to aiding designers in finding the right color palette— kuler is my favorite —most seem rooted around arbitrary palette recommendations. I know for a lot of designers choosing the right colors feels like a lot of new age voo-doo trying to cast a spell to match a desired affect with samples from the chromatic spectrum. This is probably why one of my favorite
Introduction Hi everyone, my name is Alex Vazquez and I’m one of the new additions to the Wufoo Team. Because Chris, Kevin and Ryan prefer OSX and work primarily with PHP and JavaScript, they naturally wanted me to try moving over to their favorite development environment, Textmate. In this article, I thought I’d share some of my experiences making that switch from the perspective of someone used
IntroductionIn preparation for the redesigns and overhauls we implemented in Wufoo, I took some time to revisit a few HCI (Human-Computer Interaction) fundamentals with the hopes of gleaning something new out of the decades of research dedicated to making interfaces easier to use. One thing that surprised me was how most of the material was pretty dense, heavily geared towards mathematicians it se
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
So much emphasis is placed on JavaScript libraries, but with PHP all of the attention is stolen by frameworks. While frameworks are nice, they do require quite a bit of learning and some major alterations to coding style — especially MVC frameworks. But sometimes it is nice to just have an aid, a simple helping function, instead of a core foundation. That being said, here are some of the classes o
Ever since Smarty rocked my world, I have been on the lookout for template engines in each and every aspect of development. The most recent stumbling block is with JavaScript — HTML formatted strings are ugly but functional while actually creating the elements is just plain horrible. Apparently, client side code is screaming for a template engine, but what is currently available and is any of it p
This is a demonstration of a dynamic resolution dependent layout in action. Change your browser window size to see the layout respond to your changes. To preserve the separation of the presentation and behavior layers, this implementation delegates all the presentation details to external CSS stylesheets instead of changing each style property through JavaScript. Download Files · Return to Tutoria
Introduction If you’re thinking of creating a startup, you’re probably going to look for promising external factors like astrological signs to determine whether a gamble into entrepreneurialism is worth the trouble. And right now, the signs look good. VCs are startup friendly, hardware costs are low, and Google is buying companies for 1.65 billion dollars. The problem, however, is that first time
IntroductionAPIs are a great way to extend your application, build a community, excite your users and get in on the Mashup Mania spreading across the web. While there’s plenty out there wanting in on the action, there’s a lot of questions about how to actually go about creating an API for a web application. Like everything else technical on the web these days, there are tons of complicated and sca
Web Developers are getting really excited about how easy it now is to develop across browsers thanks to Apple’s Intel chip switch. For those of you out there looking to get Internet Explorer up and running on your shiny new Intel Mac, I’ve gathered all the options I could find to bring Microsoft’s favorite bad boy to your favorite development environment. IE6 via XP Boot Camp - If you like to turn
Introduction The following feature was written to serve two purposes: to provide an easy-to-follow introduction to the Flash / JavaScript Integration Kit and to demonstrate a method for using Flash as an animation underlayer for enhancing web applications. While I have fallen in love with a variety of JavaScript animation libraries developed in the wake of the Web 2.0 buzz, I have never found an i
This is the first of three installments of A Designer’s Guide to Prototyping Ajax. Be sure to also check out Ajax Wireframing Techniques and JavaScript Basics for Prototyping. IntroductionJeffery Zeldman wrote earlier this year in his essay about Web 3.0 that “Wireframing AJAX is a bitch.” And while I can’t deny the statement, I do think there are steps we can take to alleviate the pain. The probl
This demo illustrates a few of the possibilities of available to a developer using Particletree's Lightbox Gone Wild Script. Just click on the links above to see how lightbox can be used to provide additional info, show an image or present a form for user input. Inspired by the work done by Lokesh Dhakar, our version makes it easy to extend a web application's interface without having to add clutt
IntroductionIn user interface design, a modal window (sometimes referred to as a modal dialog) is a window that blocks input to other windows. It has to be closed before the user can continue to operate the application and are frequently an element of Multiple Document Interface (MDI) applications or desktop applications like Windows or OS X. One of their purposes is to prevent the software from b
IntroductionWeb applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed fancy-pants technology. In an effort to help you take it up a notch, we’d like to share a method for helping your site anticipate a user’s next move. On most sites, there are usually only a handful of options that can be done at any given moment and often some of these op
IntroductionMaking your own decisions. Doing something you love. Spending more time with the family. Participating in the American dream. Starting a business is awesome. Paperwork. Legal fees. Invoices. More paperwork. Taxes. Starting a business sucks. The Particletree team is about to incorporate its second business and have come to the conclusion that, while everyone seems to be pretty good at g
IntroductionJavaScript’s increasing popularity throughout the web makes it more important than ever to make sure our client side code is implemented with a nice mix of stability, speed, and reusability. One of the best ways for accomplishing this is to use a simple library and syntax to use as a foundation for every project. Thankfully, Sam Stephenson created an amazing library of functions that w
If you’ve ever had to start a new web project from scratch, you probably found yourself in the difficult situation of trying to select the best technologies for the job. To help you with your decisions, I’ve organized a few popular “battles” to get you informed quickly. While there are no real winners and losers, I can’t tell you how much I love me a good web 2.0 fight. So nerdy, yet so satisfying
If I was a betting man, I’d bet PowerPoint is going to turn mankind into zombies. Why are we so addicted to using PowerPoint (or anything showing slide after slide of bulleted information) when our initial gut reactions to viewing one is dread? Maybe it’s because PowerPoint is our only real experience with information presentation—introduced first in school and then reinforced at work. If you’ve b
IntroductionIn my previous feature on CSS layouts, I talked a bit about the different CSS layout approaches available to a designer when building a web site. In this feature, I’d like to focus on a dynamic resolution dependent layout implementation that I think provides a strong alternative for those trying to find a balance between fluid and fixed layouts. With dynamic layouts, the possibilities
IntroductionThe most monotonous entities in the known universe, forms, are a staple of every web programmer’s balanced diet. Whether we like them or not, forms are the gatekeepers to our site’s goodies and often their design alone determines whether a user will try what you’re selling or simply walk away. Without pomp or circumstance, here are ten tips to transform your plain vanilla into double c
Introduction Thanks to a lot of progressive education, web developers are starting to regularly practice three layers of separation (structural, presentational, and behavioral) in their projects and applications. Loosely assigned, XHTML builds the structure, CSS defines the presentation and JavaScript (for the most part) creates the behavior. This code segregation allows developers to create web a
IntroductionToday, I’m going to give you a peak at some templates I use in my workflow to help me get a running start on new web development projects. In addition to the XHTML templates, I’ll go over some CSS templates and some XHTML markup examples I’ve made to help me create style guides for various sites. A long time ago, there used to be a time when the following template or guideline could gi
If you lack the color scheme gene and can’t open Photoshop and pick a handful of beautiful colors off the fly, here are some schemes and coordinators from around the web to get things rolling. PRE-MADE PALETTES Behr.com - Play around with colors and palettes here. A similar technique I’ve seen Kevin use is to take a bunch of the paint samples and painting guides from Home Depot. Popular Website Sc
Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.
このページを最初にブックマークしてみませんか?
『Particletree』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く