Mostaque Ahammed

SPOTLIGHT is our new way of reaching out towards a designer/artist/animator with the Distorted Designers community. Here anyone can ask our nominated designer/artist/animator questions related to that designer’s or artist’s work, area of expertise.
User avatar
pagol
Insanely Distorted
Insanely Distorted
Posts: 3298
Joined: Sat Nov 03, 2007 8:41 pm
Full Name: Koba
Expertise: Jack of all, master of NONE
x 81

amit wrote:kisu kowar thakle to koiben,........mia......sinking sinking drinking water.....huh

ooooo maaaa ami abar kita korlam baaa (X)


** KISS Principle **
User avatar
asifshahid
Insanely Distorted
Insanely Distorted
Posts: 4329
Joined: Tue Oct 16, 2007 2:35 pm
Full Name: Asif Shahid
x 37

Q: upload one of your favorite designs which is designed by you. :)
Asif Shahid
Sydney, Australia 🇦🇺
User avatar
studiomaqs
Posts: 153
Joined: Sat Oct 20, 2007 7:33 pm
Full Name: Mostaque Ahammed
Expertise: Web Design

smasif wrote:Q: upload one of your favorite designs which is designed by you. :)
Sorry Asif bhai, I am busy with a very important project. Can't answer so quickly.
It's one of my favorite design.
Image
User avatar
studiomaqs
Posts: 153
Joined: Sat Oct 20, 2007 7:33 pm
Full Name: Mostaque Ahammed
Expertise: Web Design

sweetafroza wrote:one more Q

which one u prefer for border .. table border or td border and why??
and what is the different between these two??

example like my template size is 700 in width with red border.. then what will u do??

Sorry Afroza apo, can't answer so quickly. I am busy with some important project.

which one u prefer for border .. table border or td border and why??

It depends on the situation I think. If I just want a border around the table only, then I should use the table border (of course with CSS). And when I need border to style data, suppose color on odd row's I use td border (of course with CSS).

I think, u got the difference also in my above answer.
User avatar
sweetafroza
Proud Member
Proud Member
Posts: 1979
Joined: Fri Jun 27, 2008 8:30 pm
Full Name: Luthfunnahar Hussain
Expertise: Web Design

thanks Bhia.. but aro to Q silo :(
:)
User avatar
studiomaqs
Posts: 153
Joined: Sat Oct 20, 2007 7:33 pm
Full Name: Mostaque Ahammed
Expertise: Web Design

sweetafroza wrote:thanks Bhia.. but aro to Q silo :(
Sorry apo, missed that.

example like my template size is 700 in width with red border.. then what will u do??

suppose the template has a class name .template. The CSS will be

.template{
width: 700px;
border:1px solid red;
margin:auto; //if u want your template to be meddle of the page.
}
User avatar
sweetafroza
Proud Member
Proud Member
Posts: 1979
Joined: Fri Jun 27, 2008 8:30 pm
Full Name: Luthfunnahar Hussain
Expertise: Web Design

hehehehe... eta to bujsiiiiii... go back bhia... :D
:)
User avatar
studiomaqs
Posts: 153
Joined: Sat Oct 20, 2007 7:33 pm
Full Name: Mostaque Ahammed
Expertise: Web Design

sweetafroza wrote:ahhhh after long break .. :)

Hello Mostaque bhia.. kemon asen?.. onek Question answer dekhlam nice to know about that. onek nicely answer koresen.. now i have some Q for you.. (H)

What are the properties Associated with CSS3 Multi-Column Feature?
How is multiple background images handled in CSS3?
What is the use of Indirect Adjacent combinator in CSS3?
What are the basic categories of selectors in CSS3?
What are the powerful features of CSS3?
What are the properties Associated with CSS3 Multi-Column Feature?

PS : Gift er khatai amar namoo thaka uchit. ek matro Mohila bole kotha :)..(pagol abar khepbe.. oh one more thing pagol r pagol nai.. get up setup sob change :D )
oooooooops...........I missed this..sorry..
Here is the answers (copy-paste ;-))

What are the properties Associated with CSS3 Multi-Column Feature?

This proposal describes a set of new properties in order to support multi-column layouts in CSS. The new properties can be divided into three groups. The first group set the number and width of the columns:

* column-count
* column-width
* column-min-width
* column-width-policy

The second group of properties describes the space between columns:

* column-gap
* column-rule
* column-rule-color
* column-rule-style
* column-rule-width

The third group consists of one property which make it possible an element to span several columns:

* column-span

More here: http://www.w3.org/TR/2001/WD-css3-multicol-20010118/

How is multiple background images handled in CSS3?

The background of a box can have multiple layers in CSS3. The number of layers is determined by the number of comma-separated values in the ‘background-image’ property. Note that a value of ‘none’ still creates a layer.

Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. The lists are matched up from the first value: excess values at the end are not used. If a property doesn't have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough.

For example, this set of declarations:

Code: Select all

background-image: url(flower.png), url(ball.png), url(grass.png);
background-position: center center, 20% 80%, top left, bottom right;
background-origin: border-box, content-box;
background-repeat: no-repeat;
Here is a great example of multiple bg

http://www.css3.info/preview/multiple-backgrounds/
* The only browser projects having this feature implemented so far are WebKit and KHTML (Konqueror). This got into Safari 1.3 though, and works in OmniWeb 5.5 and up.

To know more about Multiple BG please click:
http://www.w3.org/TR/css3-background/

What is the use of Indirect Adjacent combinator in CSS3?

I didn't got anything called "Indirect Adjacent Combinator" at the CSS3 Spac. May be you are pointing to "General sibling combinator".

The general sibling combinator is made of the "tilde" (U+007E, ~) character that separates two sequences of simple selectors. The elements represented by the two sequences share the same parent in the document tree and the element represented by the first sequence precedes (not necessarily immediately) the element represented by the second one.




Example:

Code: Select all

h1 ~ pre
represents a pre element following an h1. It is a correct and valid, but partial, description of:

Code: Select all

<h1>Definition of the function a</h1>
<p>Function a(x) has to be applied to all figures in the table.</p>
<pre>function a(x) = 12x/13.5</pre>
To get know more about it please click: http://www.w3.org/TR/css3-selectors/#ge ... ombinators

What are the basic categories of selectors in CSS3?

According to this: http://www.w3.org/TR/css3-selectors/#selectors
(I am mentioning the CSS3 selectors only)

Attribute Selector:

Code: Select all

E[foo$="bar"] 	an E element whose "foo" attribute value ends exactly with the string "bar" 
Structural Pseudo-classes:

Code: Select all

E:nth-last-of-type(n) 	an E element, the n-th sibling of its type, counting from the last one 
The target pseudo-class

Code: Select all

E:target 	an E element being the target of the referring URI
The UI element states pseudo-classes

Code: Select all

E:enabled
E:disabled 	a user interface element E which is enabled or disabled 
Negation pseudo-class

Code: Select all

E:not(s) 	an E element that does not match simple selector s
General sibling combinator

Code: Select all

E ~ F 	an F element preceded by an E element
Please get more info here: http://www.w3.org/TR/css3-selectors/

What are the powerful features of CSS3?

To me, personally, Everything is SO POWERFUL & EXCITING at CSS3.
But, I think, I have to mention some of them....(not in exact order, I just listed em)

* Selectors
* Font
* Opacity
* Box Model (including rounded border)
* Box Shadow
* Text Shadow
* Multiple Column
* Multiple Background
* Color Module
* Gradient & Image Borders
......

I hope, I've been able to answer ur questions.... If something went wrong...:-)
User avatar
amit
Proud Member
Proud Member
Posts: 1948
Joined: Wed Feb 13, 2008 4:12 am
Full Name: Amit Mojumder
Expertise: Web Design

Jotil Maq Bhai......ami to mone korsi css3 kaw use korena...cz its difficulty in terms of cross browser compatibility.

Here are some resourses for cross browser compatible CSS3:

## <a href="http://css-tricks.com/css3-button-maker/"> CSS3 Button Maker </a>
## <a href="http://www.css3.info/cross-browswer-css ... generation </a>
## <a href="http://nicewebtype.com/notes/2009/07/24 ... nt-no-pngs </a>

in face ami kisu CSS3 use korsi...but hate likhi nai code.......sob generator asa.....

for example: Text Shadow :: http://amitmojumder.com/resume/

Cheers
http://amitmojumder.net (personal folio)
http://stepsg.com (design studio)
Image
Image
User avatar
studiomaqs
Posts: 153
Joined: Sat Oct 20, 2007 7:33 pm
Full Name: Mostaque Ahammed
Expertise: Web Design

Jotil Amit bhai. Thanks for the links.

Ami o ekta kaaj kortesi, WIP (only modern browsers support till now. ). But shob e hand coded. I never use code generator.

http://studiomaqs.com/kiddography.com/
User avatar
sweetafroza
Proud Member
Proud Member
Posts: 1979
Joined: Fri Jun 27, 2008 8:30 pm
Full Name: Luthfunnahar Hussain
Expertise: Web Design

(Y) you r really boss. thanks for the answer. its really helpfull for me . Thanks again.
and also Thanks to Amit
:)
User avatar
shamoon
Posts: 302
Joined: Wed Nov 18, 2009 12:21 am
Full Name: Shamoon Altaf
Expertise: Design Manager

wow..that's hell lot of information about CSS3, thanks for sharing and credit goes to madam sweetafroza for asking ;)
User avatar
sweetafroza
Proud Member
Proud Member
Posts: 1979
Joined: Fri Jun 27, 2008 8:30 pm
Full Name: Luthfunnahar Hussain
Expertise: Web Design

HEHEHEHE... THANKS shamoon :D
:)
User avatar
asifshahid
Insanely Distorted
Insanely Distorted
Posts: 4329
Joined: Tue Oct 16, 2007 2:35 pm
Full Name: Asif Shahid
x 37

lot of discussions, tutorials and helps. good time. how do you feel maq bhai?
Asif Shahid
Sydney, Australia 🇦🇺
User avatar
studiomaqs
Posts: 153
Joined: Sat Oct 20, 2007 7:33 pm
Full Name: Mostaque Ahammed
Expertise: Web Design

smasif wrote:lot of discussions, tutorials and helps. good time. how do you feel maq bhai?
In a word "AWESOME"!
Post Reply

Return to “SPOTLIGHT”