Search results

  1. Markshall

    GTA VI

    Well the trailer got released early after it got leaked. So, initial thoughts? I think we all knew it wasn’t going to be a 2024 release, but actually seeing 2025 sucks. But with Rockstar’s track record, it’ll probably be a 2026 release.
  2. Markshall

    Same command

    I’d like a same command in the chat box that would be used like so: /same RastaLulz And it would print: RastaLulz got samed! The printout could be: RastaLulz got samed by Markshall! …but this command will only be available to Markshall, as such, there is no requirement for this specification.
  3. Markshall

    What is causing these insane database connection spikes?

    This was the most appropriate section I could find for this post, feel free to move if not. My issue is that I maintain a few websites that are all built on WordPress (I know...), which for the most part is good at what it does. The servers are EC2 instances on AWS and the database is an RDS...
  4. Markshall

    How has coronavirus affected you?

    It’d be an understatement to say that coronavirus has affected all of us in some way or another, but I’m genuinely curious to find out who has been affected in what way(s). Whether it be financially, mentally, losing your job/loved ones to the virus or just about anything. Personally, I’ve been...
  5. Markshall

    Show DevBest macOS Big Sur App Icon

    This may seem really similar to the macOS Big Sur Mail App Icon I did 2 weeks ago, but the detailing on this one is far greater. I wanted to replicate this Instagram post as best as I could, and I don't think I did too bad of a job. View on Codepen Final outcome:
  6. Markshall

    Show DevBest Apple Music Dark Mode

    Another addition to my 'dribbble mockups'. This time it's the Apple Music Dark Mode designed by Charles Patterson, which can be found at this link: https://dribbble.com/shots/12389575-Apple-Music-Dark-Theme This was a pretty tricky one mainly due to the CSS 'frosted glass' effect required on a...
  7. Markshall

    Show DevBest macOS Big Sur Mail App Icon

    Another dribbble mockup, this time based on this macOS Big Sur Mail App Icon by Angela Salud Chua My reason behind doing this one was the challenging box-shadows/gradients required to get the effects right I don't think the result is massively far off the original design so I'm happy with the...
  8. Markshall

    Show DevBest Forbes Leaderboard

    Another dribbble mockup, this time based on this Forbes Leaderboard by Ennio Dybeli My main reasoning behind wanting to do this one was because, obviously it looks nice, but also because I wanted to take on the multiple gradients in the header. One gradient for the left-right blue colours, and...
  9. Markshall

    Show DevBest Realistic Image Shadows

    Everyone is familiar with the usual effect of adding a barely visible shadow to images with an almost-transparent background, but I found a post on Instagram and decided to try to replicate it in CSS It uses CSS variables to dynamically size the element and it's shadow and an ::after element to...
  10. Markshall

    Show DevBest Calendar mockup in HTML/CSS

    Another mockup I've been working on for the past hour or so; not as extensive as the iOS 14 widgets I did last week but it was just for fun. I saw a bunch of components from a shot on dribbble.com and liked the calendar, so I decided to code it up. I may go through and do the rest as days go...
  11. Markshall

    Show DevBest iOS 14 Widgets in HTML/CSS

    There's been a lot of speculation going around about the concept of widgets on the homescreen for the upcoming iOS 14. Many of these speculations have made it to mock-ups being created by people, but the one I've took a liking to is this...
  12. Markshall

    Show DevBest iOS Range Toggle Sliders

    I saw a post on Codepen and wanted to see if I could replicate the famous toggle-sliders we're all familiar with that use cleverly-styled checkboxes, instead of using range sliders like Marcus suggests for UI purposes. TL;DR of the Codepen post: author wants to be able to actually drag the...
  13. Markshall

    Show DevBest Google Bottom Bar Navigation Pattern

    It's been a while as I've been mad busy at work, but I saw a Dribbble design I liked and wanted to replicate it. Tried doing it without JavaScript as well. The design was this: My result was this: (less smooth but it works) https://codepen.io/Markshall/pen/rPzELR HTML: <!DOCTYPE html> <html...
  14. Markshall

    Show DevBest Pure CSS Floating Action Button

    I think it's safe to say that by now, we've all seen the 'floating action button' effect. Correct me if I'm wrong, but it was popularised by Google with the Material design language. Well, if you've not seen it, it's a button that floats (usually at the bottom right of a document), and when...
  15. Markshall

    Show DevBest Geometric Parrot

    I saw a neat little illustration on Dribbble and wanted to code it up in CSS form. This is my result... would be a lot smoother if I spent more time on it but I knocked it up in about 10 minutes so it's only a quick one. I've always wanted to do an illustration>CSS mock up but never found one...
  16. Markshall

    Show DevBest Noncify

    I needed a nonce-generating script for a project I'm working on at work and this is what I ended up with. Feel free to use. https://github.com/Markshall/Noncify <?php /** * @name Noncify * @author Mark Eriksson (https://markwrites.codes) * @link https://github.com/Markshall/Noncify...
  17. Markshall

    Show DevBest CSS Pop Menu

    Much like my other post, I saw another nice effect I saw on a website a while ago that I wanted to replicate. I've not focused much on the styling of it (there's some basic styling but it still looks ugly), but more on the functionality. No JavaScript is involved as it uses a checkbox to...
  18. Markshall

    Show DevBest Simple Hero Header Animation

    I saw a nice effect on a website yesterday and wanted to replicate it, where a coloured bar flashes across the name of the website. Because by default, H1 tags are block-level elements so they span the full width of it's parent container, which in this case would be 960px, so the bar would run...
  19. Markshall

    Show DevBest CSS Ribbon Flags

    An old effect that seems to be crawling it's way back into websites lately is the ribbon-flag effect. I saw a post on Dribbble and liked the look of them, plus it gave me the opportunity to put clip-path to use as I've never used it before, so this is the result...
  20. Markshall

    Show DevBest Materialised Form Components

    Been very bored at work since I finished my previous project so knocked up a few form components based on the Google Material design language. I know there are plenty of these about but I’ve never styled checkboxes/radio buttons.. so fancied giving it a go. Use as you wish...
    • Markshall
    • Thread
    • design form form components google material material
    • Replies: 4
    • Forum: Programming
Top