Posts tagged as ' CSS ' ...

05 Jan 2010 @ 4:56 PM 

Hello

This post is sort of a checklist of things to check before you upload you’re files on the webserver, and this will be updated with more things as time allows it.

One of the most annoying things you can get is that if you maintain a localhost version of your website, and your live website has the google analytics code in it, when you upload your local files overwriting the files on the webserver, those newer files you have on your localhost may not have the google analytics script set, so you will end up like me with 1 week of uncounted traffic. Stupid and Newbie mistake, meh note to self, never push updates after midnight because shit may happen.

+ Continue Reading This Article

Posted By: Dinulescu Alexandru Adrian

Last Edit: 07 Jan 2010 @ 05:47 PM

EmailPermalinkComments (0)

28 Nov 2009 @ 3:17 PM 

Hello

In this post I will elaborate and add more functionality to a previous post of mine found here here. Basically i have added more functionality to the page, such as left / right key navigation, number key functionality, enter/escape key functionality, and of course the entire suite of conditions needed so the code works properly.

I have tried to build each functionality as a module, which you can add and remove, however in order to have the search function work well with the tab functionality and switching, then some interdependence was needed.

the XHTML

The XHTML is not different from the last version, the only thing different is a few bits and pieces of additions, and more importantly a couple of new lists so we can have a tab functionality. Other than that, there were no major changes.

the CSS

As with the first version this CSS is very basic however you can style it as you wish, probably in the future i may add some nicer styles to the project but for now, since it’s just a tutorial thingy, i think what we have is quite enough.

the JS

The JS suffered major changes, (of course right, we’re building a JS application here). It is kinda hard to explain everything in the post, but all the lines (almost all the lines) are heavily commented within the JS file itself, so please refer to that file for exact instructions and explanations.

The files can also be found online Here and a zip file can be downloaded from here

In part 3 of the series i will try to enlarge the search possiblity to include more than 1 letter

Tags

Tags: , ,

Categories: jQuery, XHTML/CSS

Posted By: Dinulescu Alexandru Adrian

Last Edit: 08 Jan 2010 @ 09:10 PM

EmailPermalinkComments (0)

24 Nov 2009 @ 1:27 AM 

Hello this post is the one of the things i have stumbled upon today

I was working on a project and i was requested to do something ala Gmail shortcuts, aka you press a specific button and something happens, well, first off i looked on the web to see if there is any information, which of course it’s not at least from what i looked so i had to build it myself

First off we’ll start with a basic XHTML, containing an un-ordered list, styled a bit, the real secret is the JS itself, you can style the xhtml/css as you want, it doesnt really matter. To save space i’ll upload the complete final files at the end of this post, with instructions and comented css/xhtml/jquery

+ Continue Reading This Article

Tags

Tags: , ,

Categories: jQuery, XHTML/CSS

Posted By: Dinulescu Alexandru Adrian

Last Edit: 08 Jan 2010 @ 08:55 PM

EmailPermalinkComments (1)

14 Nov 2009 @ 3:34 AM 

Hello

I just found out something very very interesting when i was working on a project. Basically it required me to put a div inside a a tag and that div also had some links. I managed to do that however the code is not valid. Will post source code with examples and explanations tomorrow.

Okay so basically what I was trying to create was something like this (simplified for good reasons)

My version also had a hover JS element over the entire box, so when the user hovers over it, it gets highlighted. So far nothing went bad, everything fits together nicely

<div class="box">
      <img src="./image/stuff.png" alt="" height="200px" width="200px" />
      <p> <a href="#"> Link 1 </a> <a href="#"> Link 2 </a> </p>
</div>

+ Continue Reading This Article

Tags

Tags: , ,

Categories: jQuery, XHTML/CSS

Posted By: Dinulescu Alexandru Adrian

Last Edit: 08 Jan 2010 @ 08:34 PM

EmailPermalinkComments (1)

16 Aug 2009 @ 5:13 PM 

Hello, this is a short post

the property is a { outline: 0px none;} however you need to have all the pseudo classes under this rule,  a:focus, a:hover, a:active, a:visited { outline: 0px none;}

Tags

Tags:

Categories: XHTML/CSS

Posted By: Dinulescu Alexandru Adrian

Last Edit: 07 Jan 2010 @ 11:41 PM

EmailPermalinkComments (0)