Представлен стандарт CSS Grid Alignment Level 3 / Каскадные Таблицы Стилей Два дня назад я представил на Хабре задачу по компоновке силами CSS. Задача привлекла небольшое внимание разработчиков и было представлено несколько разных решений, в том числе такие, которые практически точно решают задачу. Пообещав представить оригинальное решение я немного слукавил, потому что это решение представляет собой использование нового стандарта W3C CSS Grid Alignment Level 3, который был представлен в начале ноября на мероприятии TPAC 2010. Публикуя задачу на Хабре я хотел посмотреть на варианты решений от разработчиков и попытаться понять, чем новый стандарт может облегчить нам всем жизнь. CSS Grid Alignment Level 3 Вначале стоит пояснить, что это за стандарт. Если вы взгляните на варианты решения задачи предложенной мной, то увидите массу хаков и использование операторов CSS не по их прямому назначению. Однако, я думаю многим хотелось бы увидеть с развитием веб-стандартов более простые, интуитивные пути решения задачи. Адаптация под свободное место Что такое fr и minmax?
CSSG Collections: Web Forms I am happy to present a new thing on CSS Globe: CSSG Collections! Approx. once a months I will design, code and give a way a collection of certain web elements for free. First in the series of CSS(G) collections are web forms. I am giving away 5 uniquely designed and coded web form styles. Take a look at the forms | Download CSSG Forms Collection If you like these forms and want more of these collections, please consider bookmarking this page to your favourite social bookmarking service In this collection I used my typical form markup. Here’s my typical markup: Also, as an announcement, I am currently developing a jQuery plugin for text fields and text areas that will handle their behavior and validation. Enjoyed the article? 50+ incredible freebies for web designers, May 2015 We’re constantly amazed at the generosity of designers and developers who release exciting, inspiring products out to the web design community on a daily basis. Not only do these impressive designers speed up our work with more free resources than we can use, but they drive us on to more and more ambitious work of our own. Every month we collect together the best free resources for web designers and developers, and this month there truly is something for everyone; we’ve got great icons, UI kits, and mockups; as well as scripts, tools, and extensions. So free up some hard drive space, then browse through these downloads, enjoy! Flat Color Icons More than 300 icons with a beautiful color palette, useful for all type of situations and projects. iOS 8 Construction Icons A collection of 50 icons related to construction. Multisize Material Design Icons A collection with multiple icons following the Material Design Trend. Brand Guidelines InDesign and Illustrator Template Uber iOS Wireframe Kit
Adobe Photoshop Tutorials from Beginner to Advanced | Psdtuts+ Editor What is Highslide JS? Highslide JS is an open source image, media and gallery viewer written in JavaScript. These are some of it's advantages: Quick and elegant looking. What is the Highslide Editor? The Highslide Editor is a graphical user interface designed to make it easy setting up a custom Highslide installation without editing code. Button Maker 50 CSS and JavaScript Tools, Frameworks and Libraries Keeping up with the new releases in web design is not easy. There are new tools, libraries and frameworks seemingly released every other day. The good news is we’re here to summarize everything up for you. In total, we have trimmed this CSS and JavaScript resource collection down to our 50 favorites, just to make things easier for you. All of the tools, libraries and frameworks have been categorized into the following categories: CSS Libraries & Toolkits, Flexbox Tools, Responsive Web Frameworks, Material Design Frameworks, Random CSS Stuff, JavaScript Libraries & Frameworks and finally a bunch of Web-Based Apps. CSS Libraries & Toolkits Fileicon, a collection of pure CSS file icons. Marx, the stylish CSS reset with no Javacript or Classes. Transformicons – Animated icons, symbols and buttons using SVG and CSS. sanitize.css makes browsers render elements consistently and allows you to style with today’s best practices out-of-the-box. Primer, the CSS toolkit and guidelines that power GitHub.
5 Free Online Courses For Social Media Beginners Whether you’re new to technology, just getting started with a social network, or looking for some useful tips then these courses are for you. They’re part of a new idea that I’ve been working on with a few friends. We’re calling it Modern Lessons and it’s essentially a ‘Khan Academy for real-world skills’ where a small handful of people build free online courses designed to help you learn some important things. But it’s more than just a few useful videos about Twitter. For now, let’s focus on how to improve your social media skills. The Beginner’s Guide To Facebook Facebook dominates the web. The Beginner’s Guide To Pinterest Pinterest is one of the fastest-growing social networks in the world. The Beginner’s Guide To Learnist Learnist is one of the hot education-oriented social networks you should know about. The Beginner’s Guide To Twitter In this course, we jump into the world of Twitter feet first. The Beginner’s Guide To YouTube
Galleria — A JavaScript gallery for the Fastidious Top 10 CSS Table Designs - Smashing Coding Home - Pencil Project 45 Free Online Computer Science Courses Missed lectures or hate teachers? Or want to study computer science courses without going to university? … You can study anytime anywhere because there are number of free online computer science courses available on internet that are very interactive. Here is the list of 45 free online computer science courses that are designed by teaching experts from best universities of the world (almost the whole graduation!). 1. Programming Methodology CS106A , Stanford University Course. Complete set of course materials. 2. This course is the natural successor to Programming Methodology and covers such advanced programming topics as recursion, algorithmic analysis, and data abstraction using the C++ programming language, which is similar to both C and Java. 3. Advanced memory management features of C and C++; the differences between imperative and object-oriented paradigms. 4. The purpose of this course is to introduce you to basics of modeling, design, planning, and control of robot systems. 5. 6.
CSS3 PIE: CSS3 decorations for IE Pimp Your Tables with CSS3 Today I am going to show you how to use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specific table cells and rows in order to create a unique style without adding classes to the markup. We will be applying the -webkit and -moz […] View demoDownload source Today I am going to show you how to use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specific table cells and rows in order to create a unique style without adding classes to the markup. We will be applying the -webkit and -moz gradients for creating a great look without images and learn how to insert content into elements with a specific class. Let’s start with the markup. The Markup The following will be our basic table structure: We have all the elements a table needs, a header, a body and a footer. CSS Table 1 The first table will be in green tones with some gradients for the descriptive cells, the “th” elements. CSS Table 2 CSS Table 3