Archive for 'css'

CSS3 - The future now

if you are involve in psd to xhtml or front end development you know css1 and css2 did you ever used css3 yes you heard of this but did’t try to use it yet as not all browser support but webkit.

Today i have to create a css based menu again ( pure css no js ) hide and show like effect although transition was not necessary to implment and idea came into my mind i should try CSS3 and to be honest i’m stun to see what css3 is offering and sharing here with you guys.

Please visit below link to see CSS3 in action.

CSS3 IN ACTION

Please Comment what you like in CSS3 :)

Image base navigation with modx wayfinder menu

If you are interested in Content Management Systems (CMS) then most likely you have heard about MODx (modxcms.com). In this tutorial i will explore how we can use or create image based modx wayfinder menu, we can create or generate standard ul based menu calling wayfinder snippet and than style this menu using css, but sometime we don’t require standard ul base menu or ul list with images in, so below are the steps following we can create image base menu.

Step - 1

Create a template variable name it “menuImage” and attached to your desired or active template set the values use the following settings - ‘Input Type: Image’ and ‘Widget: Image’.

Step - 2

Edit your home page assign any desired image to menuImage TV.

Step - 3

In your active template call wayfinder snippet with rowtpl and outertpl papamater for detail about paramater please visit this site MuddyDogPaws

Step - 4

For your rowtpl chunk use this chunk
[+menuImage+]
[+wf.wrapper+]

Your are Done

View your page in browser and you will see image in place of your home link, create css to indent the link text, we can also do it using only classes and using rowtpl chunk wf.docid wf.classes together in rowtpl chunk now you will have known classes name like 1nav, 2nav where 1 and 2 are page id’s so hard code it in css create class name 1nav and add background attribute to this class you are done if you guys facing any difficulty please write in comment hopefully i will answer within day or with in hour ;)

MODx Tutorial and Resources


Working With a Content Management Framework: MODx

If you are interested in Content Management Systems (CMS) then most likely you have heard about MODx (modxcms.com). MODx is not just an extremely flexible CMS that makes managing website content a breeze, it is also a powerful Content Management Framework with an extensive API that makes it a developer’s dream.
“MODx is an open source PHP Application Framework with Powerful Features that help you take control of your online content. It empowers developers and advanced users to give as much control as desired to whomever they desire for day-to-day website content maintenance chores.”

Official Link


Where to find MODx Help? – MODx Resources and Tutorials on the Web

Today I’m going to start on a new series of tutorials that will teach you how to build a website using MODx CMS. As always, I invite you to add comments and share your knowledge as we learn and build together. I also encourage you, as you follow these tutorials, to work along with me, installing a local copy of MODx on your computer so that you can follow along and see MODx in action.

Official Link


Exploring MODx from the inside

MODx is dead! Long live MODx!
Well, no, not really. MODx as we know it now, MODx Evolution, is far from becoming obsolete.
While MODx 2.0 Revolution is in its first public beta, being used initially to support a new generation MODx CMS and representing a quantum leap in web application frameworks, its older brother MODx Evolution will continue to be a sturdy supporter of web developers everywhere for a long time.
You could say that MODx Evolution is a content manager with application framework support, while MODx Revolution is an application framework with content management support.

Official Link


The MODx Content Management System

MODx is a content management system that helps you create superlative web sites. There are two key benefits to MODx. First, it makes web sites easy for you and others you designate as site admins to maintain. Second, once you get used to it, it allows you to create very complex web sites in a very short time. Things that would take many lines of code for you to do yourself can often be accomplished with a line or two in MODx. Of course there are many other benefits as well, but we’ll get to those later.

Official Link


MODx Cheat Sheet

an excellent resource to have as you work with MODx, developed by Brandon Booth, This document applies to Modx 0.9.6.

Official Link


The (almost) Complete Guide to Creating Menus in MODx Using Wayfinder

Those who know me from the forums probably know that my favourite snippet is Wayfinder. This e-book started out as a tutorial that I thought I’d post in the wiki but it ended up as an e-book! This is the culmination of about 5-6 months writing and is quite detailed. The e-book explains the logic behind and the workings of almost all the Wayfinder parameters. This is all done practically by building a fictitious Restaurant website. The e-book also provides examples of building some common menus such as an accordion menu, using UltimateParent with Wayfinder, etc. Because of this, it makes for quite some long reading, 148 pages! However, there’s lots of graphics so it is not all text and boring, at least I hope not. I hope it serves newbies and experts a like, either as a guide, a reference, an inspiration or just a challenge to contribute to the MODx project in one way or the other.

Official Link


How to Build a Beautiful Site With MODx CMS (Content Management System)

I spent months testing out various content management systems (CMS), and have to admit that no other software came close to the flexibility of MODx. I will have you know that I am by no means a MODx CMS guru, but I have built several sites on this beautiful piece of software and thought I’d share this treasure.

Official Link


How to make website with MODx CMS in 10 minutes

In this MODx CMS tutorial, I will show you how to install MODx, find and install MODx template, add or modify your content. On the way you will explore the backend interface and a number of the standard MODx features. In the end you should get a MODx driven website with your own content. It’s just the beginner MODx guide, so don’t expect I’ll go too much into the details: the purpose is to quickstart your first MODx site as soon and as easy as possible. In the next MODx tutorials I’ll go deeper into building websites with this powerful CMS, so stay tuned.

Official Link


Basic Integration of Foxy Cart into MODx

This is the first of several Screencast I’m going to do to explain how to integrate Ecommerce into MODx using Foxy Cart. MODx is our favorite CMS at My619.com and we have found that Foxy Cart allows us to set up Ecommerce for our clients at a very affordable price.

Official Link


Multiple domains / sub sites with MODx

In this tutorial, I would like to show how multiple domains can be managed with one MODx installation (one database and one manager). You need only a few plugins, snippets, chunks, a template variable (TV) an some entries to the .htaccess. For advanced users or for lazy people I also will show how to use only one template for handling individual designs for each domain.

Official Link


Basic Blog with modx

Here’s how to use the MODx CMF to create a simple blogging system with comments, and an easy to use method of adding “blog” entries. In this tutorial, we will use two chunks, and two documents.

Official Link


Friendly URLs Guide: modx

This article covers various techniques and methods for representing these parameters in the URL in a clean and “friendly” manner, as well as then how to read the parameters.

Official Link

Top CSS FRAMEWORK TUTORIAL AND ARTICLES


Advantage and Disadvantages of CSS Frameworks

You don’t have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you’re starting to work with, at some point you have to define classes and IDs you’ve already defined in your previous web-projects. To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” scratch. The latter might contain some basic definitions you’d write in your code anyway. However, once you’ve decided to create such a scratch, you need to make sure it is really bulletproof — besides, if the stylesheet also sets up optimal typographic rules and basic form styling you manage to kill two birds with one stone.

Official Link


A Closer Look At the Blueprint CSS Framework


css framework

Blueprint is a CSS framework that can save you time and headaches when working on any project that involves HTML and CSS, whether it be with Rails, PHP, or just laying out an HTML page. In this tutorial you will get a look at the inner workings of Blueprint and we’ll take a look at demo application that uses Blueprint to get a better idea of how to use actually use the framework.

Official Link


BlueprintCSS 101

When one builds out many designs with HTML and CSS, one finds that there are a handful of the same of problems you solve each and every time. Among them: Resetting browser defaults to create a blank slate. Setting up layout and baseline grids for your design to adhere to. Creating sane defaults for type sizes, alignment, and spacing. And more. Wouldn’t it be handy to have this stuff taken care of ahead of time, so you can get to the really fun stuff designers love?

Official Link


Prototyping With The Grid 960 CSS Framework


2009-09-03_0835

Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all the heavy lifting allowing you to get faster results.

Official Link


A Detailed Look at the 960 CSS Framework

If you’ve ever read a tutorial on a CSS framework, I can guarantee that many comments mimic the previous statements. My guess is that the majority of these comments are stemmed from slight ignorance. Once you take the opportunity to spend some time with 960, you’ll be amazed at how much time can potentially be saved when developing your web applications. At the very least, take ten minutes to review the framework. You can always press the delete key…though I doubt you will!

Official Link

Top Articles and Tutorials on PSD TO XHTML


From PSD to HTML, Building a Set of Website Designs Step by Step



Creating a CSS layout from scratch



Design a Beautiful Website From Scratch


psd to xhtml tutorial

Have you ever wanted to design a beautiful website but just didn’t know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I’m going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I will point out these tiny details which make a website design look beautiful. Fire up Photoshop and let’s get going!


Design and Code Your First Website in Easy to Understand Steps


psd to xhtml tutorial
In this tutorial, we’re going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! It’s a brand new week; maybe it’s time to learn a new skill!

psd to xhtml tutorial

In this tutorial, we’re going to be designing and coding a simple blog-style web-page. We’ll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.


How to Convert a PSD to XHTML


psd to xhtml tutorial

screencast about psd to xhtml by Jeffrey Way, shows you exactly how to convert a PSD into perfect XHTML/CSS.


Build a Sleek Portfolio Site from Scratch


psd to xhtml tutorial

Multi level vertical list menu

in this post i want to show how i built multilevel vertical menu, first i tried to find solution but i could’t find so i started building my own above is result what i built.

css xhtml for the multilevel vertical menu

and here is css that will convert above xhtml to multilevel vertical menu
#verticalSubmenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform:uppercase;
}

#verticalSubmenu li {
float:left;
margin: 0 0 3px 0;
color:#666666;
height:auto;
display:block;
}

#verticalSubmenu li a
{
display: block;
padding: 5px 2px 2px 10px;
width: 138px;
height:16px;
border: 1px solid #f7f7f7;
background:#6c6b6b;
color:#fcfafa;
text-decoration:none;
}
#verticalSubmenu ul ul{
margin-top:2px;
position:relative;
}
#verticalSubmenu ul ul li a{
display: block;
padding: 4px 2px 2px 10px;
width: 138px;
color:#6e6e6e;
background:#dedede;
}
#verticalSubmenu ul ul ul{
margin-top:10px;
position:relative;
}
#verticalSubmenu ul ul ul li a{
display: block;
padding: 4px 2px 2px 20px;
width: 128px;
background:#f9f9f9;
color:#6e6e6e;
}

IE6 Transparency

24 ways

Transparent PNGs in Internet Explorer 6

A List A Part

transparent image not working in ie6

jquery.pngFix.js

jquery plugin for image transparency in IE6

  • supreme commander game download
  • download free lil wayne mixtapes
  • download sounds doctor who
  • download dinosaur world game free
  • zing album download 3
  • hush hush music video download
  • download 1299 full client
  • download video selena gomes
  • download lagu tsubasa dragon screamer
  • mitch hedberg download mp3
  • iruvar songs free download 123musiq
  • download haye haye jawani kher di
  • download studio instruments drum kit free
  • download indian medical books free
  • download mary jane shoes
  • download rock n roll soniye mp3
  • download of tick tock by kesha
  • download gta san andreas h33t
  • hp photosmart 2610 download for mac
  • download i hate you 2ne1
  • zybt20 100 dongle driver download
  • step up 3 rip download
  • police quest 2 download vista
  • windows 7 download zune
  • imageclass mf3200 driver download
  • download song ni hiriye honey singh
  • download ryback entry music
  • download johnny b goode chuck berry mp3
  • download scooby doo ringtone free
  • download phien ban opera moi nhat
  • download key presser version 2.0 coderpro
  • download hollywood movie harry potter 7
  • download lagu yesus vs buddha
  • download mandriva 64 bit
  • guitar tuner download software
  • the ultimate chibi battle download
  • empire earth i download deutsch
  • download pumped up kicks fathin
  • secret madonna ep download
  • download brand new me
  • nikon d40 download pictures
  • download 3.41 ps3 update
  • download lagu hey soul sister train
  • download face off 1997
  • reverse tether download apk
  • hawa hawa download songs pk
  • software pendidikan download gratis
  • download keygen amplitube 2
  • redsn0w download for ios 6
  • yuvraj 6 sixes download free
  • download aga bai song mp3
  • operations manager 2005 download
  • download not this time 3lw
  • download directx 8.1 vista
  • chrome compatible download manager
  • download simple plan i'm just a kid
  • download r studio data recovery free
  • nokia 6131 sdk download
  • download kumki mp3 songs in zip
  • download gravar video aula
  • download 32 bit solaris 10
  • jaan free download mp3 songs
  • download uc browser8 jar
  • android accelerometer app download
  • geet gunjan mp3 download
  • download ghostface all that i got is you
  • download addons para cs
  • crash bandicoot xs rom download
  • f.e.a.r. 3 download xbox 360
  • download harley davidson live by it
  • initial d movie hd download
  • download blackberry 9000 update
  • freddy my love instrumental download
  • project 64 v1 7 download
  • download web .dll windows xp
  • download msn e fix español
  • download pro engineer 5.0 64bit
  • download gta 3 s3
  • download vimeo hd chrome
  • wi fi sync download crack
  • download driver hp 2840 windows 7
  • free bangla natok download 420
  • genshiken 2 sub download
  • download iis smtp virtual server
  • download tanenbaum sistemas operativos
  • online reading no download
  • download widgets para samsung corby
  • download ipsw 5.1 ipad2
  • sang sakhya re download
  • download cd bahia gospel
  • fedora 16 download 32 bit iso
  • download yaarian by jassi sidhu
  • t mobile download blackberry desktop
  • download happy birthday gifs
  • on night in ibiza download zippy
  • download lagu slenco cak diqin
  • download aplikasi untuk prc
  • download enb gta 4
  • download os 6 blackberry 9330
  • download foxtube for android
  • download madalina thank you multumesc merci zippy
  • raphael saadiq oh girl download
  • download linux repair disk
  • elisa di rivombrosa soundtrack download free
  • dell vostro 1014 driver download windows xp
  • meia noite em paris download legendado
  • download uk funky house free
  • trend micro wfbs 7.0 download
  • download bartender 3 wow
  • download phoenix nokia 6300
  • download no other mp3
  • download follow us on twitter logo
  • 49 days lightless window download
  • 5590 scanner driver download
  • download ios sdk 4.3 without xcode
  • zmodo web client dvr download
  • lyx download for windows vista
  • download get em lil wayne mp3
  • download security task manager vista
  • download tdcc what you know
  • download ost of humsafar
  • www boltbrowser com download
  • bolt download nokia c3
  • download h 264 video decoder
  • scaricare download gratis the sims 2
  • bloodpatch fallout new vegas download free
  • steins gate download pc game
  • download o hansini song mp3
  • download glossary of the petroleum industry
  • free download acad 2008 64 bit
  • download songs of kajra mohabbat wala
  • download 5.1 surround test video
  • download xml file from url c#
  • download ultraiso for windows 7 64 bit
  • download jhalak dikhla jaa season 4 episodes
  • download driver toshiba nb305 for windows xp
  • fedora core 14 download
  • download tibia mc 8 .54
  • knock knock 2 download dublado
  • download kitserver pes 2011 installer
  • jogos de tiro download tudo completo
  • animações em flash download
  • download nokia 700 apps
  • download video koes plus
  • download per scaricare musica gratis
  • force download from soundcloud
  • download lyrics of yaaron dosti
  • mera faisla movie download
  • download rhapsody music to computer
  • download lagu ahmad saud 30 juz
  • download kim and kourtney take miami
  • digital river ubisoft download manager
  • download cod4 windows xp
  • hp c4780 download mac
  • challa hd video download
  • ecx big pack v8.4 download
  • download awesome racing games
  • download source for jdk
  • download caetano veloso fina estampa
  • sudden attack dtx viewer download
  • download it's your life francesca battistelli
  • download wwe kofi kingston
  • mp3 download of ja rahe ho agar
  • seandainya masih ada cinta free download
  • cuidado com as palavras download
  • phstat download for mac
  • empire total war key code download
  • marques houston date download
  • download new horizons rom
  • download liviu lupt pentru ea
  • download avast rescue cd iso
  • download festa junina gospel
  • download paisa de dana dan
  • download absinthe for ipod touch 5.1.1
  • download helloox for nokia c5 03
  • download gujrati singham video
  • ntdll.dll windows 7 x64 download
  • download delf a1 exam papers
  • download lagu cozy republik
  • glossary of orthodontic terms download
  • download windbg windows 7
  • 7 minute freestyle download
  • ao entardecer download legendado
  • download mukhtasar teri meri kahaani
  • download cc generator 2012
  • ashes remain download what i've become
  • act of god download
  • download classe média max gonzaga
  • bossprefs download iphone 2g
  • download la verdad de soraya
  • free download marching sound effects
  • mujeres ricas temporada 1 download
  • download algorithm march mp3
  • download o guardião 3
  • software download for digi blackberry
  • download film hoạt hình up
  • research methodology panneerselvam download
  • hotd 2 game free download
  • download eighteen wheels of steel
  • download hana yori dango final movie
  • download free ordem de serviço
  • download coming & going
  • free download judika 1 album
  • free download chandrababu songs mp3
  • download frenzy farm 2
  • download california republic no tags
  • download otserver war 8.60
  • download aio 922 driver
  • kaliber 44 moja obawa download
  • download crossword puzzle game
  • download facebook movil para nokia c3
  • download crazy stupid love 1080p
  • british national formulary 61 download
  • download mtv unplugged india songs
  • download automation studio 5.0
  • download lincoln brewster pod patches
  • download as she's walking away
  • monster rancher 2 download for psp
  • download percintaan ini ezad lazim
  • free download palash sen euphoria
  • download igri za nokia c6
  • droid x2 overclock apk download
  • alex velea whisper download zippy
  • friday night lights download vostfr
  • download cisco 1200 ios
  • download yugioh zexal sub indo 3gp
  • chakra i am download
  • download aint no rest for the wicked
  • safari 4.02 download mac
  • map&guide truck navigator 7.0 download
  • viernes 13 pelicula download
  • arctic quest download free full version
  • bagaimana cara download game xperia play
  • download girl voice changer
  • to download photo editor
  • stuffit expander download gratis
  • download information security podcasts
  • download infrastructure client vmware
  • download yahoo uploader yahoo mail
  • download cd é diferente sorriso maroto
  • mapy do nawigacji download
  • origami tanteidan convention 13 download
  • download a pior viagem do mundo
  • download musica salsa gratis
  • download audible to kindle 3
  • one shot download mp3
  • download man of honor korean drama free
  • saints row 2 uncut download
  • download wimp til iphone
  • the killing 2 x 6 download
  • download pitbull yo quiero
  • love ka punchnama movie download
  • osha small business handbook download
  • iso 9001 norm download
  • download rld.dll for nba 2k12
  • download bubble struggle 2 free full version
  • blue eyes vol 8 english download
  • flash tool download xperia arc
  • little snitch download mac free
  • download the melancholy of haruhi suzumiya english dub season 1
  • rrb admit card download
  • download autocad express tools
  • tagalog movies download 2011
  • download snoop dogg gangsta zone
  • download nfs most wanted 300mb
  • inna club rocker download
  • download custom regions simcity 4
  • download terminal voices for mac
  • download more htc skins
  • download ielts sherry mann
  • the brat attack download
  • angelico vieira cd download gratis
  • download cd town vol 15
  • download given up linkin park mp3
  • download mp3 ding dong merrily on high
  • free download ebook negara 5 menara
  • clip dj download free mp3
  • download de greta dublado
  • download football manager 2005 italiano
  • revit 2012 download ita
  • best place download 3ds roms
  • android download windows 7
  • download rise of nation 1
  • ghantasala susheela hits download
  • download lagu free seluruh nafas ini
  • download 2pm kimi ga ireba mp3
  • download oriya new movie
  • guilt mp3 download nero
  • habbo moedas gerador v0.1 download
  • download um sonho possivel legendado avi
  • quinta stagione chuck download ita
  • nitro reader 2.3 download
  • bluetooth devices download computer
  • download a cd recorder
  • cryengine 3 engine download
  • download ppt for steganography
  • download lagu kuingin dia yang sempurna
  • psicologia da educação virtual download
  • download musicas diogo nogueira
  • download lagu boomerang seumur hidup
  • download update ati radeon hd 5450
  • download 9 crimes damien
  • download jo bheji thi dua mp3 song
  • download asphalt 5 ipk
  • how can we download 2go
  • always atlantic starr song download
  • download lagu mulan jameela terbaru 2011
  • photoshop download masterpost tumblr
  • psp download emulador pc
  • celia daddy down download zippy
  • mohali vinay pal buttar download mp3
  • pokemon dream world art download
  • download formula 1 canada 2011
  • download willa ford willa was here
  • download stay alive by omawunmi
  • download kerispatih mp3 gratis
  • saison 7 dexter download
  • nokia 6120 manual download
  • download house 7x06 rmvb
  • download farsi keyboard for iphone
  • download pull the trigger rihanna
  • high life kelley james download
  • noorandukku oru murai free download
  • see download progress app store
  • download rush snakes and arrows
  • business intelligence download livro
  • download song of bazi
  • gossip girl download assistir online
  • download run with me shinee mp3
  • takumi kun series 2 download
  • predator blu ray download
  • download direct3d extensions 9
  • download icq 7 5
  • download i.g.i 1 full rip
  • download costel biju live 2011
  • serious sam 3 download xbox 360
  • hey mama grammy remix download
  • tcpip.sys windows vista download
  • download enya watermark for free
  • download song mockingbird by eminem
  • gwar carnival of chaos download
  • download ost fairy tail op 1
  • dark shadows download subtitles
  • protegendo o inimigo download rmvb
  • download yeto vellipoyindi manasu theatrical trailer
  • heat wave castle download free
  • ms sql 2008 r2 free download
  • download c.s.i new york pc
  • download petrica si camelia ciuca
  • convertxtodvd 4 download baixaki
  • download tumse kitna pyar hai company
  • download pod hd 500 tonnes
  • download stan walker one thing
  • subnet calculator download xp
  • free download hokm persian card game
  • download indowebster men in black 3
  • download share online nokia
  • download bengali to bengali dictionary
  • download x men legends 2 trainer
  • download filme borat avi
  • download mp3 yuni shara sepi
  • download fisierul meu muzica
  • fotoshop za slike download free
  • a ira de khan download dublado
  • download xara web designer 6
  • kanya ratna songs download
  • download frank ocean pyramids album
  • download stock rom for galaxy s3
  • yo soy real download
  • iray download 3ds max
  • download unsun closer to death
  • download paint it red song
  • download template office 2013
  • download bộ luật dân sự 2005 .doc
  • free download akshay kumar hit songs
  • download jface for eclipse
  • download friend forever song
  • slide dido mp3 download
  • m audio torq software download for mac
  • kyocera 2810 driver download
  • kirby online download game
  • jeden den david nicholls download
  • download 3 rounds and a sound album
  • download video pwg selama engkau hidup
  • download ninja gaiden nes
  • download karaoke effects for aegisub
  • maos a obra figi download
  • should ve been a cowboy download
  • turtles of the world download
  • sobrenatural download gratis 1 temporada
  • download speedy signs in english
  • jothipala sinhala song download