Dev.Opera 2009
2013 2012 2011 2010 2009 2008 2007 2006
CSS3 Borders, Backgrounds and Boxes
In this article, we will showcase some examples made using the new properties in the W3C’s CSS3 Backgrounds and Borders specification. We recommend using Opera 11 or later to view these examples in their full glory.
CSS3 borders, backgrounds and box-shadows
In this article, we will showcase some examples made using the new properties in the W3C's CSS3 Backgrounds and Borders specification. We recommend using our Opera 10.5 pre-alpha release to view these examples in their full glory.
CSS3 transitions and 2D transforms
For richer user interfaces it is often desirable to include some animation to make an effect smoother or more appealing, or effects such as rotating elements and text. Traditionally in HTML pages the primary means to add animations was to use JavaScript to…
Opera 10.5 pre-alpha for Labs
We have just released Opera 10.5 pre-alpha for Labs. This pre-alpha is based on the Evenes branch and includes Windows, Mac, and UNIX builds (see below for download link).
効率的な JavaScript
これまでのウェブページはスクリプトをあまり含んでいなかった. 含んでいたとしても, ウェブページの性能に響くようなものではなかった. しかしウェブページがアプリケーションのようになってくると, スクリプトの性能が大きく響くようになる. ウェブの技術を使って作られるアプリケーションが多くなるほど, スクリプトの性能向上はだんだん重要になってくる.
A developer’s look at Opera Mini 5 beta 2
DEPRECATED: This article is deprecated, and a newer article with updated information is available at A developer’s look at Opera Mini 5. You should read this one if you want updated information.
5: Web 標準 ― すばらしき夢、でも現実は？
このシリーズではこれまで、Web 標準の素晴らしい理想について紹介してきました。Web 標準は OS やその他さまざまな電子機器上の Web ブラウザーで互換性を確保することができます。しかし、それは「本当にほんと」なのでしょうか？すべてのブラウザーが 100％ Web 標準に準拠しているのでしょうか？すべての Web 開発者は Web 標準を適切に利用できているのでしょうか？ Web 標準を利用して構築されたページのデザインが、どんな環境でも問題ないと言えるのでしょうか？
Opera Widgets as standalone applications
This is an update of the Opera Desktop Widgets evolved article to coincide with the new Opera Widgets for Desktop release, found in the Opera 10.20 Alpha. Changes include the addition of widget control buttons, and various UI changes.
Rapid application development using the Opera Unite Yusef library
Yusef is a framework for Opera Unite applications that provides ready-made solutions to problems such as form validation, access control, UI templating, and more. A lot of functionality is available through Yusef itself, with even more features made available…
Introducing Opera Unite in Opera 10.10
Opera has just released Opera 10.10, featuring Opera Unite — follow the link to find out more, and install it.
Основы Opera Unite для разработчиков — обновлённые
Opera Unite представляет из себя веб-сервер, работающий внутри браузера Opera, который позволяет делать удивительные вещи. Одним нажатием на кнопку вы можете поделиться картинками, документами, видео, музыкой, совместными играми и множеством других вещей с…
T-모바일 핸드셋용 위젯 만들기: T-모바일 개발자 SDK와 추가 내용
런타임은 오페라 위젯 기술의 확장이고 향상되고 쉬운 개발을 위한 확장된 API를 포함합니다. API는 다음을 포함합니다:
오페라 위젯 SDK
오페라 위젯 SDK가 버전 0.3으로 업데이트 되었습니다! 오페라 위젯 SDK 0.3 패키지 다운로드 (ZIP 파일, 12.9MB)하고, 이 기사에서 링크된 문서를 통해 확인하십시오.
오페라 XML 저장소를 사용하여 플랫폼 및 장치간 위젯 데이터 지속하기
오페라 위젯은 데이터를 지속할 필요가 종종 있습니다 - 데이터는 preferenceForkey 설정을 사용하여 일반적으로 로컬에 저장됩니다. 이는 잘 동작하지만, 한 브라우저에서만 사용가능하다는 한계가 있습니다. 위젯에게 다른 플랫폼과 장치에 걸쳐 같은 데이터를 접근하게 하는 간단하고 표현 상태 전송적 (RESTful) XML 저장소의 발상이 떠올랐고, 이 생각은 - XML을 사용하여 편리한 (RESTful) 방식으로 다른 플랫폼과 장치에 걸쳐 위젯 데이터를…
4: Web 標準のモデル — HTML, CSS, JavaScript
前の記事で、Web の基本的な構成要素に HTML (XHTML), CSS, JavaScript があることを簡単に説明しました。今回はより深く、各技術がいったい何をするものなのか、また Web サイトを作る際にそれぞれの技術がどう関わりあうのかを見ていきましょう。目次は次のとおりです。
Opera Mobile 10 beta developer’s introduction
Opera Mobile is our web browser for high-end phones and we have just released a beta of version 10, which can be installed on Nokia smartphones. To find out more about whether your phone will run it and how to download it, visit our Opera Mobile section. As…
1: Web 標準カリキュラムの紹介
過去8、 9年にわたり、私は教育に関する仕事に力を注いでいました。あるときは技術書を執筆し、人がその技術で何かかっこいいものを作る手助けをしました。勤務先に新しく入ってきた人の訓練を行うこともありました。また、利用者の助けになるよう、Opera のソフトウェアについてチュートリアルの執筆・編集も行いました。
2: インターネットと Web の歴史、そして Web 標準の進化
全てのものには「はじまり」があります。ですから、このカリキュラムも歴史を紐解くことから始めましょう。この記事では、インターネットと World Wide Web、 そしてこのコースのテーマであるWeb標準のはじまりについて簡単に紹介します。
3: インターネットのしくみ
舞台の裏側で、歯車やベルトが回るのを見たことがあるでしょうか。今回は皆さんもよく知っている World Wide Web について、その舞台裏をお見せしましょう。
Powered by Opera Widgets, Web applications takecenter stage
When asked what we do, our CEO Jon S. von Tetzchner frequently replies that we are a browser company first and foremost. Putting our browser in all kinds of devices is our passion; through our products, millions of people around the world have full access to…
Opera Desktop Widgets evolved
Opera Widgets are made using Web standards, the same technology used to build Web pages. This ensures that they work on all platforms and operating systems, as well as giving a much shorter and simpler development cycle to desktop applications.
Opera Unite developer’s primer — revisited
Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your…
Yusef: the Unite Server Framework
Content contributions by Mathieu Henri, Hans S. Tømmerholt and Gautam Chandna.
Adding meaning to your HTTP error pages!
When searching for something on the web we’ve all had the experience of clicking on a link in a search engine’s results page only to find that the page no longer exists. If there’s no information on that page other than a default error message, the most…
Testarticle, find the id-array bug
This article is licensed under a Creative Commons Attribution, Non Commercial - No Derivs 2.5 license.
A developer’s look at Opera Mini 5 beta
This article introduces Opera Mini 5 Beta, our cutting-edge mobile Web browser. Like previous versions, Opera Mini 5 beta works on most modern phones — from top of the range smart phones to feature phones. In fact, it will run on almost any phone with a JVM,…
Opera Widgets Specification 1.0 fourth edition
This document describes Opera Widgets 1.0, fourth edition, and covers all aspects of Opera Widgets, including the packaging format, the configuration file - config.xml - and scripting interfaces for working with widgets. This document represents the required…
Gridnite part 2: developing the formula engine
In the first part of my "Gridnite" series, I showed you how to build a basic multi-user spreadsheet application that can propagate (push) changes to other users. In this part, I'm going to fix some bugs and add formula functionality to Gridnite. Let's face it…
Color in Opera 10 — HSL, RGB and Alpha Transparency
This article explains how the HSL (Hue, Saturation, Lightness) and RGB (Red, Green, Blue) color models work (and the alpha transparency options in both color models), as supported in the new Opera 10 browser. It also shows how designers and developers can tap…
Seven Web Fonts showcases
As we were coming up with web standards examples to highlight the standards support in our Opera 10 final release, we realised that we were all very excited about CSS 3 Web Fonts, possibly above any other feature. We ended up with way more showcases…
The Opera 10 experience
There has been a lot of buzz around Opera 10, what with top notch standards support, a 100/100 score on the Acid 3 test, a new UI, and alpha and beta previews leading up to the final release.
Styling and extracting hCalendar
While the Web is filled with all kinds of useful information it’s sometimes cumbersome to make use of it.
10. Színsémák és designtervek
Miután a webdesigner bemutatja a kliensnek a site vázlatos szerkezetét, felépítését, a következő lépés a színek és grafikák segítségével elkészíteni az oldal megjelenését. Ebben a leírásban bemutatjuk, hogyan lehet ez egyszerűen elvégezni mind a kliens, mind…
11. Tipográfia a weben
Mi a tipográfia? Egyszerűen fogalmazva ez a szövegek megjelenése, designja és elrendezése (erre típusként is hivatkoznak); egy olyan fogalom, amely még a nyomtatott médiából származik. Legalább annyira szól arról, hogy mit nem tehetsz meg a típusaiddal, mint…
12. A HTML alapjai
Ebben a leírásban megismerheted a HTML alapjait — mi az, mire jó, hogyan alakult ki, valamint hogyan épül fel egy HTML dokumentum szerkezete. A következő leírásokban majd részletesebben is megismerheted a HTML különböző részeit. Ebben a leírásban a következő…
13. A HTML <head> eleme
Ebben a leírásban a HTML dokumentumoknak egy olyan részével fogunk foglalkozni, amely méltánytalanul kevés figyelmet kap: ezek azok a jelölések, amelyek a head elemben találhatóak. A leírás végére tudni fogod, hogy mire szolgálnak ennek a résznek a különböző…
14. Megfelelő doctype választása a HTML dokumentumokhoz
A 13. leírásban a HTML dokumentum head elemének anatómiájáról volt szó, amelyben részletesen megnéztük, hogy milyen különböző elemeket tartalmazhat a head, és ezek mire valók. Ebben a leírásban részletesebben megnézzük a doctype elemet, megmutatjuk, mire…
15. Szöveges részek megjelölése HTML-ben
Ebben a leírásban megismerkedhetsz a HTML alapszintű használatával, mégpedig hogy hogyan adhatod meg a jelölésekkel a dokumentumod különböző részeinek az értelmét.
16. HTML listák
A listákat arra használjuk, hogy az egymáshoz kapcsolódó információkat egy csoportba gyűjtsük össze, így ezek világosan kapcsolódnak egymáshoz, ezáltal könnyen olvashatóak. A modern webfejlesztésben a listák gyakori igáslovak, sokszor használják például a…
17. Képek a HTML-ben
Ebben a leírásban azon dolgok egyikét mutatjuk be, amelyik a webdesignt széppé teheti — a képekről. Az anyag végére tudni fogod, hogyan adj hozzá képeket a weboldalakhoz hozzáférhető módon (vagyis hogy a látássérült emberek is képesek legyenek használni az…
18. HTML hivatkozások — építsük fel a webet!
Ebben a leírásban mindent meg fogsz tudni a web történetének egyik legnagyobb dobásáról — a hivatkozásokról. Egy dokumentum olvasója a hivatkozást követve átugorhat egy másik dokumentumra, és egyik kiszolgálóról átléphet egy másik kiszolgálóra úgy, hogy…
19. HTML táblázatok
„Ó jaj!” — hogyan tudom a webes szabványokkal ezt a rengeteg adatot megjeleníteni? A lelki szemeid előtt talán már meg is jelentek a többszörösen egymásba ágyazott elemek, amelyek szépen sorokba és cellákba szabályozzák az adathalmazt… de nem kell aggódnod,…
20. HTML űrlapok — az alapok
Mindenki látott már űrlapot. Minden használt már űrlapot. De kódoltál már ilyet valaha?
21. Kevéssé ismert szemantikus elemek
Ebben a leírásban néhány kevéssé ismert és ritkán használt szemantikus elemet fogok bemutatni a HTML-ből. Megnézzük, hogyan lehet programozási kódot megjelölni, számítógép kimenetet jelölni, idézeteket és rövidítéseket megadni, a dokumentumok változásait…
22. Általános tárolók — a div és a span elemek
Ebben a leírásban be fogom mutatni, hogyan és mikor használatod a HTML-ben azt a két elemet, amelyek nem a tartalom leírására szolgálnak. A div és a span elemek ugyanis semmilyen jelentést nem rendelnek ahhoz a tartalomhoz, amit közrefognak, hanem egy…
4. A webes szabványok modellje — HTML, CSS és JavaScript
Az előző cikkben röviden érintettük a web alapköveit, a HTML-t (vagy XHTML-t), a CSS-t és a JavaScriptet. Most ideje egy kicsit mélyebbre ásni és megnézni, hogy mire jók ezek, mit csinálnak, hogyan tudnak együttműködni, és hogyan építhetünk fel velük egy…
5. Webes szabványok — szép álom, de mi a valóság?
Egészen mostanáig a webes szabványok ideális, szép világáról volt szó. A szabványok segítségével ugyanúgy működnek a weblapok minden böngészőben, minden operációs rendszeren és minden elérhető elektronikus eszközön. De valóban ez a valóság? Valóban minden…
6. Információs Architektúra — egy website tervezése
Hagyományosan egy website tervezése (vagy bármilyen más projekt) elég kimerítő lehet. Mindenkinek van valamilyen véleménye, hogy egy website-ot hogyan kell felépíteni, és ezek a vélemények gyakran ütköznek egymással. Az első számú célod egy website…
7. Mi kell egy jó weblaphoz?
Az előző leírás folytatásaként ebben a cikkben részletesebben megnézzük, hogy milyen tartalom kerüljön a Dung Beatles weboldalára, közben megtudhatod azt is, hogy mi szükséges egy jó website-hoz.
8. A színek elmélete
Színek és grafikák nélkül minden oldal Jakob Nielsen álomoldala lehetne. Habár Nielsen filozófiája a lecsupaszított weboldalakkal igencsak hasznos a hozzáférhetőségi és használhatósági szempontok szerint, mégis a legtöbb webdesigner a felhasznált design…
9. Egy site keretének felépítése
Minden webdesignernek ismernie kellene és meg kellene értenie a websiteok paramétereit, mielőtt egyáltalán belekezdene a kódolásba. Ebben a leírásban meg fogod ismerni az üzleti weboldalak készítésének alapjait. Bár ezek az információk elsősorban a mások…
The freelancing business part 3: scheduling your projects
Previously in this article series, we discussed budgeting and pricing; in this third article we carry on the discussion about making money as a freelancer, covering the role and importance of schedules in profitability.
Gridnite - the Unite-powered multiuser spreadsheet application
In this tutorial I'm going to show you how to build a simple multi-user spreadsheet service in Opera Unite - this great new technology is, after all, about collaboration, and an ideal use case is locally hosted documents that can be collaborated on by…
Keyboard accessibility in web applications: part 3
In the first part of the article we added keyboard shortcuts to a painting application. In the second part we implemented a way to move the pointer inside the drawing canvas using keyboard shortcuts. Now we will look into the cross-browser compatibility layer…
Keyboard accessibility in web applications: part 2
In the first part of the article we added keyboard shortcuts to a simple paint application. Now we will implement a way to move the pointer inside the drawing canvas using keyboard shortcuts.
Saving Opera Unite service data using File I/O
The File I/O API provides functions that allow you to manipulate files and folders from your code, allowing you to provide persistent storage for your application's state, or share files from a folder the user chooses on their local filesystem. In the context…
Accessible drag and drop using WAI-ARIA
This article is intended for people who create rich internet applications with drag and drop functionality and want to make them accessible. No prior knowledge of WAI-ARIA is assumed, although it is recommended you read my introduction to WAI-ARIA article…
Keyboard accessibility in web applications: part 1
In my previous article I showed you how to start developing a browser-based painting application. In this three-part article we will follow on from that, focussing on making our application keyboard accessible. Along the way, you should pick up some good…
Curriculum di introduzione agli Standard Web - Contenuti
Ho spesso manifestato un desiderio. Il mio lavoro, negli ultimi 8 o 9 anni, è stato fortemente incentrato sull'istruzione, mi sono state commissionate revisioni e modifiche di libri tecnici per aiutare le persone a creare prodotti con la tecnologia, la…
La storia di Internet e del Web, evoluzione dei Web standard
"Comincia dall'inizio," disse il Re grevemente "e vai avanti fino alla fine: dopo fermati"
1. Bevezető a webes szabványokba
Régóta volt már egy álmom. A munkám az utóbbi 8-9 évben elég erőteljesen az oktatás körül alakult, néha technikai jellegű könyvek készítésében segédkeztem, amelyekben az emberekkel megismertettük az új technológiákat, máskor új alkalmazottakat kellett…
2. Az internet és a web története, a webes szabványok evolúciója
— Kezdd a kezdetén — mondta a Király —, és leghelyesebb, ha a végén végzed.
3. Hogyan működik az internet?
Néha előfordul, hogy szeretnél betekintést nyerni a dolgok mögé, hogy lásd a fogaskerekeket és az ékszíjakat az események mögött. A mai a te szerencsés napod. Bevezetlek a legújabb technológiák működésébe, melyek segítségével már elboldogulsz a világhálóval.
Custom web fonts with sIFR
You may have heard the term sIFR, banded about on high brow design sites or by web gurus on their tweets, and you'll know roughly what it is ... a flash-based technology for swapping fonts in titles and headers for your own custom fonts that the end-user…
Mobile 1: Introduction to the mobile web
The Opera Web Standards Curriculum is about advocating best practices for the web and providing complete coverage of all the skills you need to create modern Web sites, in doing so making the Web a better place for all of us to work and browse. This mini…
Setting up custom domains for Opera Unite
Typically, to connect to a service running in Opera Unite, you use a domain name assigned by Opera, based on your My Opera username and the name you chose for your device, for example:
Основы Opera Unite для разработчиков
Opera Unite представляет из себя веб-сервер, работающий внутри браузера Opera, который позволяет делать удивительные вещи. Одним нажатием на кнопку вы можете поделиться картинками, документами, видео, музыкой, совместными играми и множеством других вещей с…
An introduction to Opera Unite
The time has come to raise the curtain on yet another exciting new Opera technology release. The drums are playing a low roll, which increases in intensity as the onlookers stare in antici … pation; the lights begin to come up, along with the curtain; the…
Taking the Web into our own hands, one computer at a time
My name is Lawrence Eng , and, as a product analyst for Opera Software, my job is to understand our users and what they need, so we can serve them better. Today, I will share my thoughts on Opera Unite, a new Opera technology that I’m extremely excited about.…
Markuper: The Opera Unite Service template library
Markuper is a template library that provides an easy way to develop Opera Unite Services.
Opera Unite developer's primer
Further content contributions by Arve, Chris, Zi Bin, and Lissy.
Поддержка стандартов в Opera Presto 2.2 и Opera 10 beta
Только что мы выпустили первую бету Opera 10, которая не только включает некоторые отличные новые возможности, но и просто потрясающе выглядит. Но что это значит для разработчиков? В эту бету включена новая версия движка Opera Presto 2.2, которая обеспечивает…
Custom Opera Widget icons for varying resolutions
Different platforms use different sizes for widget icons, ranging from 16×16 to 128×128 - see Figure 1 for some examples. You should supply icons for these different sizes to ensure the look and feel of your widget maintains a high quality on several…
Opera Mobile 9.7 - features and standards support
We are proud to announce the release of the Opera Mobile 9.7 beta on Windows Mobile! You can download the beta and try it out right now for free — we'd love to know what you think.
The Opera Widget manager application
The Opera Widget manager is a standalone application allowing you to organize and run widgets independently of the browser (see Figure 1). The manager integrates with Opera’s distribution channel for widgets — widgets.opera.com — and responds to files with a…
Standards support in Opera Presto 2.2 and Opera 10 beta
We have just released the first beta of Opera 10, which promises some great new features and a stunning new look. But what does this mean for Web developers? Opera 10 beta includes the Opera Presto 2.2 rendering engine, which features improvements across the…
Changes in Opera’s user agent string format
Our latest weekly snapshot identifies itself in a slightly unexpected fashion (as will the beta and final versions of Opera 10). The user agent for Opera 10 (eg Mac platform, English locale) will be as follows:
Improving image maps with SVG and XSLT
(X)HTML has a feature for adding linked areas to images: Image maps. These serve their purpose well, but in some situations a graphically more appealing solution is desirable. In this article, I will take you step by step through an example of how XHTML, SVG…
Styling hReview Microformats
The hReview Microformat gives us an agreed convention for adding markup structure and semantics to reviews — reviews of products, people, websites, events, and other things. In this article, you will learn how to style hReviews with CSS (the final example is…
JavaScript for Hackers
I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques…
Creating widgets for T-Mobile handsets: The T-Mobile Developer SDK and more
Opera Software has created a widget solution for certain T-Mobile handsets that includes:
Introducing Opera Face Gestures
At Opera we are always working on new ways to make your browsing faster. Eight years ago we introduced Mouse Gestures as a way to speed up your interaction with the browser and focus on what’s important: the content you’re looking at. We didn’t stop there, in…
Introduction to hCard — Part 2: Styling hCards
In the first part of this tutorial, I showed you the basics of the hCard microformat - what it is, how you implement on in HTML, and what tools are available to extract tem form web pages. Now that we know how to create hCards, let's go through a couple of…
Introduction to hCard, Part two: Styling hCards
In the first part of this tutorial, I showed you the basics of the hCard microformat - what it is, how you implement on in HTML, and what tools are available to extract tem form web pages. Now that we know how to create hCards, let's go through a couple of…
Find me! Geolocation-enabled Opera build
Another great Opera technology release is with us — we are delighted to release the first build of Opera with Geolocation API support — you can use this to expose the browser's geographical position, and make use of it in your applications.
Creating an HTML 5 canvas painting application
My previous canvas primer article provided you with insight into the numerous use cases for canvas in web applications. In this article we will explore how you can write your own canvas-based painting application.
Creating pseudo 3D games with HTML 5 canvas and raycasting: Part 2
This is my second article about creating Wolfenstein-like games with JavaScript, DOM and HTML 5 canvas; the techniques discussed are similar to those used in my WolfenFlickr project. In the first article, I created a basic map for the player to walk around in…
Opera Turbo
At Opera, we love speed. We work hard to make our browser faster with features that speeds you up, but your connection also plays a big role on how fast you can go.
Introduction to hCard — Part 1
hCard is a way of representing contact information - including people, organizations and places - using nothing but XHTML class attributes. It is one of many standards detailed on the Microformats project, the aim of which is to provide standards for coding…
JavaScript Best Practices
Writing a best practice article is quite a tricky business. To a number of you, what you are about to read will appear to be very obvious and just the sensible thing to do.
Introduction to hCard
hCard is a way of representing contact information - including people, organizations and places - using nothing but XHTML class attributes. It is one of many standards detailed on the Microformats project, the aim of which is to provide standards for coding…
Introducing Opera Fingertouch
As of today millions of people are browsing the full web on their mobile phones and devices. These devices bring new challenges to browser vendors and handset manufacturers trying to deliver a pleasurable user experience to their users because of small screen…
Technology preview: Gears-enabled Opera Mobile 9.5
We’re happy to announce our Opera Mobile 9.5 technology preview with support for Gears , a Google open source project that enables more powerful web applications. Besides this Opera Mobile 9.5 technology preview, Gears is currently available for Firefox 1.5+,…
Carakan
Over the past few months, a small team of developers and testers have been working on implementing a new ECMAScript/JavaScript engine for Opera. When Opera's current ECMAScript engine, called Futhark, was first released in a public version, it was the fastest…
Programming — the Real Basics!
As an experienced developer you’ll sooner or later have to face people that are just not technical and will consider whatever you do as black magic. Conversely, as a non-technical person, not knowing what someone delivering work for you is doing is a bad…
38: Headers, footers, columns, and templates
To this point, the articles in this Curriculum have focused on single topics, ranging from soft concepts like typography and colour, to hard technical instruction on subsets of CSS 2.1. This article takes on broader focus; its purpose is to show the reader…
47: Creating and modifying HTML
In this article I’ll explain the basics of using JavaScript to manipulate the content of your pages, including showing and hiding parts of a page, and adding new HTML and removing it. At the end of this you’ll understand that the most fundamental thing we use…
48: Dynamic style - manipulating CSS with JavaScript
At this point in the JavaScript section of the course, you’ve already covered the real basics of JavaScript usage, looked at how to target elements using the DOM, and seen how to manipulate them once you’ve successfully targeted them.
41: Your first look at JavaScript
In this article we’ll cover the basics of JavaScript — how and where to use it, what problems to avoid and general basics to get you started on your journey towards becoming a top-notch JavaScript developer.
51: Graceful degradation versus progressive enhancement
In this tutorial we discuss the difference between two development approaches: graceful degradation and progressive enhancement. Putting things simply, here are working definitions:
49 - Handling events with JavaScript
Now you are comfortable with using CSS for styling and layout, and have taken your first stumbling steps with understanding variables, functions, methods, etc. in JavaScript, it is time to start using that knowledge to provide your site visitors with…
50: JavaScript animation
In this article, I will look at the art of creating animations using JavaScript — animation is often used to add to the user experience, for people using browsers than can support it. Common uses are things such as smoothly expanding and collapsing panels,…
42: JavaScript best practices
Sign up now to post in the forums, comment on articles, submit your own articles and more.
44: JavaScript functions
Functions lie at the core of practically everything useful that you’ll do with JavaScript. Broadly speaking, they offer the ability to break a program into logical chunks, each implementing a specific piece of functionality. They’re a central feature of the…
40: What can you do with JavaScript?
Now I’ve taken you through the core essential concepts of programming, it’s time to take a step back from the details and take a high level look at what you can actually do with JavaScript — why would you want to take the time to learn such a complicated…
45: Objects in JavaScript
The functions article that this follows introduced the concept of functions, teaching you how to better organize and reuse your code by grouping individual activities into logical chunks that you can call whenever you like. Now that you’re comfortable with…
39: Programming - the real basics!
As an experienced developer you’ll sooner or later have to face people that are just not technical and will consider whatever you do as black magic. Conversely, as a non-technical person, not knowing what someone delivering work for you is doing is a bad…
46: Traversing the DOM
It’s hard to come up with any example of useful JavaScript code on the web that doesn’t interact in some way with an HTML document. Generally speaking, your code needs to read in values from the page, process them in some way, and then generate output in the…
43: The principles of unobtrusive JavaScript
In the preceding articles we’ve talked a lot about HTML and CSS and how to properly implement them, and we’ve also been through the basics of JavaScript—what it is, what it can do for you, and why you should know about it. Before we go on to look at practical…
Raphaël: a JavaScript API for SVG
The first time I saw SVG in 2000–2001, I was blown away by the power it has, and the simplicity of the language, but I was also dismayed that I couldn't really make use of it, because browsers didn't support it. These days all major browsers (with one…
Styling XFN and rel-license links
Before the official creation of Microformats, the XHTML Friends Network (XFN) was created by Eric Meyer, Matt Mullenweg, and Tantek �elik in 2004 to define the human relationships between the authors of websites.
HTML 5 canvas - the basics
The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a "context" (think about a page in a drawing…
Creating presentations/slideshows with HTML & CSS
An HTML & CSS (or simply HTML) presentation means displaying an HTML or XHTML document in a paged fashion, preferably full-screen mode, even though this is not mandatory. While the technology for that has been with us for a while now, such presentations still…