HTML5 on Mustafa Kurtuldu | Blog & Portfolio

DT-SimpleCSSToolTip

Wed, 03 Jul 2013 14:38:54 +0000

I decided to make this a git project. Still a work in progress, although, unlike previous examples, this tooltip has an arrow and allows for different position placements. You can check out the project here or the full demo here.

My new best CSS friend - content: attr(data);

Thu, 27 Jun 2013 16:31:24 +0000

I have been experimenting with the CSS content property quite a bit lately. What I discovered is you can populate it with the HTML data attribute. For example, say we wanted an item to have a tooltip. We would write out the HTML like this: <a href="#" id="my-link" data-tooltip="this is my tooltip data">This is my link</a> Now in the CSS all we have to do is: #my-link { position: relative; } #my-link:before { diplay: block; content: "

Web 3.0: HTML5 & Semantic Web

Mon, 19 Nov 2012 17:49:30 +0000

The World Wide Web started its life as a series of simple, text-based, read-only homepages whose sole purpose was to act as a digital business card and brochure. From this, Web 2.0 evolved, and this dynamic, interactive approach now informs our online life. Web 2.0 is about much more than page design; from static pages grew a community-driven, user-generated web where collaboration and information are unified. For example, in order to rank sites according to usefulness, Google’s search engine algorithm looks at website content to learn which are the most commonly linked.

Michael Jackson Vs HTML5

Mon, 27 Aug 2012 01:00:15 +0000

Our industry is over 20 years old now. Mosiac, the first web browser was release in 1993 followed by Opera in ’94 and Internet Explorer in ’95. Mostly we were reduced to viewing text files and eXcel like tables for our web pages. Linking to separate pages/documents was like a revolution in the HTML world that held engieneers in awe of the infinite possibilities. Then the browser war ensued followed by the first bubble bursting/web crash.

Responsive design

Sat, 28 Jul 2012 11:42:41 +0000

Once upon a time web design / interface design was simply the act of taking a portrait designed brochure and turning it on its side to create a landscape layout with buttons stuck on to make it cool and new media.

There wasn’t a convention of what constituted good or bad web layout, semantic mark up or even screen width. Everything seemed to change depending on who was designing / coding the said site.

JAW-DROPPINGLY AMAZING

Wed, 25 Jan 2012 12:57:18 +0000

I’ve seen some amazing JS & HTML5 experiments but this one has blown me away – the original Command and Conquer. Created and completed in a month by Aditya Ravi Shankar. Check it out on github as it’s an incredibly ambitious project.