HTML/CSS // Community Blog Topics

Caption Hover Effects

feed2need ― Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. ...

Tags: CSS3, HTML5, HTML/CSS, Tutorials

Abdelhadi Touil ― 13 hr ago

5 CSS Tricks to Avoid Cross Browser Issues

Sure Fire Web Services ― I was on a private forum today and someone asked about CSS Inheritance and how they can avoid issues when they go from Chrome to FireFox, etc. So I thought of a few way to minimize Cross Browser errors/issues and I’d like to share them with ...

Tags: Better Web Design, HTML/CSS

Fromscratch ― 14 hr ago

Smooth Scrolling using JQuery

MATTMORZ ― So far, this is the best(for me) smooth scrolling "piece of code" using JQuery. It will use ID as the destination. ∙ Here's the code for demo: ∙ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...

Tags: JQuery, HTML/CSS

Matt Morales ― 4 days ago

Create Form without Using Table

MATTMORZ ― The easiest way to do it is to use "p" or the paragraph html tag because browsers automatically add some space (margin) before and after each <p> element which can be a replacement for table rows and css property to style/define it. ...

Tags: HTML/CSS

Matt Morales ― 4 days ago

CSS Live Demo or Download Button with Bubble Animation for Blogger

Blogger Spice ― Live Demo or Download Button is often necessary for all types of blog. If you are running a blog about blogging and widget then you must use Demo button to display your widget demo to your visitors. On the other hand if you are running media blog...

Tags: CSS And HTML, Blogger Widgets

Blogger Spice ― 1 week 1 hr 8 min ago

CSS3 gradient dropdown Navigation menu with Flying Effects

Blogger Spice ― CSS3 is very effective for coding that make any widget fast loading. So I have designed this menu with complete CSS3 coding with gradient color black and dark blue. And you will find also drop down menu with flying effect. That means when you ...

Tags: CSS And HTML, Blogger Widgets

Blogger Spice ― 2 weeks ago

Generate Unique Name and ID based on table's first row

MATTMORZ ― The code below will generate unique name and id based on table's first row, paste it before </body> ∙ $(document).ready(function () { ∙ var rows = $("table tbody tr"); ∙ rows.each(function (i) { ∙ var inputs =...

Tags: JQuery, HTML/CSS

Matt Morales ― 3 weeks ago

Tooltip Menu

feed2need ― This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available. Using Modernizr’s touch detection, the menu ...

Tags: JavaScript, HTML/CSS, Resources

Abdelhadi Touil ― 3 weeks 3 days ago

How to Build a Sortable Portfolio with Twitter Bootstrap Quicksand.js

feed2need ― Today we’ll be looking at extending Bootstrap’s built-in functionality with another popular jQuery plugin, Quicksand.js, to build a single-page gallery with categories. Additionally, we’ll show how to have each item open its own...

Tags: JavaScript, HTML/CSS, Tutorials, Layout, JQuery

Abdelhadi Touil ― 5 weeks 1 day ago

Simple Log-in/Logout and Registration in PHP with Sessions

MATTMORZ ― Before anything else, the interface is based on Facebook but it's on green. :D ∙ Anyway, I'm too lazy to post the codes here so I decided to just upload all the files and you can download it if you like. ∙ Just a few things, the file...

Tags: JavaScript, PHP, HTML/CSS, Downloads

Matt Morales ― 5 weeks 3 days ago

Sticky Position (Bar) with CSS or jQuery

feed2need ― The idea of ‘sticky position’ is to make elements on a website stick and remain visible. Those elements will initially be in their position, and then in the event of scrolling down the webpage, their position will be following the ...

Tags: JavaScript, HTML/CSS, Tutorials, JQuery

Abdelhadi Touil ― 5 weeks 6 days ago

Filler Content: Tools, Tips and a Dynamic Example

feed2need ― As designing in the browser becomes more popular (and convenient), the need for helpful design tools is increasing. One set of tools that is becoming quite helpful revolves around filler content. Currently, a variety of resources exist to aid...

Tags: JavaScript, CSS3, HTML5, HTML/CSS, Tutorials, JQuery

Abdelhadi Touil ― 5 weeks 6 days ago

Follow Community Blog Topics about HTML/CSS ― Join the largest Bloggers Community to follow latest blog posts about HTML/CSS and discover the Best Bloggers or Top Blogs from around the world, and build your audience now!

HTML/CSS

Caption Hover Effects

5 CSS Tricks to Avoid Cross Browser Issues

Smooth Scrolling using JQuery

Create Form without Using Table

CSS Live Demo or Download Button with Bubble Animation for Blogger

CSS3 gradient dropdown Navigation menu with Flying Effects

Generate Unique Name and ID based on table's first row

Tooltip Menu

How to Build a Sortable Portfolio with Twitter Bootstrap Quicksand.js

Simple Log-in/Logout and Registration in PHP with Sessions

Sticky Position (Bar) with CSS or jQuery

Filler Content: Tools, Tips and a Dynamic Example

Popular

Spicy Chicken Cobb Salad

White Swans Revelations by Annamaria Bazzi

Marketing to Women: Shopability and Mobile Research