30 Amazing Resources for Sass Lovers Despite the predictions of countless skeptics, Sass hasn’t proved to be a fad at all, but rather a remarkably robust set of tools that genuinely improve CSS authoring. I’m a huge Sass fan and I know many of you are too, so I’ve compiled this list of thirty amazing resources for Sass lovers. In it you’ll find all kinds of goodies built on and for Sass: frameworks, plugins, apps and a lot more.
Creating a Fancy menu using CSS3 and jQuery Fancy menu was made popular by devthought, it is develop on top of the Mootools library. And later a jQuery version of this menu called lavalamp was made popular by Ganesh. This time I will show you how to achieve the same effect using the CSS3 new features. Note: Best viewed in a WebKit Browser (Safari and Chrome). This sample is just to demonstrate the capabilities of the new CSS3 features. Responsive Autorun Slideshow Date : 12th January 2015 For all the latest browsers, Android and iOS Information A basic responsive autorun slideshow for all the latest browsers and operating systems including touch screens. This has a slide in/out animation, but can be made a fade in/out animation with a simple change to the stylesheet. Resize your browser to see the page and slideshow adjust to fit the window size.
Simple scalable CSS based breadcrumbs A few days ago I was implementing breadcrumbs in a website I’m working on. Not that I sincerely believe every site needs this, but on some occasions and to some users breadcrumbs are practical. Anyhow, it gave me the idea to write an article about it because it’s been a while since I last wrote about anything CSS-related. The one I’ll share with you is a very simple one.
Cheat Sheet Download cheat sheet as printable PDF A5 Syntax Child: > nav>ul>li Sencha Animator - Create CSS3 Animations with Ease The Sencha Web Application Lifecycle Management platform simplifies the challenges of managing the software development lifecycle of web applications. Now you can seamlessly design, develop, and test data-intensive web applications and deliver the right user experience, on the right screen, at the right time. Sencha Platform for Web Application Lifecycle Management The Sencha portfolio of products and services forms an integrated, modular platform for managing the lifecycle of your cross-platform web applications. Sencha products can be deployed separately or together to form an end-to-end solution. With the Sencha Platform you can prototype, develop, theme, debug, and test your web applications on any device running any browser.
Material Design Color Palette Generator - Material Palette material palette More Material Design chevron_right Palette preview Full Palette colors below 40+ Beautiful CSS HTML Login Form Templates In this article we’ll show you some creative css html login forms templates using modern design with CSS3 and HTML5. In fact, nowadays, popular web service, web application are allows or requires user subscription, which means that they will need some kind of forms for users to register and sign in on their website. To help you, so I tried to find beautiful some different login forms, some of which are inspired by design concepts on the web design.
Andrey Tarantsov: Sublime Text Workflow That Beats Coda and Espresso Welcome to the new #WorkflowThu series which helps web developers try new great things. In this episode, we’re talking about jumping into Sublime Text 2 and setting up a workflow that beats traditional tools like Coda and Espresso. Watch the video (10:30) or read the article below. An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing tools at our disposal today. Having someone show me the ropes of web design, especially on the CSS front, would have been incredibly helpful. Now that I am far more experienced, I want to share with you in a very friendly, casual, non-dogmatic way a CSS reference guide to pseudo-classes and pseudo-elements.