reference : http://www.agencekali.com
Hello, I wanna learn how to create this blur gradient color and movement in background with css. I assume this is made out of canvas given the sources. But I don't know what keywords I should look it up or how to move forward. Could you suggest articles that I can get the hang of it.
Here is an example for you:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients
But keep in mind that you have been downvoted because this is a question easily found searching on Google, or any other search engine.
Users are expected to make an effort and investigate by theirselves before posting questions to the community.
In the process of investigating by yourself you are generally able to solve almost every question you'd have, specially in the beginning.
Good luck on your learning process! ^^
Related
Call me silly, but I'm looking for a way to use a website automatically, same time every day, but with the capability of responding to many different situations (all of them can be predicted so I can do it myself, I just need it to recognise it) The problem is im very new to programming as a whole and I'm totally lost on where to start with this project... can anyone help? Is it even possible for someone at my level?
To be simple. no. AI programming is very advanced and requires a lot of in-depth knowledge of programming. You might be able to hack together a solution using selenium, which is a tool for testing the UI.
There is also the possibility to make a bot that clicks on specific locations on the screen. they cannot respond to what is actually on the screen however. If the website is a bit slower than normal things can go wrong as well. That would not be the best solution.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm trying to be a back-end web developer. But learning a little of CSS just to put it in my toolbox if i needed it someday.
I know about CSS properties and stuff. All what i really "suck" in is arranging elements in CSS. I really waste so much time trying to figure out why does this element behaves in weird manner like this, or how to get that element to the left, or how to align elements the way i have in my mind.
I don't want to take much time learning it as i'm moving forward for what i'm going to be specialized in. So if there're videos or a crash courses on arranging elements using floats or position property or any other good technique to achieve that i would be grateful.
I started experimenting with CSS by downloading some free templates available. Just try searching in Google. There are plenty of.
Creating a CSS layout from scratch is a nice place to start your journey. You may understand CSS by going through SIMPLE, beginner level tutotal from W3Schools.
You may have a look at CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices to get some inspiration and to develop some ideas by your own.
You may also try a couple of CSS softwares like Westciv Style Master and Top Style (but they dont come free). The Resource section in westciv site is really helpful for beginners. It has got Guide, Tools, Tutorials etc. Also you may have a look at complete css guide in their site.
Finally, you may experiment CSS with the help of 11 Useful Online Tools for Better CSS Development
Hope this helps.
No videos, but two other suggestions:
1) You should take a little time (a few hours maybe) and get used to the CSS box model. It is worth getting a precise idea of how CSS works. fa(You know, a few hours of trying out can save you a few minutes of reading what's going on ;-))
2) Get yourself a suitable tool (I recommend Firebug for Firefox) and play around a little with the CSS properties of your favorite page "in real time". Very convenient and efficient to get used to the topic.
I got to learn css pretty fast by study other people CSS and tinkling with it using firebug trying all sort... the more advance the CSS the more you learn, i think you should pretty try the same thing too
I learned most of my CSS knowledge between W3Schools, questions on this site, and Google searches.
Honestly, the only way to absorb any real knowledge is to actually USE what you're learning. Just as you probably couldn't walk if you only ever heard what walking was like, you probably won't develop the skills to be a good CSS coder(or any type of coder for that matter) if you don't practice what you're learning.
That's why I like W3Schools, since they put examples into their tutorials to let you practice what they are trying to show you.
Good positioning reference:
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
Good Float reference:
http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/
I am interested in improving my understanding of CSS. I have been making web pages for a while, but I am still constantly thwarted by bizarre behavior that I can't explain when I try to get things to look the way I want. I have a good bit of development experience and I have no trouble understanding the finer points of Javascript, PHP, or even C. But when it comes to CSS and HTML, I find I am always trying to "trick" my code into working.
This must betray a lack of understanding on my part about how web pages and CSS actually work. Are there any good books or resources I could look at toward the end of truly understanding what is going on under the hood? I always feel like I'm at a loss, but I suspect I could get over that if I just cracked down and did some good reading.
I find I am always trying to "trick" my code into working.
Yep. CSS is often about creating the illusion of the effect you intend, rather than actually doing what you intend.
That said, there are very specific rules, as specified by the W3C. Understanding the visual formatting model can do wonders for your understanding as well. These specs are dense, and often confusing, however, so figuring out specific properties and building knowledge step by step is often the easier way to go. Find tutorials (see links below), or just play with them and see what happens (that's how I learned float and clear).
Even though it's often dead, there are a few SO users who will check the CSS Chat Room regularly (myself included), so if you have general questions (inappropriate for an actual SO question), feel free to ask there, and someone will eventually ping you back.
Also, I've created a Useful CSS Links document with links to official documents, several tutorials, and other CSS resources.
You might be getting mesmerized by the pretty blinking lights and forgetting to watch how everything is connected together. Just like you can get too focused on how a node in the DOM is affected by your javascript, you can't forget about the parents and siblings and how they all fit together. Your biggest problems are probably positioning. Remember how all the elements are connected together and that will solve a lot of confusion.
I'm sure you've already been here, but just in case:
Learn CSS:
http://w3schools.com/css/default.asp
Learn CSS3:
http://w3schools.com/css3/default.asp
However, the best way to learn this stuff is by trial-and-error. HTML and CSS are unique in their forgiving approach to malformation/errors. This, along with the fact that no two browsers render HTML/CSS exactly alike, presents a certain ambiguity that even experienced HTML/CSS developers occasionally grapple with.
Still, learning this stuff is a blast, and really rewarding once you get a handle on it. Happy coding!
Hi for the last month I have started to learn CSS.Fist thing I did is read everything i could find on www.w3school.com , after that I started reading CSS Mastery 2nd edition.I have build a couple of my own websites with succes but I'm still not happy with what I know , I even practiced with the new CSS3 elements.
I've seen alot of cool stuff build using css especialy on http://www.cssplay.co.uk/ but the only problem is the source code is not displayed and I don't know how the bloody things are.A good example is this:
http://www.cssplay.co.uk/menu/tilt.html
And these is only one of the things that I've seen on this website and would like o learn how to build them.
So anyone know any other similar sites that ofer a good explanation on the more advanced stuff about css(not beginer stuff like building some drop down menus , rollover or hover efects )?Any advice is much apreciated thank you!
As already mentioned, tools like Firebug/Chrome Inspector are definite must haves.
I gained the most experience from real world problems with various different browsers. You make a site, it doesn't look so good in a particular browser. So you search on the internet. Find a solution and memorize it. I think that CSS in itself is a fairly simple tool, I class 'advanced' CSS as mastering the various techniques required to make sites work cross browser and in browsers like IE6/IE7+.
Also, Never give up with CSS, if you find a problem try and find an answer. Most of the time, there will be a simple solution.
In general, make sure your CSS is as simple as can be. I generally find that most complicated CSS can be replaced with relatively simple code, and find people get carried away and forget simple techniques to achieve similar solutions. One such problem, would be putting a button on the right hand side of a div, like below:
-----------------------------------------------
| Button |
-----------------------------------------------
You may see that some people will float the button right, adding more complexity than necessary. What ever happened to text-align:right? :-)
Finally, make sure you find a couple of blogs you like, for example http://csstricks.com and read them, taking note of new techniques. Try and master a '2 column layout', understand the difference between block/inline-block/inline, margin collapsing, tables, html forms, IE6/7 hasLayout, the list goes on. Most of which you will cover if you try and make a website template from scratch. Maybe start with an existing site and see if you can achieve the same layout.
I'm not sure with CSS how to learn it's pitfalls without encountering them mistakenly.
It looks like the stylesheet for the maze is located at: http://www.cssplay.co.uk/menu/candr/tilt.css. You can use that against the source code to figure it out.
One of my favorite is A List Apart. Great articles, not only about CSS like I linked, but about web design and more.
Also HTML Dog has some nice CSS entries.
Then, you can find great CSS resources on the w3 site.
I've got what i think it a useful idea for CSS development but I'm unsure where to make my suggestion or to whom it should be directed.
Is there a universal inbox for CSS improvement suggestions at the W3C? I know it will take forever to get suggestions drafted, tested and put into the CSS specs but there is no time like the present...
The W3C has a Participation FAQ that you might be interested in, but if your idea is development-related, does it really need to be a part of the specification? Or is it the sort of thing that developers of popular (CSS-related, web development) tools could simply add support for?
Rather than going directly to the W3C, I'd suggest first trying to get some more exposure for your idea. Write up a blog post describing it, submit it to some popular sites like A List Apart, Hacker News, or Reddit -- basically, get as many eyes on your idea as you can.
If your suggestion really is a good one, it'll help to gain momentum by getting a lot of attention. Or, if it's a bad idea, you'll quickly find out by having people "review" it. You'll likely get some good suggestions to improve the idea, and you'll definitely spend your time better getting peer feedback than somehow trying to singlehandedly champion it to the W3C.