CSS Box Model Padding Margins Borders
How to work with the CSS Box model learning about Margins Padding and Borders for HTML elements
Created by Laurence Svekis - Instructor, GDE, Application Developer
Students: 8549, Price: Free
Understanding the CSS Box model will help you better understand how CSS works.
In web development, the CSS box model refers to the composition of a webpage or HTML page from blocks or boxes using CSS. Specifically, the box model describes how the size of each such block and its content is determined through styling instructions.
There are 4 parameters which make up the Box Model
- Height and width dimensions of the actual content within the element
- Padding which is the spacing between the content and the border
- Border line surrounding the box
- margin the spacing around the border between various elements on the webpage.
All four of the above make up the entire dimensions of the element.
This course is designed to help walk you through what the box model is and how it works.
Fast paced get to the point training, to learn about using CSS code.
By the end of the course you will have the skills and know how to apply CSS box Model to your web code.
I am here to help you learn how to create your own websites and ready to answer any questions you may have.
Learning how to apply CSS to design web content will help to separate you from the crowd.
Want to know more, what are you waiting for take the first step. Join now to start learning how you too can write your own CSS code today.
Guide to Unblock Creativity and Have Original Ideas!
Learn more than 30 tools to potentialize your creative process and have innovative ideas.
Created by Bruna Ruschel Moreira - Doutora em Design e Professora há 14 anos.
Students: 3938, Price: Free
Creativity is not a divine gift conceded only to a few. It is a heritage of everyone, but people lose their creative potential through life due to many different reasons.
But don’t worry, it can be turned around! With the combination of knowledge, tools, exercises and tasks, it is possible to bring back to life the creativity inside you!
For this reason, this course presents all the stages of the creative process and, for each phase, it teaches a collection of tools and techniques which aim to stimulate and guide creativity!
In total, you will learn more than THIRTY tools and techniques which stimulate the creative process! They come from different areas and are not restricted only to the famous Brainstorming and Mind Maps.
Of course, such tools are also explained in the course, but you will learn many others to support creativity, which will help you think outside the box and have original ideas!
To make your life easier, all these tools are accompanied by support materials that were developed exclusively for this course and that can be downloaded and printed in order to be used where and when you need them!
In this course, you will learn:
- Ways to identify opportunities and have ideias, through tools such as Convergence Map, Behavioral Tendencies Map, Popular Media Scanning, amongst others;
- Forms to cllect data that relate directly or indirectly to your idea, like Eras Map, Types of Innovation Evaluation, Sociocultural Scanning, etc;
- Tips to incubate your idea with the development of activities and challenges, based on Creative Idleness;
- Many practices to warm up you ideas, such as Tool 635, Scamper, 4 Types of Brainstorming, Mind Map, Wordcloud, amongst others;
- Practices to illuminate and evalate your ideas, like Stakeholder Evaluation, 6 Hats, Role Playing Game and Attributes Evaluation, etc.;
- Ways to elaborate your idea through Moodboaboards, Canvas, Storyboard, 5W1H, and others;
- And, finally, you will get to know tools to evaluate your idea with potential users, partners and in the market.
Advertising Art Direction design techniques and planning
Become an art director by learning advanced design techniques, photo manipulation and UX best practices for the web
Created by Tudor Mardar - Senior Art Director
Students: 2683, Price: Free
JOIN 1123 CURRENT STUDENTS THAT ARE EAGER TO LEARN ALL ABOUT PHOTO MANIPULATION, UX PRINCIPLES AND ADVERTISING ART DIRECTION DESIGN TECHNIQUES AND PLANNING.
Join the first complete and real advertising design and photo manipulation course, combined with UX best practices on the web and learn how to create successful advertising design campaigns for your clients or for your products.
Learn advanced photo manipulation, art direction techniques and UX principles from more than 80 lectures and more than 2.5 hours of real-time recorded content. The course is based on more than 8 years experience in web design and art direction, with real clients and real problem solving.
- Do you want to learn advanced photo manipulation?
- Do you want to learn the advanced design techniques that art directors use?
- Are you interested in starting or evolving your career as a web designer or art director?
- Would you like to be able to create a successful advertising design campaign from the first try?
- Do you want to learn the best practices of UX design?
If your answer to these questions is yes, then join the course today.
This course is a complete learning experience for what design advertising design really is. The structure of the course is divided into theoretical and practical sections. All design theory lectures have practical examples and real applications.
The course contains all source materials used (Photoshop and Flash* files) and also a lot more design resources that will help you in your work.
*applies for Animate. All files are compatible with Adobe Animate.
Enroll now and start learning!
>> Join now <<
Design 1000: A Design & Documentation Primer
Conventions, Concepts, & Best Practices
Created by Randall Nagy - Software Engineer & Educator
Students: 1725, Price: Free
Success in no accident. While national languages and cultures may divide us - from money & banking to the workings of common inheritance, humanity shares far more best practices than most new software design students usually appreciate.
In a like manner, while documentation standards and illustration conventions also have their particularities, from cave-paintings to modern Storyboards, and UML - what the designing-world needs now is allot less intimidation... and a lot more collaboration!
This training opportunity has therefore been designed to encourage new designers to focus upon the common, as well as intuitive, best design & documentation practices, rather than design-camp peculiarities. While core and key documentation strategies will be covered in follow-on sessions, the focus of Design 1000 is to get you started confidently & competently creating the type of documentation that your communities need to start documenting product - as well as project - ideas as quickly as possible.
When professionally documenting project requirements I have discovered that sharing a community-approved picture, can indeed save most from reading well over 1000 words. Thereafter combined with industry best-practices, cultural-specific explanations, savvy technology expertise - and perhaps a dash of humor - is a great way to ensure that our designs are understood. An amazing recipe to ensure any undertakings ultimate "Testing Success!"
So from tenured advice on how to avoid undo criticism, to industrial-savvy advice on how to manage your own documentation creation & design life-cycles, Design 1000 is written to maximize your learning experience, while minimizing the design-speak.
Free Hand Drawing – Beginners
Let the art flow
Created by Meenakshi Sundaram - comic book writer
Students: 1507, Price: Free
A beginner level course to help people draw from their mind. This course help students to get friendly with pencil. They will learn all the simple techniques and concepts to let the art in them flow. All complex ideas can be understood easily if illustrated so with that in mind this course is designed to help people draw their ideas.
Dynamic Forces on Reciprocating Parts
Analyse various forces involved by following the principles of engineering mechanics to derive various force componets
Created by Sadasivan Narayanan - Assistant Professor - Mechanical Engineering
Students: 170, Price: Free
IC Engines are some of the most complex machines and are widely used in automobiles. Understanding the dynamic forces acting on these machines are very important to visualise the design intent required in manufacturing these machines. This course provides the fundamental forces acting on recirocating engines. Various forces that arise in the two vital components of theengine namely the connecting rod and the crank are derived based on principles of engineering mechanics and are explained in full detail. Also some tutorial sessions are handled involving some fundamental problems involving the force components derived to provide an in depth understanding if the magnitude of these forces.
Once the learner is able to get an idea of the mangnitude of these forces, he / she would be in a position to appreciate the involvement of force magnification by virtue of high speed motion of the egine parts. Various component forces act in various directions leading to complex stresses in the parts such as connecting rod, crank pin, crank shaft bearings and so on.
Such an understanding is very vital to pursue the studies of mechanical engineering related to forces arising due to motion in machinery. Hence the term dynamic force analysis is rather apt since these forces exist so long as the engine is in motion and cease to exist when the engine comes to rest. With fundamental knowledge of engineering mechanics solving for forces in static equilibrium, this course sheds some light on forces that could be generated due to the motion of parts.
Design Simple Machine Element
Design of Knuckle Joint Elements based on Static load condition
Created by Vilas Patil - Engineering design
Students: 139, Price: Free
A machine generally consists of a motor, a drive, and an actuating element. The mechanical power driving a machine constitutes the rotary motion energy of a motor shaft. Electric motors, internal-combustion motors, or turbines are the most common types of motors. The mechanical power transmission from the motor to the actuating element is accomplished by various driving gears. These include gearings, worm gearings, belt drives, chain drives, and friction gears. Some examples of actuating elements are car steering wheels, work spindles, and screw propellers of ships. This course covers the design of machine elements, in particular all common types of knuckle joint and the needed machine components. The in-depth description, including stress and strength analysis, materials, tables and assembly recommendations allows for a comprehensive and detailed calculation and design of these most important. The course provides the practicing engineer with a clear understanding of the theory and applications behind the fundamental concepts of knuckle joint elements.
The aim of the course is to develop the concept for knuckle joint based on the available space and its need. After developing concept design the all elements, including selection of material, factor of safety and calculation of final dimensions. To design the element basic steps were used as 1.Material selection, 2.Factor of safety, 3.Calculate permissible stresses, 4.Free body diagram the element, 5.Deciding weakest cross section and calculate its dimensions.