Reader
  • Home
  • About
  • Deals
  • Services
  • Contact
You are here: Home / Archives for HTML & CSS

CSS3 Image Accordion without JavaScript: Free File of the Month

Last updated on March 30th, 2015 by Gabriel Livan

Pure CSS3 Image Accordion

Codecanyon is offering an easy to use and customizable Pure CSS3 Image Accordion that doesn’t need JavaScript to run. Features include:

  • Responsive
  • No Fixed Width
  • CSS3 Animations
  • Light & Dark Styles
  • 4 Caption Positions (top, right, bottom, left)
  • Mobile Devices Support
  • Clean & Commented Code

[Read more…]

Filed Under: HTML & CSS

Bootstrap 3 is Officially Released

Last updated on March 30th, 2015 by Gabriel Livan

bootstrap-preview-image

After 2 years from the release of Twitter Bootstrap, an amazing open-sourced CSS/HTML framework, Bootstrap 3 is finally released.

[Read more…]

Filed Under: Frameworks, Frameworks, HTML & CSS, JavaScript Tagged With: bootstrap

Bootstrap: Kick-start Development of Webapps and Sites

Last updated on September 30th, 2013 by Gabriel Livan

Bootstrap is a toolkit from Twitter designed to kickstart growth and development of web-apps and web-sites.It provides base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and even more.

Technical engineers at Twitter have traditionally used just about any library these folks were experienced with in order to meet front-end requirements. Bootstrap started as a solution to the problems that presented. By making use of many great individuals, Bootstrap has grown significantly. This toolkit includes Javascript plugins, all original .less files, fully compiled and minified CSS, complete styleguide documentation, 3 example pages with different layouts.

  • Source: http://twitter.github.com/bootstrap/
  • Browsers: Latest Safari, Latest Google Chrome, Firefox 4+, Internet Explorer 7+, Opera 11

Filed Under: Frameworks Tagged With: bootstrap

Create CSS in an intuitive way: LayerStyles HTML5 App

Last updated on October 20th, 2011 by Gabriel Livan

LayerStyles is a HTML5 App that has an interface similar to Photoshop’s Layer Style Window. Works in the browser and generates CSS code.

Styles included are:

  • Drop Shadow
  • Inner Shadow
  • Background
  • Border
  • Border Radius

Highlights:

  • Colorpicker can pick any color of the element your working on
  • Drag and Drop images onto the page to use them as a background or to pick their colors
  • Color Swatches, Gradients and Styles are locally stored

  • Source: http://www.layerstyles.org/
  • GitHub: https://github.com/mrflix/LayerStyles

Filed Under: HTML & CSS

Adapt.js: Adaptive CSS based on Browser Window’s Width

Last updated on April 25th, 2011 by Gabriel Livan

Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders the page. In case the browser tilts of resizes, the script checks its width and loads the needed CSS file accordingly. If JavaScript is disabled default stylesheets can be served via <noscript> which is valid in the HEAD of HTML5.

Alternatives include: Build a separate site for mobile. Or, use media queries to adjust layout, with a polyfill for older browser support, and conditional Internet Explorer comments for Windows phones. Also a factor is how to handle multiple image resolutions without adding file size. Filament Group is advocating context aware image sizing.

  • Source & Demo: http://adapt.960.gs/ (resize the page to see it in action)
  • License: GPL and MIT

Filed Under: HTML & CSS, jQuery

Next Page »

About Me

Gabriel LivanHey, there! I'm Gabriel Livan, Web Developer, Blogger and Internet Marketer. I love making fast, secure and scalable web applications, running and travelling around the world. I blog about WordPress, site speed & security and quality tools for web professionals. Read more

What are you looking for?

Categories

  • AJAX (22)
  • Deals (10)
  • Design (30)
  • eBooks (2)
  • Flash (19)
  • Freebies (11)
  • General (62)
  • Giveaways (1)
  • Graphics (27)
  • HTML & CSS (35)
    • Frameworks (9)
  • JavaScript (160)
    • Frameworks (8)
    • jQuery (89)
    • MooTools (14)
  • Page Loading Speed (2)
  • Photoshop (3)
  • PHP (113)
  • Reviews (8)
  • SEO (6)
  • Statistics (2)
  • Web Tools (13)
  • WordPress (27)
    • Plugins (15)
    • Snippets (4)
    • Tools (2)
    • Tutorials (6)

Copyright © 2021 · BitRepository.com - All Rights Reserved

  • Home
  • About
  • Contact