background preloader

Web Design Technologies

Facebook Twitter

Global Digital Works. - Top 10 aller JavaScript-Frameworks. JavaScript - 21 Aug, 2008 JavaScript-Frameworks sind in Mode und seit dem es diese Bibliotheken mit ihren zahlreichen Funktionen gibt, ist JavaScript auch nicht mehr mit diesem negativen Image behaftet, wie das vor einigen Jahren noch der Fall.

- Top 10 aller JavaScript-Frameworks

- Webstandards - The Power of JavaScript (jQuery) and CSS. JavaScript - 31 Aug, 2009 Ein Webstandard kommt selten allein und Anwendungen deren Beschreibung mit dem Schlagwort "Web 2.0" einher gehen, schon mal gar nicht.

- Webstandards - The Power of JavaScript (jQuery) and CSS

Denn kaum eine Anwendung die dieser "Kategorie" zuzuordnen ist, kommt ohne eines der bekannten und auf dem Webstandard JavaScript basierenden Frameworks aus. Besonderer Beliebheit erfreut sich hier insbesondere das von John Resig entwickelte jQuery. 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. 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. - CSS3 Transition Tutorial - Menü mit Slide-Effekt im Apple-Style. - Creative Image-Galleries by jQuery. JavaScript - 16 Jul, 2009.

- 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. 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. A "featured content" slider, a "start/stop slider", and "moving boxes". This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features.

View Demo Download Files The demo page has the current version, complete usage, and up-to-date changelog. Features Customization Adding/Removing Slides Just add or remove more <li> items from the list inside <div class="wrapper">, everything else happens automatically. Adjusting Size For example, if you wanted to make the slides 580px wide instead of 680px wide, you just need to change some CSS.

Linking Directly To Slides from Static Links Target the link using and ID or Class (or whatever), and apply a click handler. Credits Share On. 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. 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. 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. 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 You’ll find lots of web design and development tutorials out the net… but very few tuts that take you from start to finish. Lots of tutorials are only for design, and others are only for coding. Check out the entire process as it happens at our Session Page! Technology Web. Anonymity 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.

Fav tech news sites. Webdesign. Flash Games. - Top Illustrator Tutorials. 3D Banner FX. The “Personal License (single use)” grants you a non-exclusive and non-transferable right to make use of this product in a single non-commercial* website (or application**), your own work or client work. * A non-commercial application is an application which is not owned by a company, even if the application in which this product will be included does not directly generate income an individual, when the application in which this product will be included generates income in any form (i.e. a website with paid advertising) Mastering OSMF – Part 1: Working with the Flash Platform.

Adobe Illustrator. Vintage Badge in Illustrator and Photoshop.