• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

ateşli sevgilisi fantezisini yaşamak istediğini söyler porno ona arkadaşları varken onunla gizli saklı seks yapmak istediğini sikiş söyleyen kız hafta sonu için gelen arkadaşının görmediği bir sikiş açıdan sakso çekmeye başlayınca adamın yarağını bu altyazılı porno şekilde indiremez ve açık şekilde salonda sikişimeye sex izle başladıklarında misafir kızı da bu sekslerine rokettube konuk ederler seks yapacağını düşünmeyerek onun sex izle oyun oynadığını zanneder sabah olur ve herkes uyanır hd porno bu sırada yanında şişme mankenini de getiren sapık erotik hikayeler genç sınav haftası ders çalışan genç adam üvey annesinin sikiş eve gelmesiyle hayatının şokunu yaşar

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

Web Development Browser Extensions

April 11, 2011 By Hyde

Now a days browser vendors are competing with each other on who has the most and fastest version update. With CSS now a standard technique, the competition is also on on who supports the most selectors and uses the best syntax. Have you seen the gradient syntax? Safari 4 really made an art of it, luckily they came to their senses in Safari 5.1:

[css]
/* Firefox 3.6+ */
background-image: -moz-linear-gradient(#2F2727, #1a82f7);

/* Safari 4+, Chrome 1+ */
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

/* Safari 5.1+, Chrome 10+ */
background-image: -webkit-linear-gradient(#2F2727, #1a82f7);

/* Opera 11.10+ */
background-image: -o-linear-gradient(#2F2727, #1a82f7);
}
[/css]

Code by CSS Tricks

Now that CSS has become so extensive and fully implemented, web browsers extensions are unmissable if you regularly work with HTML and CSS. Extensions have become a standard in most developers their browsers, that there are even more niche ones like for JSON, jQuery and SQLite.

I collected the most used web developer extensions for all 5 main browsers. I’m not an Opera or Internet Explorer user, so I might have missed a good one. Firefox is my main browser and Chrome secondary. I don’t use Safari either, only for testing. I would love to make Chrome my main browser, but I can’t find a nice theme for it, like GrApple which I use with Firefox.

Whether you work with code everyday or not, these extensions are a must in your browser, they’ll save you some headache along the way.

Firefox 4

Firefox 4 Web Developer Extensions

Web Developer

Firebug

Screengrab

It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard. It captures Flash too!

SQLite Manager

JSONView

View Source Chart

Firepicker

Simple color picker plug-in for Firebug.

Safari 5

Safari Web Developer Extensions

Validator

This is an extension to validate your (X)HTML, CSS and RSS feed with the Unified W3C Validator (Unicorn).

User CSS

User CSS is a Safari 5 extension that will easily enable you to override stylesheets for any web page for anything—from changing fonts, colors to hiding ads and more!

Safari Developer

Safari Developer implements features like window resizing, element highlighting, stylesheet disabling, markup validation (and much more).

Chrome

Chrome Web Developer Extensions

Web Developer

Firebug Lite

jQuery Shell

jQuery Shell allows you to run JavaScript and jQuery 1.4.4 multi-line scripts in the context of the current web page.

Eye Dropper

Resolution Test

Opera

Opera Web Developer Extensions

Firebug Lite Button

Validator

HTML5 Outliner

JsonViewer

Formats and highlights JSON data loaded from file or server.

Internet Explorer

Internet Explorer Web Developer Extensions

Internet Explorer Developer Toolbar

Web Accessibility Toolbar

Firebug Lite

Choosing Web Hosting For Clients: Shared, VPS, Reseller, or Dedicated?

May 31, 2010 By Lorraine

As a web designer and developer, I’m often tasked with selecting the best web hosting plan for our clients. Today I want to take a look at some web hosting options, and what you need to consider when choosing one for your particular client.

Shared

What it is:

The most basic of all hosting types, you’re paying for “shared” space on a server managed by someone else.

Pros:

  • Most affordable option. You can get good shared hosting for $5 to $10 for a single account.
  • No hassles. No worries on managing your account, the company will do it for you.
  • Could be all you need- for now. If your client doesn’t expect to get thousands of hits just yet, starting off on shared hosting might be a good choice. Choose a good, reputable company that will allow you to “grow” through upgrades.

Cons:

Shared hosting is limited, and because you’re essentially sharing one file system with hundreds of other accounts, it’s less secure.

VPS

What it is:

VPS stands for Virtual Private Server and while it is technically “shared” hosting, since you’re on a server with other people, it’s set up like a dedicated server, hence the “private”.

Pros:

A VPS is more secure than shared, and more affordable than dedicated. The account owner also has more power over the account, with the ability to implement secure server configurations, and- of course- root access.

Cons:

You need to know at least a little bit about managing a server- or at least you did in the past. These days, there are many Managed VPS packages that has the web host company doing everything (maintenance, upgrades) for you.

Reseller

What it is:

Reseller packages are popular among business-minded web developers. It usually works this way: rent a large amount of space, market it and resell it to your clients. Different companies have different reseller options, such as white label branding and included tech support.

Pros & Cons:

No worries about setting up or configuring a server- as a reseller, think of yourself more as a marketing arm of the web hosting company, reselling their products. For that reason, you should resell for a reputable host that you believe in and have a good relationship with.

Dedicated

What it is:

One server, completely “dedicated” to you.

Pros:

Obviously, the most secure option of all. A good choice for mission-critical sites, and for those expecting a lot of traffic. Lots more power.

Cons:

With great power comes great responsibility- so unless you opt for a fully-managed account, expect to spend time managing and upgrading your server yourself.

Cloud

What it is:

In all of the above, hosting is done on single server setups. Here, the account is hosted on multiple servers, promising more processing power and the ability to “scale” up anytime (by adding additional servers).

Pros & Cons:

Because of the way it’s set up (think Google), cloud-hosting offers the most power of all, and it should be the answer for mission-critical sites. Its scalability also means that prices can vary widely from very affordable to very expensive. There are concerns about security and privacy.

How do you choose web hosts for your clients?

5 iPad Apps for Web Designers

April 6, 2010 By Lorraine

Got an iPad? I haven’t got mine (yet), but I’ve already got my list of must-have iPad apps down, and today I want to share five of them with you- five iPad apps that are particularly geared towards web designers.

Because, with a product as aesthetically pleasing as the iPad, you just know it’s something that designers will be naturally drawn to- especially with apps like these to help us do better work.

Sketchbook Pro


Can eight bucks really get you a “professional-grade” graphics program? Apparently so. I’ve tried the iPod Touch version of the app, and was blown away by its ease of use and powerful features. The iPad version is an upgraded version, with things like a better color wheel and more brush options. Sketchbook Pro is $7.99 at the App Store »

OmniGraffle for iPad


At $49.99, this app isn’t exactly cheap- but if you’ve ever used and fallen in love with OmniGraffle, you’ll know that it’s worth every penny. Having OmniGraffle on your iPad will open up a world of touch-screen possibilities, allowing you to do everything from creating flowcharts to wireframes, and sharing them via email as OmniGraffle documents or PDFs. OmniGraffle for iPad is $49.99 at the App Store »

PCalc Lite Calculator


A calculator is something I personally use all the time in web design, for everything from grid-based designs to calculating font weights. The PCalc Lite is a scientific calculator, so it has a lot more features than I need, but who’s complaining? It’s free. PCalc Lite Calculator is FREE at the App Store »

Voice Memos for iPad


A must-have app, and not just for designers or creative people. This one lets you record audio using the built-in mic, a headset, or external mic. You can tag your memos, time them, set audio levels, and pause and play them. You also have the option to send the voice memos by email for a fee. Voice Memos for iPad is FREE at the App Store »

FTP On the Go Pro


Finally, if- like me- you transfer files via FTP almost daily, you’ll love FTP On the Go Pro. The iPad version includes the option to view and edit multiple files in one go and (naturally) full-screen. Supports CHMOD as well, so you can set permissions wherever you are (that I am excited about this prospect says a lot about me, I think). FTP On the Go Pro is $9.99 at the App Store »

What iPad apps do you use as a web designer or developer?

Favorite Five: Twitter Services

March 30, 2010 By Lorraine

Addicted to Twitter yet? The truth is that I didn’t think I would ever become a “Twitterholic”, but that was back when I thought it was just a glorified “status updater”, before Twitter allowed me to do everything from donating to Haiti to finding new web design clients.

That’s right, I’ve gotten hired for projects via Twitter. This means that Twitter has actually made me money. Hey, they don’t call it a “bluebird of happiness” for nothing!

Today, I want to show you five things you can do with Twitter that you might not be aware of. Twitter itself is a very simple service, but one of the reasons it’s become so popular is that there are so many things you can DO with it.

Write longer tweets with BiggerTwitter


Does the 140-character limit frustrate you? I know I have a tendency to chatter away a little too much, but 140 characters never seem to be enough for me. Luckily, there’s the BiggerTwitter service, which lets you post longer messages and simply linking them to your tweet.

Know when you’re mentioned in a tweet with TweetBeep


If you regularly Google your own name, you’ll love this service, which alerts you whenever you’re mentioned on Twitter. It works with shortened URLs like tinyurl and bit.ly as well.

Schedule tweets with Social Oomph


Pre-writing tweets might seem to defeat the purpose, but if you manage several Twitter accounts or use it primarily for business and promotions, a service like Social Oomph is great. There’s a professional version, but the free version is pretty powerful on its own, allowing you to schedule tweets and do other things like tracking specific keywords, save and reuse drafts… even do reciprocal unfollows (unfollowing those who unfollow you).

Learn more about your followers with ChirpStats


Formerly known as TwitterLess, a service that alerted you whenever people unfollowed you, ChirpStats is a lot more positive, which I like. It still tracks your “unfollows”, but its new analytics service gives you a picture of your current followers as well.

Access your Google Calendar with TwitterCal


I’ve admitted my dependence on Google’s services before, which is why I absolutely adore TwitterCal. It works exactly like it’s supposed to: simply follow @gcal, submit your Google Calendar details, and add events to your Calendar with a direct message, like so:

d gcal dinner with geraldine on thursday, 1st of april at 7pm

Bonus: the Nudge command

NUDGE is a command that sends a reminder to one of your friends to update their Twitter. When my friends and I were new to Twitter, we used this quite a lot- we hadn’t gotten into the habit of updating our statuses, and with many of us in various places around the world, we loved knowing what the others were up to at any given time. Simply send “NUDGE username”.

Do you use third-party Twitter services?

Web Management from your Desktop

March 12, 2010 By Lorraine

Browsers and the web do go hand in hand, but there are several applications available these days that enable you to manage your web tasks straight from your desktop. Here are a few things you can do with specific apps:

Moderate WordPress Comments

Moderator (Mac, Windows, Linux)

This Adobe AIR app lets you view and manage comments on your WordPress-powered blog. You can choose to accept or delete unmoderated comments, or mark them as spam. The app will also notify you (on your dock or system tray) of the number of pending comments you have. Comes with a WordPress plug-in.

wp-comments-notifier (Windows)

This open-source app works much in the same way as Moderator, but it’s written in QT/C++ and allows you to reply to and edit your WordPress comments as well as manage them.

Write & Manage Blog Posts

Blogo (Mac)

I only blog using my browser (but that’s because I’m a bit of a control freak)- but I used Blogo’s 21-day trial and really, really liked it. Mostly because of its friendly user interface, and its Whiteroom-like “clean screen” for blogging without distractions.

Windows Live Writer (Windows)

For blogging when I’m on Windows, my app of choice is Writer from Windows Live. It supports WordPress, Blogger, LiveJournal and TypePad, works smoothly, and has a good Windows-y feel to it. The best thing about Live Writer, though, are its plug-ins, which allow you to do things like insert content from your existing Facebook or Flickr accounts.

Monitor Your Website(s)

Website Monitor (Google Gadget)

My favorite desktop web monitoring apps are Google Gadgets, and this is one of them. It’s basic, simple to use, and just works, monitoring the response time and content of your website, and automatically notifying you of any problems.

Do you manage your websites from other desktop apps?

« Previous Page
Next Page »

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

Tips to Creating an SEO Friendly Website on a Drupal Platform

Search