background preloader

Web Design Technologies

Facebook Twitter

Global Digital Works. - Top 10 aller JavaScript-Frameworks. - Webstandards - The Power of JavaScript (jQuery) and CSS. falls to SQL injection attack. It must have been with the greatest sense of irony when a pair of hackers broke into over the weekend using an SQL injection attack. falls to SQL injection attack

For those who are not familiar with the term, an SQL injection is a phrase used to denote the execution of unauthorized SQL database commands--usually by exploiting improperly or insecurely designed web applications. In this instance, SearchSecurity reported that the hackers used a blind SQL injection which meant that the hackers figured out the pertinent database structure by a process of trial-and-error. 12 Places to Use QR Codes for Marketing. How to Style Each WordPress Post Differently. Have you ever came across a site that style their posts differently?

How to Style Each WordPress Post Differently

Some sites have different sticky posts highlighted whereas others have each category post styled with a different color, or some may even have a totally unique outlook altogether. Well, that is exactly what we are going to cover in this article. We will share how you can style different WordPress posts in different ways. Web design, Internet Marketing News and Tips. Convert FBML to iFrames on Facebook Fan Pages. How Does Facebook Work? The Nuts and Bolts [Technology Explained] Facebook is social networking.

How Does Facebook Work? The Nuts and Bolts [Technology Explained]

People have been “facebooking” each other for about 6 years now, making Facebook the most used social network with over 350 million users worldwide. But how does Facebook work? In this article, I will discuss Facebook’s inner workings, covering its architecture and frontend/backend infrastructure””the nuts and bolts that hold Facebook together. How Does Facebook Work?”” The Front End Facebook uses a variety of services, tools, and programming languages to make up its core infrastructure. Linux & Apache This part is pretty self-explanatory.

MySQL For the database, Facebook utilizes MySQL because of its speed and reliability. Facebook 'will look different in a year' As well as the news that Facebook is used by half the UK population, Facebook also laid bare its vision for the future of the social web in a keynote at the UK's largest digital marketing event, TFM&A.

Facebook 'will look different in a year'

Stephen Haines, commercial director for Facebook in the UK, said that the site would continue to evolve. "There have been eight iterations of the [main] Facebook design over the last few years... [and] it will look different in a year" he said, clearly intimating that the site would continue to change to enhance its commercial succcess. The site has never been slow to change fundamentals of its design and approach, most recently with the redesign of the Like button. "The average Facebook user has 130 friends [and] the average time spent on Facebook is 28 minutes a day. " Haines also showed impressive figures showing the effectiveness of brand pages. He hailed the success of Facebook Deals, which had even crashed the Alton Towers website.

How to Draw Quadratic Curves on an HTML5 Canvas » SitePoint Blogs. Drawing graphical curves within the browser has never been easy. Until recently, if you wanted a smooth chart, you either had to generate an image or create an SVG on the server. Creating a curve on the fly required ninja JavaScript skills, a mathematics degree and immense patience. The canvas element has changed everything. Create fancy share box with CSS and jQuery. This tutorial will show you how to turn unordered list (UL) into an fancy social bookmarking sharing box.

Create fancy share box with CSS and jQuery

You will see how to style such box, how to add interactivity, and how to create jQuery plugin that will turn any UL into sharing box. Download source View demo The idea is to have all of the buttons shown inline and partially hidden. When user hovers over a button it slides to the right and become visible. Styling unordered list. - CSS3 Transition Tutorial - Menü mit Slide-Effekt im Apple-Style. - Creative Image-Galleries by jQuery. - CSS3 Tutorial - Website-Navigation - Border-Radius.

- Windows 7 Fenster mit CSS3 und jQuery - Tutorial Teil 1. 5 Pitfalls to Avoid for New Web Designers. New web designers often find themselves in a common scenario: fresh out of college or just barely starting your career... but unlike other careers where there are defined training programs to show you the ropes, you end up wandering around the internet, hoping to pick up enough experience to land a job.

5 Pitfalls to Avoid for New Web Designers

Today, I am going to discuss a few areas where rookie web designers can drop the frustration and begin making high quality web sites faster. Pitfall 1. Don't Try To Re-Invent Layout A very common theme amongst beginners is trying to "re-invent the wheel" when it comes to layout. Webdav. Web tools/APIs. AnythingSlider jQuery Plugin. Just what the world needs, another jQuery slider.

AnythingSlider jQuery Plugin

YAWN. I know, check this one out though, it's got lots of cool features. Here on CSS-Tricks, I've created a number of different sliders. Three, in fact. TufteGraph: beautiful charts with jQuery. Make pretty graphs with javascript, using jQuery 1x Dog 1.3x.

TufteGraph: beautiful charts with jQuery

Horinaja for scriptaculous or jQuery. How To Build an Animated Header in jQuery. Home > CSS, Front End Development, HTML, Javascript > How To Build an Animated Header in jQuery Why not give a little flair to your header.

How To Build an Animated Header in jQuery

This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something. What We Are Building We are going to build a header that animates it’s background. We will also encase the header in shadow for the little extra dramatic effect. Making an infinite JQuery carousel. Making an infinite JQuery carousel In this tutorial we will make an infinite JQuery carousel.

Making an infinite JQuery carousel

I noticed that most of tutorials on how to make an infinite JQuery carousel are quite complex, so i decided to show you how to make it much simpler. How will it work? Disabled labels and the Trilemma plugin (Ask the CSS Guy) I’m working on a form that makes use of the disabled attribute, and the default browser settings for disabled inputs don’t have as much contrast as what I’d like. To better distinguish at a glance which inputs are disabled/enabled, I’ve chosen to style the labels of disabled inputs with a faint gray color.

Consider the differences in the screenshot below. Kwicks for jQuery and an awesome horizontal animated menu. Menu of a web page is the most important and maybe the most clicked link on your web page. Do you want your menu look sexy with an awesome animation on your website? Follow me, I will walk you to the final result of using Kwicks – jQuery Plugin to build an horizontal menu with a nice effect like Mootools but more customizable and versatile. Always begin with the Demo and Download, huh? In the example above, the block width of menu item will be changed when the mouse goes over. This tut also show you how to work with css sprites – a popular css technique (not a new anymore, huh?). Design And Develop A Complete Website (Part 2) Today, in part 2 of this massive tutorial, we’re continuing this session with the second day of design.

We’ve already designed the homepage – so now we’ll be designing the four support pages that form the rest of the complete site design (Portfolio, Blog List, Blog Post, and the Contact Form Page). Let’s dive in shall we? About the Mini Series. Technology Web. Anonymity Online. Family & Friends People like you and your family use Tor to protect themselves, their children, and their dignity while using the Internet.

Businesses Businesses use Tor to research competition, keep business strategies confidential, and facilitate internal accountability. Activists Activists use Tor to anonymously report abuses from danger zones. Media Journalists and the media use Tor to protect their research and sources online. Military & Law Enforcement Militaries and law enforcement use Tor to protect their communications, investigations, and intelligence gathering online.

Create an amazing music player using mouse gestures & hotkeys in jQuery. What’s up guys? Today I am very proud to announce a BIG & INTERESTING tutorial focused on improve the user’s interaction in your web applications. We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse. Because I told you that it’s a big tutorial, this time I will show you a live working example in this video: But as always, you can test the real demo over here Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome. So guys, come with me and jump into the tutorial There are a lot of online jukebox based on javascript interaction such as plusmusica, but the most of them ignore the power of mouse gestures and hotkeys.

Fav tech news sites. Webdesign. Flash Games. - Top Illustrator Tutorials. Graphic Corner - 22 Mai, 2009. 3D Banner FX. Mastering OSMF – Part 1: Working with the Flash Platform. Adobe Illustrator. Vintage Badge in Illustrator and Photoshop.