How do you keep track of current trends in Development? 👨‍💻 Some of my favourite resources are @medium posts, and @youtube videos such as thenetninja and @leveluptutorials , but whilst I've been away from WiFi I've found articles and podcasts to be a great way of staying up to date 📰🎧 Syntax.FM is a great podcasts I really recommend listening to, it's super easy listening and covers multiple areas in each episode whilst being enjoyable to listen to 😁🤟 How do you keep up to date, and do you have any favourite resources? 💻📰🎧 Let me know below! 🔥🤟 Photo credit: Christopher Gower on Unsplash

What is the significance of complaining about what you don't have when all the pieces are out there for you ? Go find the pieces.
This project has allowed me to just go in and get ny hands dirty while learning so much at the same time.

I took inspiration from the link hover effect yesterday and altered my button hover states.
What you think? I’m thinking maybe the sides should slide in from top left and bottom right on an angle like the background effect of the blog. Let me know in the comments 😊

[8/30] reactjs challenge
-
Build the second component! A simple button. For now it’s just a simple button. But! It will be a gorgeous button in the future. Will add CSS or maybe Less styling. What do you work with? Pure CSS, Less, SCSS? Or something else? -
I like Less very much. It’s easy and powerful at the same time. The button component can be easy used in the table component. I really love the concept of this components. The styling also is always scoped. How do you style your components? With an external file? Or inline styling?
-
I was asked why I build my own UI and not use something like Twitter bootstrap? Or bulma.io which I has seen on @alexislepresle account. The answer is easy: I want to learn. It is very easy to use Twitter bootstrap but i want to understand how such an UI framework is built. Since i‘m doing this challenge to learn new things it comes to me perfectly I should write my own UI framework. For me there is no better way to learn. -
The next step will be a navigation bar. After that I will export that UI to an own npm package, behause I want to use it in my random animals app! Stay tuned.
-
Code is life
-
#reactjs#react#javascript#frontend#ui#twitter#bootstrap#twbs#rainbow#rainbowUI#code#coder#codeislife#codelife#dev#devlife#developer#webdeveloper#webdevelopment#mechanicalkeyboard

98/365
Good evening everyone :) Who wants to drink some coffee :P? I was working and now I am in front of my desk and want to test some slider function with bootstrap.
I will soon have the 100 pictures full 🤗.
Thanks everyone who accompanies me on my journey 🤗
I hope you are all fine and have/had a beautiful day. Greet you all and kiss your eyes 😋
No one is born a master!

next week im going to show you how to build a slider that feels truly native, using ONLY css😜😁
—
ive torn down & rebuilt the sliders on @doggosdotcom 5+ times in an attempt to get a nice, horizontal sliding UI that works well on your phone, like something you might see on AirBnB.
—
3 JS libraries later, i’m still not happy with whats on production. but i am REALLY excited for what were about to release, and i think you guys will ❤️ the technique.
—
im also working on building my own syntax highlighter for #atom from scratch! 😜
more on that next month, but im using this post to pick some colors for my theme. which do you guys like more? blue-ish, purple-ish, or something different altogether?
LMK in the comments! 🧐💯
—
#girlswhocode#ux#ui#software#uitrends#css#reactjs#coding#ipadpro#frontend#designinspo

BEM is a class naming system, the idea is that through BEM you can differentiate CSS classes that fulfill different functions. This is done by naming the CSS classes in a special way, so that their name describes their function.
*
*
- A block is an independent, modular user interface component.
- An element is a component of a block. An element serves a singular purpose.
- A modifier is a css class that changes the presentation of a block or an element.
In summary:
*
*
- Blocks:
Independent entity that has meaning by itself. (header, container, menu, checkbox, input ...).
- Elements:
Parts of a block that have no independent meaning. They are semantically linked to your block. (element of a menu, element of a list, title of a header, caption of a picture element, etc ...).
- Modifiers:
Block or element indicators. Used to change the appearance or behavior. (disabled, highlighted, checked, fixed, size big, color yellow ...).
*
*
#appweb#web#css#code#html#programming#computer#software#developer#design#projects#coding#systems#frontend#designweb#digital#layout#BEM#methodology

More team treehouse this evening making great progress with it this week, really happy!! .
Tonight I start two small project that are for friends, ones a small traffic design project/ logo and the others bug testing a web application for a friend
Happy Tuesday everyone