untitled
Advantages of using Atomic Design at Open Social | Open Social
Read time: 4 minutes. Interesting for (UX) designers and front-end developers. In this blog I will talk about the benefits of using Atomic Design for Open Social. What is Atomic Design? The terminology Atomic Design is an analogy from biochemistry. Atoms The first step is building atoms. Molecules “Molecules are a group of atoms that are put together”. Organisms For example an Activity Stream item on Open Social is a group of individual items that are put together to make sense. Templates With this step we’re leaving the biochemistry analogy. For example there can be a node template that will be used for an event and will be used for a topic. Pages These are the actual pages that we have been designing since the beginning of webdesign. One step further Our approach with Open Social goes a little further than just design with a specific method in mind. For those of you who don't know what a component library is - it's quite simple really. Summary Atomic design is here to stay.
The Cool Hunter - Welcome
18F Front End Guide
The purpose of the CSS coding styleguide is to create consistent CSS or preprocessor CSS code across 18F. The styleguide should be treated as a guide — rules can be modified according to project needs. The styleguide provides a method of linting Sass code to ensure it conforms to the rules in the styleguide. This linting tool will go through all Sass code and issue warnings wherever the code differs from the styleguide. We've created a specific .scss-lint.yml file that's configured to work with the css coding styleguide. There are three ways to setup linting: on GitHub with Houndlocally with rubylocally with node On GitHub with Hound Go to Hound.Sign in with GitHub.Activate the respository through Hound.Add the .scss-lint.yml file to the base of your repository. Locally with ruby Add the .scss-lint.yml file to the base of your repository.Install the scss-lint gem with gem install scss_lintRun scss-lint: scss-lint app/assets/stylesheets/ Locally with node (experimental!) Shortcomings scss-lint
50 Must See TED Talks about Creativity and Design
If you’re looking for ideas about design or seeking a creative muse, TED talks can be a worthwhile watch to stir your curiosity. From the latest web trends to the meaning of happiness, these 50 Talks are sure to arouse your creative fire. 01. John Maeda: How art, technology and design inform creative leaders Old meets new as designers find balance among the possibilities of technology, the solutions of design, and the questions asked by art. Maeda explores these concepts with attention to how they can inform effective creative leadership. 02. Design is about more than function. 03. Websites that interact with huge markets such as Google and Facebook provide their own unique challenges shaped by the sheer size of the end product. 04. Design is more than visual presentation. 05. Communication is about more than words on a page. 06. Happiness in design comes in two forms: that which brings happiness to the designer, and that which brings happiness to the user. 07. 08. 09. 10. 11. 12. 13. 14.
Arts
Des peintures rupestres préhistoriques à nos films modernes, l'art permet de raconter des histoires mais aussi de transmettre la relation de l'humanité avec son environnement. Il existe plusieurs sens possibles aux définitions des termes Art et Arts[N 1]. La première signification du mot art est la « manière de faire »[1]. La signification actuelle la plus basique définit les arts comme des activités spécifiques qui permettent de produire chez l'homme de la sensibilité[2]. Les arts sont également désignés comme regroupant toutes les activités créatives et imaginatives, sans inclure la science[N 2],[3],[4]. L'art est une activité globale dans laquelle est inclus un grand nombre de disciplines, comme : les beaux-arts, les arts libéraux, les arts visuels, les arts décoratifs, les arts appliqués, le design, l'artisanat, les arts du spectacle[3]... Il y a cependant beaucoup de divergences sur la définition des notions d'« art » et des « arts ». Les arts critiques comprennent :
untitled
80+ Best jQuery Map plugin with Demo examples
Interactive 3D Mall Map with CSS & SVG Today we’d like to share a little 3D experiment with you. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators for the different stores/spaces. When clicking on a pin, we show some more details of that space. Vizicities : 3D City and Data Visualisation Platform ViziCities is a 3D city and data visualisation platform, powered by WebGL. ViziCities aims to combine data visualisation with a 3D representation of a city to provide a better understanding what’s going on. Mapbox.js : JavaScript Mapping libraries MapBox.js is now version 1.0 and we are joining forces with Leaflet, one of the most established and robust open source mapping libraries. Geojson : Simple Editor for Map Data We are trying to make it easier to draw, change, and publish maps. geojson.io aims to fix that. Gs Google Maps Directions
50 Beautifully Illustrated Graphics With Tips To Make You A Better Designer
“Design is an opportunity to continue telling the story, not just to sum everything up.” Tate Linden Designers illustrate stories for their audience with the application of type, color, images and other graphic features. Often it’s just a matter of adjusting the size of our text, or darkening the background image image so that your message is easier to read. Here we offer 50 unique tips to help your visual story to be told with…. 01. By tightening the line height, the type is contained compositionally in a block. 02. Use scale and application of fonts to put emphasis on specific words. 03. There is a beat to which your copy is read, so make sure to break your lines of text up in a rhythmic pattern. 04. The combination of graphic elements in this graphic makes it high-impact. 05. You don’t always need to include type to make beautiful design. 06. Use your forms and structure within your graphic as a way to decipher where to place your text. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18.
Buscandriu.cl | Un robot que rastrea Twitter buscando y publicando ofertas de trabajo para Internet
20+ Free Lightroom Presets to Make Your Images Pop
Email Speeding up your post processing workflow will help you to increase productivity and spend more time on shooting. For Lightroom users, making use of developed presets can be a great way to reduce the amount of time you spend in Lightroom. When it comes to Lightroom presets, you can create your own or use the ones created by others. Of course, no preset will suit each photo you edit, so sometimes it’s better to adjust them to meet the needs of specific photo. Free Lightroom Presets from PhotoTraces Soft Pastel Free Preset Free Color Pop Lightroom Preset Digital Photo Buzz Favorite Lightroom Presets onOne Signature Collection Presets (Vol. 2) for Adobe Lightroom 5 onOne Signature Collection Presets for Adobe Lightroom 4 & 5 Free Lightroom Preset: Sweet Tea Mini Enlighten Lightroom Presets Free Lightroom Preset: Cherry Blossom Soft rose lightroom preset by EliseEnchanted Free Faded Lightroom Preset by shutterpulse Free Matte Lightroom Preset by shutterpulse Matte Color Cream Lightroom Preset
