1d 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
1d

» LOG IN to write comment.

2d 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
2d

» LOG IN to write comment.

3d 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
3d

» LOG IN to write comment.

5d lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Teasing.
A sneak peek of my Github repositories listed on my new website.
It should be up really really soon !
#html #website #redesign #webdesigner #webdeveloper #github #portfolio #responsive #css #css3 #javascript #jquery
5d

» LOG IN to write comment.

6d lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj I just added the cards to @framaterial !
It will be totally controllable, and you’ll be able to style them without an effort !
They will be available with different sizes and when I created it, I also created the Material depths system, which will give different depths to your material elements! By default, each card will have a depth of 3, but you will be able to change it.
Stay tuned for the first framaterial release !
#uiux #ui #ux #uidesign #uxdesign #css #javascript #webdesign #frontend #css3 #webdeveloper #webdesigner #developer #front #uidesigner #html #bootstrap #responsive #sass #scss #jquery #html5 #github #git #gulpjs #website #redesign #materialdesign #material #framework
6d

» LOG IN to write comment.

1w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hi guys, a big refresh of my website is coming soon !
I needed that, a new identity to showcase my work, my projects etc.. For the technical aspect, I used the api of Github and Dribble to pull out my last projects and display them directly on my website.
I used the same general layout designed by my pal @KevinCdnc for his own website, but I added some modifications to the layout to make it fit to my wishes.
I also used a pre-release version of my new @Framaterial framework, to make the whole site more slick, clean and actual.

As usual, I used GulpJS to build the site to minify the styles and scripts as well as the images and SVG
I encourage you guys to try Gulp for your next projects ! It’s life changing !
I’m still polishing it and hopefully it’ll be available this week, and If you are interested about it, and want to give me some feedbacks, just DM me and I’ll send you the link.

#uiux #ui #ux #uidesign #uxdesign #css #javascript #webdesign #frontend #css3 #webdeveloper #webdesigner #developer #front #uidesigner #html #bootstrap #responsive #sass #scss #jquery #html5 #github #git #gulpjs #website #redesign
1w
  •   haraldandertun Looking forward to see it. Btw, have you tried grunt? How is gulp better? 6d
  •   lukyvj Thank you dude ! @timbog80 Hehe does it ? You'll get a live preview at @bullgit :)) @kaushalyarm Thanks man @sham2bam Because I didn't needed it :) And I prefer to use my "own tools" frameworks included when it's possible @hassan_yf 6d
  •   lukyvj Hey @jonasbad ! Thank you, so, I don't use the uncss tool but I definetely will take a look at it ! And in developement, I prefer my css extended for obvious reasons, and when I have to push a version of the website online I launch a gulp task that compress and create .min version of my styles, which are nested. :) 6d
  •   lukyvj @blackramcreative Merci ! 6d
  •   lukyvj @anjithsasindran haha yeah I know :s ! Thx 6d
  •   lukyvj @haraldandertun Hey :) Yeah I tried Grunt before Gulp, and I just prefer the simplicity of Gulp, the syntax and it seems to be faster, Grunt is a great tool, but I feel more comfy with Gulp ! 6d
  •   lukyvj @hassan_yf Yo ! Just realized that I do use some parts of bootstrap ! :s 5d
  •   haraldandertun Okay @lukyvj :) Maybe I should give gulp a try. Grunt have been a good tool for my projects, but a bit slow at minifying my js (5-7sec). Maybe gulp can do it faster... 5d

» LOG IN to write comment.

2w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hi guys !

So, for the past few weeks, we've been collaborating with @Kevin Cdnc for his new website.

So as always, we worked as a team, and he did the design, then I coded everything.

It was a bit challenging, because I wanted to produce a clean website in terms of code and browsing experience.

For the technical aspect, I used SASS & SCSS, jQuery and HTML.
I also used GulpJS to build the website, to minify images & codes.

To all the developers on Dribbble, you guys should try Gulp !

I attached some screenshots picturing the HTML, SASS & jQuery files, it may interest you.

I will write down a post soon, to explain how I created some tricky parts ( such as the animated header). Meanwhile, you can enjoy his brand new website at : http://kevinCdnc.com

#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
2w
  •   vjandrei Gulp is the best so far. Can you make workflow tutorial how you use it like tips and tricks ;) 2w
  •   iamilad Always Been Inspiring Lucas 2w
  •   pensarph Superb! 2w
  •   lukyvj @vjandrei Hey ! I will do it with a great pleasure ! I will try to make it this week ! 2w
  •   lukyvj @iamilad thank you man ! 2w
  •   lukyvj @pensarph Thanks ! 2w
  •   shak_dizzle I've been using gulp for some time now and it's enlightening. My productivity level is much higher and it makes the work process much more fun. I use stylus and jade preprocessors with browser-sync. Want to share gulpfile.js to see what we can learn from eachother? 1w
  •   lukyvj @shak_dizzle I totally agree with you ! Working with a js task runner push the workflow to a whole new level ! I'll be glad to you my gulpjs file ! Btw, I use sass instead of stylus. 1w

» LOG IN to write comment.

2w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hey guys !
I just finished the website of my pal @KevinCdnc ! Stay tuned for the official release, I hope you guys will like it !

It was designed by Kevin, to showcase his own works, you can go to his instagram account to know more about this project.
About the used technics, I developed it with my everyday weapons : HTML, CSS, Javascript, as always.
I used Gulp.js to compile, build, minify and optimize the website, and of course I wrote a lot of SASS & SCSS functions to achieve his portfolio.
The modals used the Bootstrap modals.js script and all the complex interactions are powered via jQuery.
I used Bootstrap as a base to get a more structured and better quality website, and I wanted to get a « perfect » Cross browser result.
Also, there is some special things, such as an animated gradient for the header & footer, that took me some time to build, and don’t worry, I’ll open source it on Github in few days. Or now, I don’t know yet.
Anyway, it was a fun work, and an awesome collaboration (as always) with my buddy @KevinCdnc ! I hope you will like & share it !
#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
2w

» LOG IN to write comment.

3w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hey guys ! Here is a part of my incoming new framework dedicated to Material Design.

This is just a zoom into the Material Design iconset I opened source as a gist (gist.github.com). Of course it will be used on the framework I'm creating, but I feel like I could release it first since thise icons already exists ( thanks to Google ) and since I love to open source my projects.

Anyway, more informations soon, stay tuned !
#marerialdesign #uiux #ui #ux #uidesign #uxdesign #css #javascript #google #webdesign #frontend #css3 #webdeveloper #webdesigner #codepen #developer #front #uidesigner #html #framework #materialUI #icons #iconset #github #git
3w
  •   henrihelvetica Bon travail mec 3w
  •   double_are And old isn't the new, new...unless history repeats. Then it's fine. 3w
  •   lukyvj @double_are It is, but if you look back in the history of design, like 2 years ago, skeuomorphism was the thing to do, today, we are way more attracted by Flat design, it's not bad to use an "old" product, but if you do so, the UI will be affected by this, and the user will feel it. Of course this is only my opinion, and I use Fontawesome everyday. It's just a thought. 3w
  •   lukyvj Merci ! @henrihelvetica 3w
  •   jota_alien You are the best! 3w
  •   cleysonlb Good job man!! 3w
  •   t00mean I've met one another framework http://materializecss.com/ looks nice) 3w
  •   we_are_union Great stuff 3w

» LOG IN to write comment.

3w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Today I started to create a small CSS framework containing some Material Design UI elements. Just to use it on my own projects and apps, and maybe it will help some people that want to use Material Design in their projects !
It's not a big deal, just a kind of "Helper Classes" that will enable some of the basics of Material Design components ( buttons, Typography, lists, modals, ripples on touch/click etc..) I'll release it on Github once it will be done, among many other Material Design Frameworks already available on Github.
#marerialdesign #uiux #ui #ux #uidesign #uxdesign #css #javascript #google #webdesign #frontend #css3 #webdeveloper #webdesigner #codepen #developer #front #uidesigner #html #framework #materialUI
3w

» LOG IN to write comment.

4w lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj My babies.
You matter so much for me.
@cam.elya & Bouli

#love #happiness #cute #dog #girlfriend #pretty #tenderness #lovely #thatmoment #goodvibes
4w

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Here is a small sass trick for you guys !
I use it a lot on my projects, and here is the SASS loop I use for the new @kevincdnc's portfolio.
I assume that you got a basic knowledge about SASS, so this example should be self explanatory.
It's all about loops, it'll make you save some time and some lines. But as you can see, the compiled css is clean and easy to understand.

#css #css3 #sass #scss #front #frontend #web #webdesign #webdesigner #webdeveloper #gulp #gulpjs #jquery #javascript #html #html5 #ui #ux #uiux #uidesign #uxdesign #code #developer #csstrick
1mon
  •   arisbakri Looks like js 1mon
  •   lukyvj Yeah ? But it's only sass ;) @arisbakri 1mon
  •   johjakob @lukyvj Looks pretty efficient! 1mon
  •   simplyzee01 Cool concept! I will apply this to one of my projects. Thanks @lukyvj 1mon
  •   taher_chi Good too see you spreading inspiration and knowledge. Keep it up! Would love to get your feedback on my work. 1w

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Tonight I'm working on the brand new @kevincdnc's website ! It feels good to have fresh designs to work with !
I started the project using Gulp and Bootstrap, will be coded in SASS and jQuery ! Stay tuned !
I love this kind of evening !
#web #design #webdesign #webdesigner #uidesign #uiux #uxdesign #frontend #gulp #javascript #jquery #css #css3 #html #front #developer #webdeveloper #sass #scss #code
1mon

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hello little frog
We had an unexpected visitor tonight.

#frog #groggy #aixenprovence #france #vscocam #animal #space #stars
1mon

» LOG IN to write comment.

1mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj

» LOG IN to write comment.

2mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj Hey guys, I coded this contact card, initially from a brilliant design of Rovane Durso (@rovanedurso)
I decided to add a responsive version, that adds more flexibility to the card. It's triggered at 768px ( general tablet display ). Don't forget to check it online on the live version on codepen : cdpn.io/LukyVj/full/cLheB

I used jQuery for the initial animation, and I used http://randomuser.me/ to generate a random user, Just to add some fanciness.

#webdesign #webdesigner #uiux #uidesign #uxdesign #css #css3 #codepen #graphicdesign #dribbble #userinterface #design #responsive #javascript #jquery #html #code
2mon
  •   imzakria Nice! Tried contacting you via email. Want to contract you into a project. If you have open availability let me know. Also I'll be in Paris in December :). 2mon
  •   gundogcreative creative genius. 1mon
  •   lukyvj @gundogcreative Thank you Yeah I saw it, I have to respond, my bad, I have a plenty of thingd to manage. I'll respond over the weekend @imzakria 1mon

» LOG IN to write comment.

2mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj The view from the port of San Francisco, where we used to lunch everyday with the buddy @kevincdnc
Gonna see you soon SF, really soon.
#sanfrancisco #sf #california #port #vscocam #city #usa
2mon

» LOG IN to write comment.

2mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj I miss my config at @sfvault in San Francisco. As I miss San Francisco.
It feels so much better to have a multi screen config, so much comfortable.
Here is a Macbook pro retina + Samsung screen + macbook air.
Well, I used the mbp Air because my mbp pro wasn't working that good.

#sanfrancisco #office #sfvault #webdesign #webdesigner #uidesign #uxdesign #frontend #frontenddesign #uiux #battlestation
2mon
  •   sfvault We miss you @lukyvj and @kevincdnc!! Though the guys at Whyd are keeping your seats warm! 2mon
  •   lukyvj Yep, mais vu que c'est une experience dynamite random, elle n'a pas la meme tronche. @nonoblessyou 2mon
  •   lukyvj @brettred :/ I think we have to reschedule it! I'm not in San Francisco anymore 2mon
  •   brettred Next lap! 2mon
  •   lukyvj @sfvault we miss you too! 2mon
  •   history_89_ @lukyvj dream !!! 2mon
  •   jefs_ Yeh, multiscreen rocks. I'm using a 24 inch screen along with my macb pro, love it! 2mon
  •   yo.raz Amen brother !!! 2mon

» LOG IN to write comment.

2mon lukyvj
Normal ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀Luky Vj
lukyvj I'm back !
I wasn't around for some time, between my travel back to France and some personal business, I have now the time to get back to work !
I'm sorry, to those who sent me messages or emails this two past weeks, I'll respond, don't worry.

I'm now in the south of france, who knows, you're maybe around ?

By the way, if you're interested to work with me, feel free to send mails, tweets or anything else, I love being in touch with you guys !
Anyway, let's rock the web now ! Few more shots about my current works are coming, stay tuned !

#web #webdesign #ui #ux #uidesign #uxdesign #responsive #css #css3 #html #javascript #jquery #frontend #frontenddesign #developer #designer
2mon

» LOG IN to write comment.