GitHub - codex-team/html-css-practice: Making Facebook for several minutes
codex-team / html-css-practice Public
-
Notifications
You must be signed in to change notification settings - Fork 4
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Latest commitHistory | ||||
Repository files navigation
Sources from CodeX Meetup: HTML+CSS Practice
Just another one exercise for frontend beginners. Making the Facebook-view on a fast-coding example.
Enjoy.
Base knowledges
displayhttps://developer.mozilla.org/en-US/docs/Web/CSS/displaypositionhttps://developer.mozilla.org/en/docs/Web/CSS/positionfloathttps://developer.mozilla.org/en/docs/Web/CSS/floatClearfix Hackhttps://css-tricks.com/snippets/css/clear-fix/Media querieshttps://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
and other.
More interest
Native fonts
- Medium Team https://medium.design/system-shock-6b1dc6d6596f#.eycroax4i
- Smashing Magazine https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
CSS Variables
- Spec https://www.w3.org/TR/css-variables/
- Using https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
- Supporting http://caniuse.com/#feat=css-variables
BEM style
- Naming http://getbem.com/naming/
- [ru] Методология https://ru.bem.info/
CSS Triangle
https://css-tricks.com/snippets/css/css-triangle/
How its possible: http://stackoverflow.com/questions/7073484/how-do-css-triangles-work
Position: sticky
https://css-tricks.com/position-sticky-2/
Result 😺
About CodeX
We are small team of Web-developing fans consisting of IFMO students and graduates located in St. Petersburg, Russia. Fell free to give us a feedback on team@ifmo.su
Follow us!
Telegram: https://t.me/codex_team
Instagram: https://www.instagram.com/codex_team
About
Making Facebook for several minutes
Topics
Resources
License
Stars
Watchers
Forks
Releases
No releases published

