Twitter Bootstrap Generator.
Php. How to optimize your blog’s RSS feed. Your RSS Feed is sometimes the only way your visitors experience what you have to offer on a regular basis. It serves to inform and entertain, but is also an essential tool for driving traffic back to your website and improving your overall search-engine ranking. If all your feed does is show a poorly formatted excerpt of your posts, the hundreds of visitors who are not hitting your main site everyday will have no reason to read your content or share it with others. When optimizing your RSS Feed, you have to consider the kind of content you curate. There are several reasons why you may want to use your feed to generate clicks. You may have a product, feature or art-directed element to your full site that needs exposure, or your content may be largely image-driven.
Here are some simple tips for optimizing and RSS Feed that will improve its functionality and get it to produce positive results for your site. 1. 2. In most cases, your feed will inherit the name of your website. 3. Blogger 4. 5.
Backing up Your Website: The Ultimate Guide. What would happen if you woke up tomorrow and your web host had accidentally deleted your website? It happened to me. And, you guessed it: I didn't have a backup. That won't ever happen to me again and I'm here to help you get prepared too. Nightmare scenario. My entire business went down the drain with one mistake by my web host. If you have a website, today is the day to get your backup plan straight. Why are Website Backups so Important? There are five reasons why you should back up your website: 1. 2. 3. 4. 5. Backup Solutions Now that you know why to back up, let's look at how!
1. Let's start with the most low-tech method: manually FTPing your files to your local computer. Should you choose to go down this route, let me give you some tips: 2. cPanel backups Backing up with cPanel is easy. But here's the important thing: make sure you download the backup to your computer and keep it stored safely. 3. A cloud solution is the perfect place to keep a backup. 4. 5.
In Summary 1. 2. 3. 4. HTML5 Semantics - Smashing Coding. How to Develop Task Management Skills as a Freelancer. The life of a freelance web designer varies in many ways to that of a corporate entity. Software firms and design studios are able to work together on big budget projects to earn a lot more than the average freelancer would. This often means when going solo you’ll work with a larger number of clients and have to divide your time up into unfair portions. For anybody in the industry it’s absolutely essential to understand task management.
Timing, repetition, sleep, nutrition, and a lot of other factors play a role in your work attitude. And by synchronizing yourself with natural rhythms and an upbeat schedule you’ll feel more productive throughout the day. Take on Reasonable Hours When you have the time to spare, ambition can often get the best of your judgement. This system of workflow will slowly degrade your inspiration. Unfortunately the Internet is a crowded ecosystem and there are a lot of great freelancers out there. In Daily Routine, Practice makes Perfect Honesty is the Best Policy. Simple Modal - Another window modal.
Cross-browser. Performance. Forms. Responsive design. Best practices. Bootstrap, from Twitter. Need reasons to love Bootstrap? Look no further. By nerds, for nerds. Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!) Labs - Front-end Patterns.
The Science of Looking Good in the Inbox. CSSHow do I add margins to my image so text will wrap around it? Outlook 2007 and 2010 do not support the margin or padding CSS properties when placed within an image. Try using hspace and/or vspace:<img src=“ align=“left” vspace=“10” hspace=“10” /> Or add the additional spacing to the image itself (in pixels).
CSSHow do I make a long text string wrap to the next line? If you have text within a table, for instance “aaaaaaaaaaaaaaaaa” and you want it to wrap, try adding this style: This is a Microsoft only property so it should not adversely effect other clients. CSSI see a 1px white border around my table cells. If you are using a background color in your table cell, you might see a 1px white border around the contents of the TD. Or you can add it inline:<td style=“border-collapse: collapse;”>... Check out this post from Campaign Monitor for more info. If you are trying to “right” or “left” align multiple nested tables, the fix is a little more involved. Javascript in Modern Web Design. In today's web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation.
Thanks to the open source Javascript frameworks, we don't need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don't forget to check out the sample sites, which show how the plugins can be used. The Two Popular Javascript Frameworks Right now, the two commonly used Javascript frameworks are: jQuery and MooTools. Check out the poll below: Loading ... Image Zoom and Popup Lightbox You're probably very familiar with Lightbox — a light Javascript used to display overlay images on the current page. jQuery lightBox Plugin This is exactly the same as Lightbox JS, but written on top of jQuery library. Thickbox Highslide JS FancyBox jQZoom Gallery and Slideshow Slideshow 2! Slideshow 2! Noobslide.
Earn money in your sleep! Fancy Scrolling Sites. In the last year or so, there's been enough sites that do fancy things when you scroll down that it's kind of a trend. I thought I'd blog it, you know, for the sake of history. By "fancy things" I mean something happens when scrolling down besides the site scrolling down. Elements might move around in unexpected ways or change their size/shape/color/content in some way. It's easier to just experience some of these yourself than listen to me try to fumble through explaining it.
These screenshots also don't do much justice. So how do they do that? JavaScript. Know any others? Add them in the comments. Share On. Social Commerce’s Most Customizable Facebook Store App. Mind Your En And Em Dashes: Typographic Etiquette - Smashing Magazine. Advertisement An understanding of typographic etiquette separates the master designers from the novices. A well-trained designer can tell within moments of viewing a design whether its creator knows how to work with typography. Typographic details aren’t just inside jokes among designers.
They have been built up from thousands of years of written language, and applying them holds in place long-established principles that enable typography to communicate with efficiency and beauty. Handling these typographic details on the Web brings new challenges and restrictions that need to be considered.
Setting Body Copy Good typography comes down to communicating information, and the basis of information is good old-fashioned body copy – simple blocks of text. Indentation or Space After a Paragraph? When signalling the end of a paragraph and the beginning of another, you can generally either indent or insert a space between the paragraphs. But there is no hyphenation control in CSS. The Hyphen (al) 10 HTML Entity Crimes You Really Shouldn’t Commit.
It has been over a couple of years since I posted my HTML tag and usability crimes posts, both of which are amongst the most popular articles here on Line25. There’s something about this title people just can’t resist! Let’s take a look at ten crimes you may be committing in your HTML content. These won’t exactly land you a life sentence, but I bet almost every one of us will be guilty of at least one of these petty crimes. Crime 1: Not converting your ampersands One of the most common HTML validation errors I see when checking the code behind Sites of the Week features are unconverted ampersand characters. Crime 2: Making your own ellipsis Did you know those three dots used to indicate a pause in a sentence are called an ‘ellipsis’? Crime 3: Incorrect use of the em dash I’m definitely guilty of this one myself. Crime 4: Incorrect use of the en dash Similar to the Em dash crime, the En dash is another form of dash often misused in our body copy.
Crime 5: DIY Copyright symbol. Le SEO expliqué en images…
Accessible tables. Html5. HTML, CSS & JS books. Css.