FUNNY WEED T-SHIRTS | SENSIMILLA STREET T-SHIRTS Fixed Fade Out Menu: A CSS and jQuery Tutorial Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost […] View demoDownload source Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. Inside of the navigation we will have some links, a search input and a top and bottom button that let the user navigate to the top or the bottom of the page. Ok, let’s start. 1. The markup is pretty simple: we have a div with a list inside. The links with the classes top and bottom are the arrows that will lead the user to the beginning or the end of the page. 2. 3.
Theta Wave Brain Synchronization This is a replication of a Theta wave entrainment rhythm first created by scientists in the 1960s to lull patients into a deep, colorful, creative dream state. Listen to it for 10 minutes, longer if you can. The longer it plays, the deeper you’ll go. So go. How It Works The human brain produces different levels of electrical activity depending on the amount of information it is processing. Throughout the day, the brain lingers between four different types of brainwave patterns: Beta (12 -30 Hz): the normal, awake consciousness associated with busy tasksAlpha (8 – 12 Hz): the relaxed and reflective state, like those induced by closing the eyes during waking hoursTheta (4 – 7 Hz): a very relaxed state associated with meditation and some sleep statesDelta (3 and under Hz): deep, dreamless sleep Theta waves (at around 4 to 7 Hz) are the sweet spot for many brain functions.
css-transitions-101 from webdesignerdepot.com Despite people’s expectation of change and movement on the screen, CSS and HTML have few controls that allow you to design interactivity, and those that exist are binary. A link is either one color or another. A text field is either one size or another. A photo is either transparent or opaque. No in-betweens from one state to the next. No transitions. This has led to most web pages feeling abrupt, with elements shifting and changing ungracefully. Yes, we can use DHTML and leverage the jQuery library for transitions, but this requires a lot of code for something that should be very simple. What we need is a quick and easy way to add simple transitions to the page and in this article you’ll find useful information about CSS transitions and how to use them. A few months back, I stuck my foot in my mouth by suggesting that designers should start using the new CSS 3 techniques that allow them to do some of the basic styling that they’ve been pleading for. Where CSS Transitions Come From Animation
50 Life Secrets and Tips Memorize something everyday.Not only will this leave your brain sharp and your memory functioning, you will also have a huge library of quotes to bust out at any moment. Poetry, sayings and philosophies are your best options.Constantly try to reduce your attachment to possessions.Those who are heavy-set with material desires will have a lot of trouble when their things are taken away from them or lost. Possessions do end up owning you, not the other way around. Become a person of minimal needs and you will be much more content.Develop an endless curiosity about this world.Become an explorer and view the world as your jungle. Read “Zen and the Art of Happiness” by Chris Prentiss.This book will give you the knowledge and instruction to be happy at all times regardless of the circumstances.
CSS Message Boxes for different message types - StumbleUpon Can you believe this: Few days ago I went to my bank to check my credit score with the Credit Bureau. The bank official typed in my personal data and sent a request. Web application responded by displaying a yellow message box with an exclamation icon saying that data processing is still in progress. He checked several more times, but he didn't notice that at one moment the message changed to "Account available". I don't know what was in the minds of developers and designers who created this application, but it certainly wasn't the user. To prevent this, different message types should be displayed differently. I will show you a remake of CSS message boxes I used on my latest project. Let's first take a quick look at message types. 1. The purpose of information messages is to inform the user about something relevant. For example, info message can show some help information regarding current user action or some tips. 2. 3. 4. Design process I will keep this as simple as I can. Conclusion
Wild Mood Swings - Surf the web on a whim. (C) Sean McManus 14 CSS3 Smashing Generators | Marked Lines Many exciting new functions and features are being thought up for CSS3. You can try and take the code to use them with a CSS3 Generator. Below there are 14 wonderful generators that they will help you with these new functions and features! The post is a refresh of 6 CSS3 Smashing Generators Top 10 Common Faults In Human Thought Humans The human mind is a wonderful thing. Cognition, the act or process of thinking, enables us to process vast amounts of information quickly. For example, every time your eyes are open, you brain is constantly being bombarded with stimuli. The Gambler’s fallacy is the tendency to think that future probabilities are altered by past events, when in reality, they are not. Reactivity is the tendency of people to act or appear differently when they know that they are being observed. Pareidolia is when random images or sounds are perceived as significant. Interesting Fact: the Rorschach Inkblot test was developed to use pareidolia to tap into people’s mental states. Self-fulfilling Prophecy Self-fulfilling prophecy is engaging in behaviors that obtain results that confirm existing attitudes. Interesting Fact: Economic Recessions are self-fulfilling prophecies. Herd mentality is the tendency to adopt the opinions and follow the behaviors of the majority to feel safer and to avoid conflict.