CSS3

  • Styling SVG with CSS: Capabilities and Limitations

    SVG is the new standard for vector images in the browser. Vector editors such as Adobe Illustrator allow to directly save to that format and modern browsers have no problems to properly display SVG. As SVG graphics consist of markup, they can be created and maintained using your favorite text editor, just as you do with your HTML. It is even possible to style SVG with CSS, though you’ll need to know about quite a few differences in doing so, compared to styling HTML.



    Read more 
  • Let It Snow: Festive Resources to Santa up Your Website

    In these special times we tend to not only decorate houses, streets, the whole country, basically. We don’t even leave our websites untouched. Christmassy looks are mandatory these days. If you are on the lookout for a bunch of effects to implement on your blog, portfolio, whatever, look no further. We have compiled a small collection of just what you need to bring that Santa sparkle to the eyes of your visitors.



    Read more 
  • Colors of Fall 2013: 21 Fresh and Free Design Resources

    Hello designers, developers, web enthusiasts of the globe. We are back with another edition of our monthly collection of the freshest design resources the month of September had to offer. If you know our series already, you know you can expect the best HTML, CSS and PSD templates, as well as UI-kits for your next great web or native app. All of the resources showcased here are fresh, free and easy to download, suitable for experienced and amateur web designers, so be sure to download the ones you love and share them with everyone you know!



    Read more 
  • Google Web Designer: No Less than No More Flash in Banner Ads

    Google’s newest free project carries a promising title. With a name like that, what would you expect? Will it be a competitor to Dreamweaver or any other classical HTML editor? Well, theoretically you could create HTML content of any purpose. Practically you’ll rather sooner than later return to your former solution. Yet, if you’re into creating banner ad campaigns, Google Web Designer is the place to go.



    Read more 
  • Bootstrap 3 PSD: All The Elements of the New Version, Free and Fully Editable

    Our friends over at DesignShock have created an excellent new resource for web design lovers and people who want to get into the brand new Bootstrap 3 interface quickly. As you already know, Twitter overturned Bootstrap’s UI concept and totally renewed the interface. This brave move surprised almost everyone in the web developer community. To grant for a smooth transition, the guys at DesignShock released a free PSD package that’s really easy to use, helping designers and developers create models of themes, web pages, mobile and web apps. The file accurately emulates all the elements of the front-end interface. Inside it you will find a set of layers with all the elements you need to start designing.



    Read more 
  • Bootstrap Happiness: 10 Premium Responsive HTML5/CSS3 Templates For ONE Dollar Each

    You know that we love Bootstrap here at Noupe. Released in August of 2011, even Twitter may not have known how big it would get. As of Summer 2013, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Building a responsive website based on Bootstrap takes a lot of the usual pains out of the process. You know what? You can take even more pain away by using and customizing a professionally built template. That’s what this week’s Mighty Deal is all about…



    Read more 
  • Summer 2013: The best HTML/PSD Themes & UI Elements of the Season

    If you develop websites and your environment is not WordPress, you still don’t need to live your online life in visual darkness or hide beneath the sheets. We curated a list of awesome templates layered in HTML and CSS to make your work easier, and with a lot of different grooves to find the appropriate one for your web. Or, if you are you more confortable developing your own theme based on some pre-built elements, here is the inspiration you need to create an awesome theme or application. Starting with the PSDs  and UIs shown below, you can create your own awesome design. Take a look!



    Read more 
  • HTML5up: 14 Totally Free and Modern Templates Made With HTML5

    If you happen to be looking for ready-made website-templates you need not search for long. Google brings up a bunch of sites, here at Noupe we don’t abandon you on that search either. When it comes to Google findings, chances are, you will, in most cases, not really be satisfied by the available quality of code or layout. In these case, read: in any case, you should visit the new service HTML5up. What you will find here are really elegant and modern templates for contemporary websites based entirely on HTML5 and CSS3, with a bit of JavaScript, obviously. These templates are not only entirely beautiful, they are also completely free.



    Read more 
  • All You Need To Know About CSS3 Selectors, #1: Structural Pseudo-Classes

    zombie-apocalypse-2

    Today’s front-end developers don’t just need to understand how to write CSS, we need to know how to write it efficiently. And what “efficiently” means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.



    Read more 
  • CSS3: InDesign-Like Text Formatting with Exclusions and Regions

    css-regions-exclusions-w550

    It’s Adobe again. They made two proposals to a coming standard, which would lead to the possibility to format and present texts on websites just as we already know it from DTP software such as InDesign. With Exclusions we will be able to let text flow in any shapes and forms, while Regions will allow us to split texts between two or more HTML elements.



    Read more 
search form
 
image description image description