CSS3

  • 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 
  • CSS Architectures #1: Principles of Code Cleanup and the New Best Practices

    Box-Models in Real Life Can Come Over Complicated, too

    All too often, the CSS for major (and minor) websites is a textbook case of code bloat and redundancy, with lines of code that boast unnecessary use of qualifier elements, overly specific selectors from unnecessarily long selector chains, overdependence on descendent selectors when other selectors would be more appropriate, and the inappropriate or unnecessary use of !important. We’ll show you better ways in the following article…



    Read more 
  • Unusual Code Checker: Holmes Validates HTML, Uses CSS To Do So

    holmes-w550

    Of course it is advisable, no, mandatory to have your source code checked, double-checked and validated to avoid errors and to ensure standards compliance. Instead of having your project run through one of the many validators out there, you can opt to use the brand-new diagnostic tool by the clever name of Holmes to achieve the same. Holmes is a tool, that uses CSS to check your source code for non-compliant and invalid HTML. Here is how it does it…



    Read more 
search form
 
image description image description