background preloader

Easy front-end framework

Easy front-end framework

Careers 2.0 Launches - Blog – Stack Overflow One day, you’ll be telling your grandchildren about getting a programming job, version 1.0. You would send a “resume” to a “recruiter.” It included all kinds of silly information required by the esoteric resume ritual (foreign languages spoken, whether or not you play ultimate Frisbee, Microsoft-veteran status). This so-called “information” was utterly useless at determining whether you could program or not, but if you spelled everything right and used suitable fonts, you could come in for a day of interviews at which you would be asked to perform mundane programming tasks on a whiteboard. Over here at Stack Overflow we feel a certain responsibility to make that process better for the millions of programmers who frequent our site. 1. We used to charge job seekers $19 to post resumes. You didn’t like that, and we had to agree. Invitations come from your peers. By the way, if you paid in the past: thank you! 2. 3. Our goal is to help awesome programmers find great jobs. 4.

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare […] View demoDownload source Today I want to show you how to create an amazing slide out menu or navigation for your website. The icons that we will be using are from the Colorful Sticker Icon Sets 1, 2, 3 and 4 by DryIcons. Ok, let’s get to work. 1. The only thing we will need for the navigation is a simple unordered list with links inside of the list elements: The list is getting an ID because we want to refer to it later in the JavaScript. 2. First, we define the CSS properties for the list: The navigation should always be accessible for the user, even if he scrolls down the page. Now, let’s look at the list element properties: For the links in the list elements, we define the following CSS properties: The JavaScript

20 Free Web UI Element Kits and Stencils :Speckyboy Design Magazine No doubt every web designer has spent many endless hours mocking up web pages, and as such every designer should have a good set of re-usable and uniform Web UI elements that they can rely upon to save them precious time and spare headaches when they are in the initial stages of a web project. In this article we have 20 completely free Web UI element kits and stencils that are perfect for the initial mockup or wireframe stage of a web design project. Most of the kits are editable and the kits are in either .psd, .ai or .png format, but you will also find some Omnigraffle stencils and some kits in .svg format. So, whatever your preferred format you are bound to find the perfect kit for you. Modern Web UI Set (.psd) This free Web UI Set has everything included in the PSD file in well organized in folders, and fully editable using vector layers in Photoshop, from the button shapes, to the gradients, and text. Modern Web UI Set (.psd) → Massive Web UI & Button Set (.psd) Wireframe Symbols (.ai)

ToneCheck: Don't send the wrong message. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery – Tutorialzine Martin Angelov Introduction When speaking about design, there is one company that is impossible to go without. Apple values design – being a new product, a fancy catalog or their website – there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required. So go ahead and download the example source code and continue with the first step. Step 1 – XHTML There is no need for a database nor a PHP back-end for this gallery. Lets take a closer look at the XHTML markup: demo.html The idea is simple – there are two main container DIVs – the one with id=”menu” holds the thumbnails, and the other – “slides” holds the slides themselves. To add a new slide, you’ll just have to add new elements to both containers. You can even put any kind of HTML in as well. Also notice that the thumbnail LI elements. Now lets continue with the next step.

Speckyboy Design Magazine Emotional intelligence Emotional intelligence (EI) can be defined as the ability to monitor one's own and other people's emotions, to discriminate between different emotions and label them appropriately, and to use emotional information to guide thinking and behavior.[1] There are three models of EI. The ability model, developed by Peter Salovey and John Mayer, focuses on the individual's ability to process emotional information and use it to navigate the social environment.[2] The trait model as developed by Konstantin Vasily Petrides, "encompasses behavioral dispositions and self perceived abilities and is measured through self report" [3] The final model, the mixed model is a combination of both ability and trait EI, focusing on EI being an array of skills and characteristics that drive leadership performance, as proposed by Daniel Goleman.[4] It has been argued that EI is either just as important as one's intelligence quotient (IQ). History[edit] Definitions[edit] Ability model[edit] Measurement[edit]

Using ellipsis with HTML and CSS Posted December 5th, 2009 in HTML and CSS and Javascript If the text is too wide to fit into a container, a nice solution can be to have ellipsis to show there's more information available. While not currently part of the official HTML specifications, it is possible to have ellipsis defined in CSS and it works for Internet Explorer, Safari, Chrome and Opera. It doesn't work for Firefox but there's a workaround that can be done with jQuery. Example In the following example the text "Lorem ipsum dolor sit amet, consectetur adipiscing elit. The first example shows the text not fitting the container, and without the ellipsis styling. Lorem ipsum dolor sit amet, consectetur adipiscing elit. The second example shows it with ellipsis. The above won't work if you are reading this is a feed reader so please click through to view this in a web browser instead. The CSS to add ellipsis The following CSS is needed to add the ellipsis if the text overflows the container: Using jQuery for Firefox

Flaming (Internet) Flaming is a hostile and insulting interaction between Internet users, often involving the use of profanity. Flaming usually occurs in the social context of an Internet forum, Internet Relay Chat (IRC), Usenet, by e-mail, game servers such as Xbox Live or PlayStation Network, and on video-sharing websites. It is frequently the result of the discussion of heated real-world issues such as politics, religion, and philosophy, or of issues that polarize sub-populations, but can also be provoked by seemingly trivial differences. Deliberate flaming, as opposed to flaming as a result of emotional discussions, is carried out by individuals known as flamers, who are specifically motivated to incite flaming. These users specialize in flaming and target specific aspects of a controversial conversation. Some websites even cater to flamers and trolls, by allowing them a free environment, such as Flame-Wars forum. Jacob Borders, in discussing participants' internal modeling of a discussion, says:

Create a Nice, Lightweight JavaScript Tooltip Editor’s note: This tutorial was written by Michael Leigeber, a web designer and .NET developer who runs the Leigeber Web Development Blog – a blog that’s setting the blogging community buzzing with his beautiful, lightweight JavaScript solutions. View the JavaScript Tooltip demonstration. Introduction To begin, create the 3 files needed for this tutorial (index.html, style.css and script.js) and include the stylesheet and the script from index.html. To make things easy the starter files are available by clicking here. The most important things to remember when writing JavaScript are to keep the code simple and to script logically. What we are trying to accomplish… Create a lightweight script that fades a tooltip with rounded corners in relation to the cursor position. How does the script need to flow… Let’s begin by setting up the JavaScript file. var tooltip(){ return{}; }(); Next, we need to add any variables we want to include on the global level of the namespace. Here is the full script

Easy Front End Frame Work CSS Homepage
What is a frame work?Each time I begin a new venture I figure out myself looking at the newest group of frameworks. Lately, those are web frameworks, such as CakePHP, RubyOnRails, perhaps JQuery, or any other of the thousands and thousands which seem to be available by poldi23 Apr 11

Related: