2d lukyvj
Video ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj CSS can be so awesome sometimes!

Yep, css, it's just few lines of css.

#codepen #experiments #css #css3 #animation #illustration #graphic #lava #lamp #animated #cssart #codeporn
2d
  •   lukyvj @chicote_ Yep sir! Its on my codepen profile :) @haraldandertun yep CSS only! Go check my codepen profile!! :) 1d
  •   lukyvj @ahmetsulek hehe yeah, it's really experimental tho! @madebydominick Nope! It's a Blur, saturation and contrast recipe! :) 1d
  •   chicote_ @lukyvj thanks friend! 1d
  •   swapmeshman Bah putain, quel talent ! 1d
  •   lukyvj Haha merci mec! @swapmeshman Mais c'est plus de la recherche que tu talent :) 1d
  •   swapmeshman @lukyvj ça reste impressionnant, dire que je galère encore avec les pourcentages ^^ 1d
  •   gergmuure This would make a great loader 1d
  •   lukyvj @gergmuure Yes! That was the idea at firt, but it's really too experimental. It asks the browser to perform some exagerated property/values, worth trying in canvas, the result would be more viable than my experiment! 1d

» LOG IN to write comment.

2d lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Polishing my slides for my talk at the #codepen meetup in Frankfurt ! ( 20 feb )

I created my own slides system with the help of @dervondenbergen ! Now I'll talk about a css technique that I call : CSS Zones Mapping, using my own slides system, which uses the trinity grid.

Everything is web-powered :) #frontend #front #meetup #codepen #frankfurt #web #webdesign #css #css3 #design #designer #dev #developer #html #html5 #javascript #jquery
2d
  •   simplyzee01 Happy to have helped! @lukyvj 2d
  •   lukyvj Hehe, by the way, on the css part, I spelled it correctly, I really should stop writing after 4am :s 2d
  •   simplyzee01 Haha we all do it from time to time! @lukyvj 2d
  •   arashmanteghi Can we see your slide system? Is it open source? Hope you'll be great on meet up. 2d
  •   lukyvj Not sure if I will make a repo with it yet, it's really used for personal purpose, but I may open-source it. Not sure 2d
  •   arashmanteghi @lukyvj However I'm sure it's nice project. Best wishes for you ;) 2d

» LOG IN to write comment.

3d lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Dat beauty.

My sweet and lovely Django!
That cute little fellah who love to walk on my keyboard while I'm writing code!

#cat #catrules
3d

» LOG IN to write comment.

3d lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hi guys !

Here is one of my latest project, I think about it since a long time now, I had some free time yesterday, and I decided to create it.

It's juste "an other" grid system, but this one got a secret, this one may be the simplest grid you'll ever met.

It got only 3 columns, it can be nested, it's responsive ( or not, depending on what you want ) , you can also offset the columns.

I created it because I needed a simple and responsive grid system, and I had this one in minds, I received some good feedbacks, so I think it can interest some of you guys !

It was added to the Bower package manager, so you can download it via : $ bower instal trinity-grid

The project is available on my github profile, and you can find a dribbble shot about it!
Feedbacks and returns of experience are the best way to help me to improve it, thank you by advance!

#dribbble #ui #ux #uidesign #uxdesign #frontend #front #webdesign #design #designer #code #codepen #javaqcript #html #css #css3 #javascript #code #developer
3d

» LOG IN to write comment.

2w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Look what I've found on the mailbox today !
I received my codepen swag !
Thanks to @chriscoyier and @codepen !
A codepen shirt, 2 code .. Pens, two badges, four stickers and a dotgrid sketchbook !
#codepen #code #css #css3 #designerswag #codepenswag #developer #vscocam #stickers #logo #pen #devswag #javascript #shirt #designerlifetsyle #web #webdesign #webdesigner #ui #uidesign
2w

» LOG IN to write comment.

2w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hi, here is a small project where I show several technics to create a menu icon that become a cross icon when clicked.

You can view the code for each examples, and try it directly on codepen by clicking the codepen icon.

Sometimes the switch uses javascript, sometimes it uses jQuery, and sometimes it's only css. I just wanted to provide different mixes of technics.

You can see it on my codepen profile or at http://lukyvj.github.io/menu-to-cross-icon/

#dribbble #codepen #css #css3 #javascript #jquery #icon #menu #github #ui #ux #uidesign #uxdesign #project #sideproject #webdesign #demo #code #developer #design #designer
2w

» LOG IN to write comment.

2w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj "B mark" Designed by @jonassoeder and I just wanted to make a css version of it, I love the shape, the color tones, and I thought that with a bit of css magic, I could give a try!

So basically, it's a bunch of triangles, 13 to be exact, and few css transform such as rotate and skew.

You can see it live on my codepen profile, hope you'll like it, and thank you Jonas for the inspiration!

#codepen #css #css3 #html #design #illustration #cssart #webdesign #code
2w

» LOG IN to write comment.

3w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hey !
Here is the logo of one of my project, called @Framaterial.

Framaterial is a web framework, using HTML, CSS & Javascript.
It's intended to be used by the community, to create website and apps with the "Material Design" look and feel. "Framaterial" stands for : Framework + Material.

I'm working hard since two month to, release a stable first version, but you can already see some experiments I did with it, such as this colorpicker.

By the day I'm working on freelance contracts, and at night, I'm working on framaterial, if you are inspired and want to help, the project is hosted on Github.

I'll be glad to see some talented folks suggesting some cool ideas :) As usual, feedbacks and comments are welcome!
#dribbble #design #logo #logotype #uidesign #webdesign #illustration #github #frontend #frontenddev #framework #developer #flat #flatdesign #gradient #google #blue #uxdesign
3w

» LOG IN to write comment.

4w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj As many people around the world, I felt concerned about the terrible shooting that happened the 7 of january 2014, so I took some time to create an hommage.

The freedom of expression will win.
Remember.

Http://lukyvj.github.io/JeSuisCharlie

#jesuischarlie #charliehebdo #charb #cabu #wolinski #tignous
4w

» LOG IN to write comment.

4w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hi !
Many people asked me if I could write an article/tutorial about my gulp workflow.

I finally had the time to do so, and I wanted to let you know that the article is currently in the pipe, I started to write it this morning, and it hopefully will be available tomorow.

This introduction covers the installation of gulp as well as the first steps to do to create your first gulp project.

The article is written on Medium, and will be available on my medium account as well as on my website.

If some of you want to read it first , to procide feedbacks, just tweet me, I'll be glad to share the article with you before it's release.

Thank you for being so nice and for your support guys, I hope this article will make you want to give gulp a try !
Cheers !
#web #webdeveloper #webdevelopement #gulpjs #javascript #node #medium #workflow #uidesigner #uxdesigner #web #webdesign #javascript #css #html #css3 #designerlife #designer #front #frontend #macbook #js #gulp #gruntjs
4w

» LOG IN to write comment.

4w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Today I wanted to create something with CSS, so I decided to create this Golden Gate Bridge illustration.

There is obviously no images, and I did it as an honorific creation for this marvelous city of San Francisco ! I miss it so much, can't wait to be back there !
You can view it on Dribbble and Codepen.

Cheers !
#dribbble #codepen #css #css3 #html #html5 #goldengate #bridge #sanfrancisco #sf #sanfran #frisco #flat #design #uiux #uidesign #uidesigner #illustration
4w

» LOG IN to write comment.

4w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj My grand father Lucio Bonomi, in 1948 when he was 20.
When I compare my face with this picture, there is some similarities that confirm he is my grand father, I'm called Lucas because of this guy, he is a hero, the youngest soldier of the south of france during the second world war. He was fighting at the age of 16, this is a great person and an awesome family member, I love you so much Papy #family #papy #grandfather #italiano #classy #elegant #throwback
4w

» LOG IN to write comment.

4w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj I got my Macbook Pro Retina 15" back !
Which means I'm now open to any freelance contracts ! I will be able to keep working on my side projects such as @framaterial ! And I'll be able to keep working on my ideas and client work ! Damn yeah ! I love Apple ! They repair my mac for free ! Changing my screen and battery !
I'm back on tracks !
#apple #web #webdesign #webdesigner #uidesign #uidesigner #designer #designerlife #battlestation #vscocam #uiux #webdeveloper #html #css #javascript
4w

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj While I'm waiting my macbook pro retina to be fixed by apple, and so, to keep working on @framaterial and on some freelance contracts, I have created this small project called Plugr.js.

Plugr.js is a script to load on your website, and it will help you to load your different plugins, scripts and styles in a painless way.

As a github project, it's not completely optimized yet, and I wish I'll be able to improve it soon, it works good, but there is some delays sometimes.
It's vanilla javascript, jQuery isn't needed to run Plugr.js.

Anyway, if you guys have ideas or feedback, feel free to send them to me !
Cheers !
#uidesign #uiux #ui #ux #uxdesign #webdesign #webdesigner #coffee #aix #aixenprovence #designerlife #lifebydesign #frontend #css #css3 #html #html5 #javascript #jquery #git #github
1mon

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj I've been walking around Aix en provence this afternoon, and I was kinda hypnotized by the city lights.
I love christmas time.

#vscocam #aix #aixenprovence #france #french #city #citylight #citylights #christmas #xmas #street #retonde #laretonde
1mon
  •   idseed Hey ! On se capte ? 1mon
  •   lukyvj @idseed Grave, debut semaine prochaine ? 1mon
  •   idseed @lukyvj je taff en ce moment, alors soir ou week end ca m arrange plus ;) 1mon

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Something I wanted for so long ! "Pro Javascript Techniques" by John Resig is a must have, and I own it now !
Thanks to my lovely parents for a such gift
I hope you guys got whaat you wanted for Christmas too !
Can't wait to discover this beauty!

#christmas #gift #javascript #jquery #js #webdesigner #webdeveloper #xmas #santa #noel
1mon
  •   haraldandertun Merry Christmas! What a nice gift Have you tried MeteorJS? The book "Discover Meteor" is very good. 1mon
  •   lukyvj @ilfoit Hehe I love eastpack backpacks ! @iamilad It is !! @jota_alien Not advanced, just js from basics to advandced concepts. @amineakad Il l'est! Je n'ai pas pu le recevoir aujourd'hui, mais il ne saurait tarder ! @haraldandertun No, never tried, should I ? i'll take a look at it, thanks for the hint :) And merry christmas y'all ! 1mon
  •   ilfoit @lukyvj the best backpack of ever! 1mon
  •   lukyvj True that @ilfoit 1mon
  •   haraldandertun Yes! it's the coolest js platform I've seen since I started coding js. I'm doing angular/vanilla js at work but play with meteor projects at night 1mon
  •   blackramcreative fabulous 1mon
  •   kaushalyarm late but Congratulations @lukyvj 1mon
  •   datasynced How is this book? 4w

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Merry Christmas to you all ! Have some sweet family moments and cherish all your friends and family members, we wish you a Great & Merry Christmas. ️🌲 From the Bonomi Family.

Ps : handmade christmas cakefrom my lovely mum @fabiennebonomi <3

#christmas #merrychristmas #noel #family #familymoments #love #cake #christmascake
1mon
  •   imzakria Enjoy dude and try to turn off the computer during these family days :) 1mon
  •   lukyvj @imzakria Thanks! I will, for few minutes 1mon
  •   air_ad Merry Christmas to your family too!) 1mon
  •   janninev Merry christmas! 1mon

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hey, I finally decided to redesign my website, it was 1 year old, and it was not so up to date.

After implementing the new design of @kevincdnc I felt like I needed to do something with my own website. So I used the same layout as base, and I added my own recipe to make it look like I wanted it to.

With this new version, I decided to make something that could be self updated, to showcase all my online portfolio items, from dribbble shots, to blog posts, everything uses an API, to display my last works as soon as they are upload on the different plateforms ( Dribbble, Github, Medium ). For the technical aspect, I used HTML, SASS and jQuery to build it, and some vanilla JS functions on separated files.
It's fully responsive, I used some bootstrap basic components coupled with a first pre-release version of a Material Design framework I'm working on ( Framaterial ). You can check it live : http://lucasbonomi.com

And feel free to send me your thoughts and feedbacks !

#uiux #ui #ux #uidesign #uxdesign #css #javascript #webdesign #frontend #css3 #webdeveloper #webdesigner #developer #front #uidesigner #html #bootstrap #dribbble #sass #scss #jquery #html5 #github #git #gulpjs #responsivedesign #responsive #dribbbleshot
1mon

» LOG IN to write comment.

2mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Starbucks break with my lovely @kam.elya ️ While spending an afternoon buying christmas gifts.
️🌲 #starbucks #coffee #santa #christmas #terrassesduport #marseille #love
2mon

» LOG IN to write comment.

2mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Morning wireframing session.
In a café in Aix en provence.

Just polishing some concepts for the @framaterial framework.

I love those quiet and calm moments when you can unleash your creativity.

You can find the first draft of the project on Github.

#uidesign #uiux #ui #ux #uxdesign #webdesign #webdesigner #framework #wireframe#coffee #aix #aixenprovence #designerlife #dotgrid #lifebydesign #frontend #css #css3 #html #html5 #javascript #jquery #git #github
2mon

» LOG IN to write comment.